*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#161719;font-family:'Helvetica Neue',Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}a{color:inherit}button{cursor:pointer;border:1px solid #161719;background:#161719;color:white;padding:12px 18px;font-size:14px;font-weight:650;border-radius:4px;min-height:44px}button:hover{background:#34363b}button:disabled{opacity:.45;cursor:default}button.quiet{background:transparent;color:#35363b;border-color:#bcbfbc}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #315cfa;outline-offset:3px}button[hidden]{display:none}.skip{position:absolute;top:-80px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.topbar{min-height:88px;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px 4.5%;border-bottom:1px solid #c8cac5}.brand{font-size:24px;font-weight:800;text-decoration:none;letter-spacing:-.04em}.toplinks{display:flex;align-items:center;gap:24px;font-size:13px}.toplinks a{text-decoration:none}.toplinks a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:end;padding:38px 4.5% 32px}.eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:9px}.hero h1{font-size:clamp(34px,4vw,62px);line-height:1.02;letter-spacing:-.055em;max-width:20ch;margin:12px 0 0;font-weight:650}.hero p{font-size:13px;color:#4e5358;margin:0;max-width:45ch}.serif .hero h1,.serif #result h2,.serif .brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.workspace{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:24px;margin:0 4.5% 36px;align-items:start}.editor-panel{background:#fff;padding:28px;border:1px solid #d5d7d1;border-top:5px solid var(--accent)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:22px}.panel-heading h2{font-size:19px;letter-spacing:-.035em;margin:0}.panel-heading span{font-size:10px;letter-spacing:.08em;color:#565b5d}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}.field.wide,.field:first-child{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:700;line-height:1.35;margin-bottom:8px}.field input,.field textarea,.field select,.library input{display:block;width:100%;min-width:0;border:1px solid #aeb3b4;border-radius:3px;background:#fcfcfa;padding:11px 12px;color:#202328;font-size:15px;line-height:1.5;min-height:45px}.field textarea{resize:vertical;min-height:88px}.field small{display:block;margin-top:5px;color:#51575c;font-size:12px}.form-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.form-actions button:first-child{flex:1}.result-panel{background:#fff;min-width:0;border:1px solid #d5d7d1}.result-toolbar{padding:18px 24px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d5d7d1;align-items:center}.result-toolbar span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.result-toolbar .actions{margin:0}#result{padding:28px}#result h2{font-size:34px;line-height:1.12;letter-spacing:-.045em;margin:12px 0 24px;overflow-wrap:anywhere}.result-block{margin:0 0 20px;padding-top:15px;border-top:1px solid #e5e6e2}.result-block h3{font-size:11px;text-transform:uppercase;letter-spacing:.075em;margin:0 0 8px}.result-block p{font-size:15px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.result-note{font-size:11px;color:#555d60;border-top:1px solid #d5d7d1;padding-top:14px;margin:20px 0 0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:18px;margin:20px 0 26px}.metrics strong{font-size:28px;line-height:1.15;letter-spacing:-.04em;display:block;overflow-wrap:anywhere}.metrics span{font-size:11px;color:#4a5156;display:block;margin-top:7px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px;padding:8px 12px;min-height:40px}.variation-bars{display:flex;gap:3px;height:150px;align-items:end;border-bottom:1px solid #b4b8b9;margin-bottom:25px}.variation-bars span{display:block;flex:1;background:var(--accent);min-height:2px}.scene{border-left:4px solid var(--accent);padding:8px 0 8px 20px;margin:0 0 30px}.scene p{font-family:Georgia,serif;font-size:23px;line-height:1.45;margin:0 0 20px;white-space:pre-wrap}.library{margin:0 4.5% 60px;padding-top:25px;border-top:1px solid #aaaeac}.library-header{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:24px}.library h2{font-size:27px;letter-spacing:-.045em;margin:0}.library h2 span{font-size:14px;vertical-align:super;margin-left:7px}.library-header p{font-size:12px;margin:5px 0;color:#51575c}.library input{max-width:320px}.records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.record{background:#fff;border:1px solid #d5d7d1;padding:24px;min-width:0}.record h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:12px 0;overflow-wrap:anywhere}.record-date{font-size:12px;color:#586064;margin-bottom:20px}.empty{color:#4c5457;max-width:50ch;font-size:14px;grid-column:1/-1}.data-tools{display:flex;gap:16px;align-items:center;margin-top:26px;flex-wrap:wrap}.import-label{font-size:12px;display:flex;align-items:center;gap:10px}.import-label input{max-width:230px;font-size:12px;padding:6px;border:0;background:transparent}.device-note{font-size:12px;color:#535a5b;max-width:76ch}.footer{border-top:1px solid #c8cac5;margin-top:50px;padding:24px 4.5%;display:flex;gap:24px;justify-content:space-between;font-size:12px;color:#4b5356}.footer details{max-width:420px}.footer summary{cursor:pointer;color:#202328}.footer p{margin:10px 0 0}.status{position:sticky;bottom:12px;max-width:760px;margin:10px auto;padding:0 16px;font-size:13px;z-index:8}.status:not(:empty){padding:14px 20px;background:#161719;color:white;border-radius:5px;box-shadow:0 3px 20px #0002}.workspace:focus{outline:0}@media(min-width:1400px){.workspace,.hero,.topbar,.library,.footer{padding-left:max(4.5%,calc((100vw - 1500px)/2));padding-right:max(4.5%,calc((100vw - 1500px)/2))}.workspace,.library{margin-left:0;margin-right:0}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:20px;padding-top:28px}.hero h1{font-size:43px;max-width:20ch}.hero p{max-width:70ch}.workspace{grid-template-columns:1fr}.records{grid-template-columns:repeat(2,minmax(0,1fr))}.toplinks{gap:14px}.brand{font-size:21px}.result-panel{scroll-margin-top:15px}}@media(max-width:520px){.topbar{padding:16px 5%;min-height:72px;align-items:start}.toplinks{font-size:12px}.toplinks a:first-child{display:none}.hero{padding:28px 5%}.hero h1{font-size:37px}.workspace{margin:0 5% 35px;gap:18px}.editor-panel,#result{padding:22px}.fields{gap:17px}.field{grid-column:1/-1}.result-toolbar{padding:15px 18px}.result-toolbar span{max-width:60px}.library{margin:0 5% 35px}.library-header{display:block}.library input{max-width:none;margin-top:16px}.records{grid-template-columns:1fr}.footer{display:block;padding:23px 5%}.footer details{margin-top:20px}.metrics strong{font-size:25px}.status{margin:10px 4%}.import-label{display:block}.import-label input{margin-top:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.topbar,.hero,.editor-panel,.result-toolbar,.library,.footer,.status{display:none}.workspace{display:block;margin:0}.result-panel{border:0}#result{padding:0}.result-block{break-inside:avoid}}