:root{font-family:Courier New,Courier,monospace;color:#393a39;background:#e5e4e1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--line: #c6c5c0;--paper: #f7f6f2;--graphite: #4b4c4c}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#e5e4e1}body{margin:0;min-width:320px;min-height:100vh;background:#e5e4e1}button,select,input{font:inherit}button{border:0;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #343534;outline-offset:3px}.app-shell{min-height:100vh;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:#e5e4e1}.topbar{min-height:72px;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border-bottom:1px solid var(--line);background:#efeeeb}.wordmark{color:#3a3b3a;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.045em}.wordmark strong{font-weight:800}.project-state,.toolbar-meta,.toolbar-label,.top-actions,.settings-index,.settings-footnote,.export-specs{display:flex;align-items:center}.project-state{gap:10px;color:#7e7e79;font-size:10px;letter-spacing:.12em;white-space:nowrap}.state-dot{width:7px;height:7px;border-radius:50%;background:#687c6e;box-shadow:0 0 0 3px #687c6e1f}.state-separator,.toolbar-divider{color:#bab9b4}.top-actions{justify-content:flex-end;gap:14px}.quiet-button,.top-export{padding:11px 14px;font-size:10px;letter-spacing:.09em;color:#646560;background:transparent}.quiet-button:hover{color:#2f302f}.top-export{color:#f4f2ed;background:var(--graphite)}.top-export:hover,.download-button.primary:hover{background:#2f3030}.workspace{flex:1;height:calc(100vh - 72px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 372px;overflow:hidden}.preview-column{min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;padding:28px 40px 22px;background:#e4e3e0}.view-toolbar{min-height:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.toolbar-label,.toolbar-meta{gap:8px;color:#8b8b85;font-size:10px;letter-spacing:.11em}.toolbar-kicker{color:#5d5e5a}.toolbar-name{color:#999994}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px 0}.poster-wrap{width:min(538px,calc(100% - 24px),max(260px,calc((100vh - 220px)*.707)));flex:0 1 auto;transform-origin:center center;transition:transform .18s ease}.poster-page{--poster-paper: #f7f4ed;--poster-ink: #353535;--poster-accent: #d51d32;--poster-title: #f6c400;width:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--poster-paper);color:var(--poster-ink);box-shadow:22px 24px #6868651f,0 7px 22px #31312f1c;transition:background .18s ease,color .18s ease}.poster-gallery,.poster-paper,.poster-mono{--poster-paper: #edece7;--poster-ink: #3f3f3d;--poster-accent: #a5a49f;--poster-title: #f4f3ee}.poster-sand{--poster-paper: #e4d6bd;--poster-ink: #3f3a31;--poster-accent: #9d4d2f;--poster-title: #f4e8cf}.poster-onyx,.poster-noir{--poster-paper: #252727;--poster-ink: #ece9df;--poster-accent: #6f7270;--poster-title: #f1eee6}.poster-bloom{--poster-paper: #f0deda;--poster-ink: #4d3740;--poster-accent: #c17491;--poster-title: #ffe9cf}.poster-art{position:relative;flex:0 0 auto;aspect-ratio:1;overflow:hidden;background:var(--poster-accent)}.poster-art img{width:100%;height:100%;display:block;object-fit:cover;transition:filter .18s ease}.poster-title{position:absolute;top:3.7%;left:3.8%;color:var(--poster-title);font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-size:clamp(32px,7vw,74px);font-weight:900;letter-spacing:-.115em;line-height:.78;text-transform:uppercase;text-shadow:0 1px rgba(28,28,28,.08)}.poster-year{position:absolute;left:4.1%;bottom:4.4%;color:#f7f4ede6;font-size:9px;letter-spacing:.16em}.parental-tag{position:absolute;top:4.2%;right:4.2%;width:15.7%;aspect-ratio:1.48;padding:7px 6px 5px;display:flex;flex-direction:column;justify-content:space-between;background:#292b2b;color:#f4f2eb;font-family:Arial,Helvetica,sans-serif;font-size:clamp(4px,.72vw,8px);font-weight:700;line-height:1}.poster-copy{min-height:0;flex:1;display:flex;flex-direction:column;gap:15px;overflow:hidden;color:var(--poster-ink);background:var(--poster-paper);transition:background .18s ease,color .18s ease,padding .18s ease}.poster-heading-row{flex:0 0 auto;display:flex;justify-content:space-between;gap:20px}.poster-kicker,.poster-release,.poster-copy-footer{color:color-mix(in srgb,var(--poster-ink) 58%,transparent);font-size:clamp(6px,.68vw,8px);letter-spacing:.11em;line-height:1.35;text-transform:uppercase}.poster-copy h1{margin:7px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(19px,2.75vw,32px);font-weight:700;letter-spacing:-.08em;line-height:.9}.poster-copy p{margin:6px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(9px,1vw,12px);letter-spacing:-.02em}.poster-release{max-width:115px;padding-top:1px;display:flex;flex-direction:column;gap:3px;text-align:right}.poster-rule{height:1px;flex:0 0 auto;background:var(--poster-accent);opacity:.65}.track-list{flex:1 1 0;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);align-content:stretch;column-gap:26px;row-gap:4px;overflow:hidden}.track-row{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:baseline;font-size:clamp(7px,.73vw,9px);letter-spacing:-.05em;line-height:1.2}.track-row>span:first-child,.track-row>span:last-child{color:color-mix(in srgb,var(--poster-ink) 56%,transparent)}.track-row>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-copy-footer{flex:0 0 auto;display:flex;justify-content:space-between;gap:10px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--poster-ink) 28%,transparent)}.zoom-bar{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:14px;align-items:center;padding-top:3px;color:#83837d;font-size:10px;letter-spacing:.1em}.zoom-bar output{min-width:38px;text-align:right;color:#6b6c68}input[type=range]{min-width:0;accent-color:var(--graphite)}.zoom-bar input[type=range]{width:100%}.settings-panel{height:100%;min-height:0;overflow-y:auto;padding:37px 30px 28px;border-left:1px solid var(--line);background:#f5f4f0}.settings-intro{padding-bottom:31px}.eyebrow,.section-heading,.range-caption,.export-specs,.settings-footnote{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:#82827d}.settings-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:13px}.settings-title-row h2{margin:0;color:#424341;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:700;letter-spacing:-.065em;line-height:.95}.settings-title-row p{margin:7px 0 0;color:#777873;font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:-.03em}.settings-index{align-self:flex-start;color:#a3a29c;font-size:9px;letter-spacing:.12em}.settings-section{margin-top:27px}.section-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px;color:#888883}.section-heading>span:first-child,.range-heading>span:first-child{color:#73736e}.section-heading>span:last-child,.range-heading output{color:#a1a09a;font-size:9px;letter-spacing:.1em}.style-grid{display:grid;grid-template-columns:1fr 1fr}.style-option{min-height:47px;margin:-1px 0 0 -1px;border:1px solid #d1d0cb;color:#777873;background:transparent;font-size:12px;letter-spacing:.02em}.style-option:hover{color:#3c3d3c;background:#efeeea}.style-option.selected,.resolution-grid button.selected{color:#f5f2eb;background:#4b4c4c;border-color:#4b4c4c}select{width:100%;min-height:47px;padding:0 14px;border:1px solid #d1d0cb;border-radius:0;color:#646560;background:#f5f4f0;font-size:12px;letter-spacing:.02em}.range-heading{margin-bottom:13px}.range-control{width:100%;height:20px;margin:0}.range-control::-webkit-slider-runnable-track,.zoom-bar input[type=range]::-webkit-slider-runnable-track{height:2px;background:#a6a6a1}.range-control::-webkit-slider-thumb,.zoom-bar input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-8px;border:2px solid #f5f4f0;border-radius:50%;background:#5b5c5b;box-shadow:0 0 0 1px #92928c;-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-control::-moz-range-track,.zoom-bar input[type=range]::-moz-range-track{height:2px;background:#a6a6a1}.range-control::-moz-range-thumb,.zoom-bar input[type=range]::-moz-range-thumb{width:15px;height:15px;border:2px solid #f5f4f0;border-radius:50%;background:#5b5c5b;box-shadow:0 0 0 1px #92928c}.range-caption{display:flex;justify-content:space-between;margin-top:7px;color:#a4a39e;font-size:8px}.check-row{display:flex;align-items:flex-start;gap:11px;margin-top:25px;color:#71716c;font-size:10px;letter-spacing:.08em;line-height:1.35;cursor:pointer}.check-row input{width:17px;height:17px;flex:0 0 auto;margin:-2px 0 0;accent-color:#5b5c5b}.resolution-section{margin-top:29px}.resolution-grid{display:grid;grid-template-columns:repeat(3,1fr)}.resolution-grid button{min-height:45px;margin:-1px 0 0 -1px;border:1px solid #d1d0cb;color:#7c7c76;background:transparent;font-size:12px}.resolution-grid button:hover{color:#40413f;background:#efeeea}.export-specs{flex-wrap:wrap;gap:3px 12px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);color:#85857f;font-size:9px;letter-spacing:.1em;line-height:1.5}.download-stack{display:grid;gap:10px;margin-top:27px}.download-button{min-height:50px;padding:0 16px;border:1px solid #b6b5b0;font-size:11px;letter-spacing:.09em}.download-button.primary{color:#f5f2eb;background:#4b4c4c;border-color:#4b4c4c}.download-button.secondary{color:#777873;background:transparent}.download-button.secondary:hover{color:#3c3d3c;background:#ebeae6}.settings-footnote{gap:11px;margin-top:25px;color:#999993;font-size:8px}.settings-footnote .state-dot{width:5px;height:5px;box-shadow:none}.toast{position:fixed;left:50%;bottom:24px;z-index:5;max-width:calc(100vw - 40px);padding:12px 16px;transform:translate(-50%);color:#f5f2eb;background:#4b4c4c;box-shadow:0 6px 18px #31312f2e;font-size:10px;letter-spacing:.08em;text-align:center}@media(max-width:1060px){.topbar{padding-inline:24px}.preview-column{padding-inline:28px}.workspace{grid-template-columns:minmax(0,1fr) 338px}.settings-panel{padding-inline:24px}}@media(max-width:820px){.topbar{grid-template-columns:1fr auto}.project-state{display:none}.workspace{display:block;height:auto;overflow:visible}.app-shell{height:auto;overflow:visible}.preview-column{min-height:740px;height:auto}.settings-panel{height:auto;min-height:auto;border-top:1px solid var(--line);border-left:0}}@media(max-width:520px){.topbar{min-height:62px;padding-inline:16px}.quiet-button{display:none}.top-export{padding-inline:12px}.preview-column{min-height:615px;height:auto;padding:20px 16px 18px}.view-toolbar{align-items:flex-start}.toolbar-meta{flex-direction:column;align-items:flex-end;gap:2px}.toolbar-divider{display:none}.stage{padding-block:20px}.poster-wrap{width:min(440px,calc(100% - 10px),max(240px,calc((100vh - 180px)*.707)))}.settings-panel{padding:28px 18px 24px}}@media print{body,.app-shell,.preview-column{background:#fff}.topbar,.view-toolbar,.zoom-bar,.settings-panel,.toast{display:none!important}.workspace,.preview-column,.stage{display:block;min-height:0;padding:0}.poster-wrap{width:210mm;transform:none!important}.poster-page{box-shadow:none}}