/* Source-informed product details, composed as native UI instead of screenshots. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.scene-mount{min-width:0;isolation:isolate}
.composition-stage{position:relative;min-height:640px;container-type:inline-size;--pane:rgba(247,246,241,.76);--split:50%;--preview-filter:sepia(.12) saturate(.94) contrast(.95) brightness(1.03);color:#22221f}
.scene-art{position:absolute;inset:7% 8% 10%;border-radius:17px;overflow:hidden;background:#e8e5dd;box-shadow:0 22px 65px #2c281411}
.scene-art>img,.comparison-frame img{width:100%;height:100%;object-fit:cover;filter:none;display:block}
.floating-pane{position:absolute;z-index:4;width:235px;padding:23px 25px;border:0;border-radius:18px;background:rgba(245,244,238,.86);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(26,26,23,.14);font-size:13px}
.pane-title{display:block;font-size:15px;font-weight:650;letter-spacing:-.02em;margin-bottom:19px}
.pane-note{margin:19px 0 2px;font-size:15px;line-height:1.6;color:#68675f}
.scene-field{display:flex;flex-direction:column;gap:7px;margin:0 0 14px;min-width:0}
.scene-field>span{font-size:12px;color:#63635c;line-height:1.4}
.scene-field select,.scene-field input{width:100%;min-width:0;background:#eeece380;border:1px solid #29271c14;color:#26251f;border-radius:9px;min-height:36px;padding:7px 10px;font:500 13px 'Manrope',sans-serif}
.scene-field select{cursor:pointer}.scene-field textarea{min-height:90px}
.scene-slider{display:block;margin:20px 0 0}.scene-slider>span{display:flex;justify-content:space-between;gap:12px;font-size:12px}.scene-slider output{font-variant-numeric:tabular-nums;color:#626058}
.scene-slider input{display:block;width:100%;margin:13px 0 0;height:12px;accent-color:#252520;cursor:ew-resize}
.lens-pane{left:0;top:13%}.film-pane{right:0;bottom:5%}.lens-id{border-bottom:1px solid #29271c18;padding-bottom:17px;display:flex;flex-direction:column;gap:7px}.lens-id span{color:#75736a;font-size:12px}.lens-id strong{font-size:23px;letter-spacing:-.04em;font-weight:500}
.comparison-frame{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y}
.graded-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));pointer-events:none}
.comparison-frame .after-photo{filter:var(--preview-filter)}
.grade-vignette{position:absolute;inset:0;box-shadow:inset 0 0 130px #14150f3d;pointer-events:none;opacity:var(--vignette,.35)}
.compare-label{position:absolute;top:23px;z-index:2;background:#19191438;border:1px solid #fff2;color:#fff;font-size:12px;line-height:1;padding:9px 14px;border-radius:25px;backdrop-filter:blur(15px);pointer-events:none}.before-label{left:23px}.after-label{right:23px}
.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fffc;z-index:3;pointer-events:none;transform:translateX(-50%)}
.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:5px;border-radius:50%;background:#f6f4edec;box-shadow:0 2px 20px #0002;color:#222;width:46px;height:46px;font-size:21px;letter-spacing:3px;white-space:nowrap;padding-left:3px}
.compare-input{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.comparison-frame:has(.compare-input:focus-visible) .compare-divider span{outline:2px solid #222;outline-offset:4px}
.scene-choices{display:flex;gap:5px;flex-wrap:wrap}.scene-choices button{border:1px solid transparent;background:transparent;padding:9px 12px;border-radius:25px;color:#77746b;font:500 12px 'Manrope',sans-serif;cursor:pointer;min-height:36px}.scene-choices button[aria-pressed=true]{background:#262622;color:#f5f3ed}.scene-choices button:hover{border-color:#31302725}
.composition-stage button:focus-visible,.composition-stage input:focus-visible,.composition-stage select:focus-visible,.composition-stage textarea:focus-visible,.isolated-detail :focus-visible{outline:2px solid currentColor;outline-offset:4px}
.scene-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;margin-top:14px}.scene-switch input{appearance:none;width:31px;height:18px;flex:none;border-radius:20px;background:#a6a398;position:relative;cursor:pointer;transition:background .2s}.scene-switch input:before{content:'';position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;background:#f8f7f2;transition:transform .2s}.scene-switch input:checked{background:#272720}.scene-switch input:checked:before{transform:translateX(13px)}
.art-note{position:absolute;left:25px;bottom:22px;color:#fff;font-size:13px;text-shadow:0 1px 7px #0008;max-width:60%;line-height:1.6}
.director-pane{left:0;top:6%}.reference-pane{right:0;top:9%;width:200px}.reference-strip{height:88px;border-radius:8px;overflow:hidden}.reference-strip img{width:100%;height:100%;object-fit:cover}
.image-scene .scene-art,.video-scene .scene-art{bottom:20%}.composer-pane{bottom:0;left:14%;width:74%;padding:21px 24px}
.prompt-line textarea,.conversation-form textarea{display:block;resize:none;width:100%;border:0;background:transparent;outline-offset:4px;color:inherit;font:450 15px/1.6 'Manrope',sans-serif;min-height:54px}
.prompt-line textarea::placeholder{color:#77756d}.composer-settings{display:flex;gap:12px;align-items:end;margin-top:12px}.composer-settings .scene-field{flex:1;margin:0}.scene-solid,.scene-quiet{border:0;padding:11px 16px;border-radius:25px;min-height:38px;background:#252520;color:#f5f3ed;font:500 12px 'Manrope',sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.scene-quiet{background:#ece9dfad;color:#252520;white-space:normal}.scene-solid:hover{background:#45443d}
.frame-pair{display:flex;gap:9px}.frame-pair button{flex:1;border:1px solid #29271c15;padding:4px;background:#f8f6ee65;border-radius:8px;cursor:pointer;min-width:0}.frame-pair button[aria-pressed=true]{border-color:#33332c}.frame-pair img{width:100%;height:62px;object-fit:cover;border-radius:4px}.frame-pair span{display:block;padding:8px;font-size:11px;color:#4d4b43}
.cut-scene .scene-art{inset:0 10% 30%}.cut-mode-pane{top:8%;left:0;width:250px}.scene-timecode{display:block;font-size:26px;letter-spacing:-.04em;margin-top:18px;font-variant-numeric:tabular-nums}.timeline-pane{left:5%;right:0;bottom:3%;width:90%;padding:22px 25px}.timeline-canvas{position:relative;min-width:0;overflow:hidden}.timeline-ruler{display:flex;justify-content:space-between;font-size:10px;color:#757167;margin-bottom:12px}.timeline-images{display:flex;gap:5px;height:71px;border-radius:7px;overflow:hidden}.timeline-images>div{flex:1;min-width:0;overflow:hidden;border-radius:5px}.timeline-images img{height:100%;width:100%;object-fit:cover}.audio-track{display:flex;align-items:center;justify-content:space-between;gap:2px;margin-top:8px;border-radius:5px;background:#d9d6cc;height:38px;padding:4px 10px}.audio-track i{width:2px;flex:1;background:#929184;border-radius:4px}.timeline-playhead{position:absolute;left:30%;top:13px;bottom:0;width:1px;background:#24251d;pointer-events:none}.timeline-playhead:before{content:'';position:absolute;top:0;left:-3px;width:7px;height:7px;background:#24251d;transform:rotate(45deg)}.timeline-seek{position:absolute;inset:15px 0 0;width:100%;height:calc(100% - 15px);margin:0;opacity:0;cursor:ew-resize}.timeline-canvas:focus-within{outline:2px solid #333;outline-offset:4px}
.format-sheet{position:absolute;inset:5% 15% 6%;display:flex;align-items:center;justify-content:center;background:#e9e6df;border-radius:17px}.adapted-frame{width:55%;height:auto;max-height:95%;overflow:hidden;box-shadow:0 15px 35px #29200c17;border-radius:7px;transition:aspect-ratio .3s}.adapted-frame img{width:100%;height:100%;object-fit:cover;display:block}.format-pane{left:0;top:16%;width:250px}.flow-path-pane{right:0;bottom:8%;width:230px}.flow-path{display:flex;flex-direction:column;gap:10px;font-size:13px}.flow-path i{height:15px;width:1px;background:#bbb6ab;margin-left:5px}
.document-sheet{position:absolute;inset:4% 12% 2% 19%;background:#fbfaf5;box-shadow:0 20px 70px #27231512;border:1px solid #dfdcd145;border-radius:13px;padding:36px 46px;overflow:hidden}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:27px;border-bottom:1px solid #d9d4c745}.document-edit-indicator{color:#979287;font-size:11px}.document-sheet h3{font-size:clamp(24px,2.7vw,40px);letter-spacing:-.045em;line-height:1.15;margin:35px 0 23px;font-weight:500;max-width:450px}.document-text{height:calc(100% - 190px);width:100%;resize:none;border:0;background:none;font:450 15px/1.9 'Manrope',sans-serif;color:#625e54}.document-outline-pane{left:0;top:14%;width:220px}.structure-list{display:flex;flex-direction:column;gap:18px;color:#67635a;font-size:13px}.document-context-pane{right:0;bottom:7%;width:230px}.document-context-pane p{font-size:12px;line-height:1.8;margin:0}.document-context-pane strong{font-weight:500}.context-dot{width:7px;height:7px;background:#53554a;display:block;border-radius:50%;margin-bottom:12px}
.shot-board{position:absolute;inset:6% 0 25%;display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:20px;align-items:center}.shot-card{display:block;text-align:left;border:1px solid transparent;padding:9px 9px 19px;background:#f8f6ef;border-radius:13px;box-shadow:0 10px 40px #2824180e;cursor:pointer;transform:none;min-width:0}.shot-card:nth-child(2){transform:translateY(35px)}.shot-card:nth-child(3){transform:none}.shot-card[aria-pressed=true]{border-color:#aaa498}.shot-card img{width:100%;height:240px;object-fit:cover;display:block;border-radius:7px}.shot-card>span{display:block;padding:15px 13px 5px;color:#8d877c;font-size:11px}.shot-card>strong{display:block;padding:0 13px;font-size:15px;line-height:1.5;font-weight:500}.shot-detail-pane{right:10%;bottom:0;width:330px}.shot-description{width:100%;border:0;background:transparent;font:450 13px/1.6 'Manrope',sans-serif;color:#55534b;resize:none}
.calendar-sheet{position:absolute;inset:4% 13% 4% 2%;border:1px solid #e3dfd4;border-radius:15px;background:#faf8f1;padding:30px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.calendar-heading>strong{font-size:28px;font-weight:500;letter-spacing:-.04em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border-top:1px solid #e3dfd4;border-left:1px solid #e3dfd4}.calendar-grid>button{height:185px;background:transparent;border:0;border-right:1px solid #e3dfd4;border-bottom:1px solid #e3dfd4;padding:9px;cursor:pointer;display:flex;flex-direction:column;text-align:left;gap:6px;overflow:hidden}.calendar-grid>button[aria-pressed=true]{background:#eeebe3}.calendar-grid button>span{font-size:12px;color:#837e72}.calendar-grid img{width:100%;height:93px;object-fit:cover;border-radius:4px}.calendar-grid em{font:500 10px/1.5 'Manrope',sans-serif;color:#635d52}.calendar-sheet[data-view=Week] .calendar-grid>button:nth-child(n+8){display:none}.calendar-sheet[data-view=Week] .calendar-grid button{height:365px}.calendar-sheet[data-view=Week] .calendar-grid img{height:220px}.post-pane{right:0;bottom:8%;width:225px}.post-title{font-size:19px;letter-spacing:-.03em;display:block;line-height:1.4;font-weight:500;margin:0 0 20px}
.collection-board{position:absolute;inset:5% 12% 4% 9%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;align-items:stretch}.collection-tile{border:1px solid #ddd7c985;border-radius:12px;overflow:hidden;background:#f9f7f0;padding:0;cursor:pointer;text-align:left;min-height:0}.collection-tile img{width:100%;height:calc(100% - 50px);object-fit:cover;display:block}.collection-tile strong{font-size:13px;font-weight:500;padding:16px 20px;display:block;white-space:nowrap}.collection-tile[aria-pressed=true]{outline:2px solid #5b5649;outline-offset:4px}.collection-empty{border:1px dashed #d0c9ba;display:flex;align-items:center;justify-content:center;color:#b3ad9f;border-radius:12px;background:#eeebe37d}.collection-empty>span{font-size:25px;font-weight:300}.collection-filter-pane{left:0;top:15%;width:260px}.collection-detail-pane{right:0;bottom:9%;width:235px}.selection-title{font-size:20px;line-height:1.5;letter-spacing:-.03em;margin:0 0 18px}.scene-upload{display:inline-flex;padding:10px 0 0;border-bottom:1px solid #777;cursor:pointer;font-size:12px;margin-top:12px}.scene-upload input{position:absolute;width:1px;height:1px;opacity:0}.collection-tile[hidden]{display:none}.folder-stack{display:flex;flex-direction:column;gap:12px}.folder-stack span{padding:15px 14px;background:#f5f2e9;border-radius:7px;border:1px solid #dbd5c833}
.review-pin{position:absolute;left:54%;top:39%;background:#f6f4eb;color:#2f2d26;border:3px solid #ffffff80;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:11px}.review-comment-pane{right:0;top:15%;width:285px}.review-thread{font-size:13px;line-height:1.75;color:#605c51;max-height:180px;overflow:auto}.review-thread p{padding-bottom:15px;border-bottom:1px solid #b9b29f36;margin:0 0 15px}.review-form textarea,.mini-draft{width:100%;resize:none;background:transparent;color:#403e37;border:0;font:450 13px/1.8 'Manrope',sans-serif}.review-form button{margin-top:10px}.review-status-pane{left:0;bottom:10%;width:290px}.review-result{font-size:12px;line-height:1.6;margin:18px 0 0;color:#726d60}
.sound-paper{position:absolute;inset:4% 10% 3% 10%;background:#eeebe3;border-radius:15px;padding:50px}.sound-paper h3{font-size:45px;font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0 0 30px}.sound-script{width:70%;height:95px;resize:none;border:0;background:none;font:450 16px/1.8 'Manrope',sans-serif;color:#716a5c}.sound-wave{display:flex;align-items:center;justify-content:space-between;gap:5px;height:120px;margin-top:35px}.sound-wave i{flex:1;background:#a69f8f;border-radius:5px;min-width:2px}.sound-count{color:#8a8273;font-size:11px;display:block;margin-top:25px}.sound-voice-pane{right:0;top:10%;width:240px}
.node-world{position:absolute;inset:0;border-radius:16px;background-image:radial-gradient(#ccc5b7 .7px,transparent .7px);background-size:19px 19px}.node-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.node-connections path{fill:none;stroke:#bbb29e;stroke-width:2}.creative-node{position:absolute;background:#f9f7ef;border:1px solid #d7cebe;border-radius:12px;box-shadow:0 12px 30px #4539210c;padding:8px;width:23%}.creative-node img{width:100%;height:175px;object-fit:cover;border-radius:6px}.creative-node>span{display:block;padding:13px 9px;font-size:12px;color:#756d5e}.node-reference{top:25%;left:4%;transform:none}.node-direction{top:15%;left:39%;padding:30px 22px}.node-direction strong{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.035em;display:block}.node-frame{top:37%;right:4%;transform:none}.node-state-pane{bottom:2%;left:34%;width:290px;font-weight:500}
.plugin-wordmark{font-size:27px;font-weight:600;letter-spacing:-.04em}.plugin-timeline-pane{bottom:3%;right:0;width:400px}.plugin-timeline-pane .scene-quiet{margin-top:18px}.plugin-detail-link{display:block;font-size:24px;font-weight:500;letter-spacing:-.03em;line-height:1.4;padding:12px 0}.plugin-detail-link span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#757066;margin-top:7px}
.conversation-scene{--pane:rgba(40,40,40,.85);min-height:590px;color:#f5f3ed;background:transparent}.conversation-card{position:absolute;inset:3% 7% 5%;display:flex;flex-direction:column;justify-content:center;padding:45px 20px;z-index:2}.conversation-heading{text-align:center}.conversation-heading img{width:42px;height:42px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.conversation-heading h3{font-size:clamp(26px,2.8vw,42px);letter-spacing:-.045em;line-height:1.2;font-weight:450;margin:18px 0 24px}.conversation-log{display:flex;flex-direction:column;gap:13px;max-height:240px;overflow:auto;padding:8px 10px 15px;scrollbar-width:thin;scrollbar-color:#444 transparent}.conversation-empty{text-align:center;color:#827f78!important;font-size:15px!important;line-height:1.7;margin:0 auto 22px!important}.conversation-bubble{font-size:14px!important;line-height:1.8!important;padding:15px 20px;background:#262626;border:1px solid #363632;border-radius:17px;max-width:88%;align-self:flex-start;margin:0!important;color:#cbc8c0!important}.conversation-bubble.user{align-self:flex-end;color:#f5f3ed!important;background:#383833}.conversation-form{border:1px solid #4f4f453d;background:#2929278f;backdrop-filter:blur(20px);border-radius:23px;padding:21px 24px;box-shadow:0 10px 60px #0002}.conversation-form textarea{font-size:15px;min-height:64px}.conversation-form textarea::placeholder{color:#99978f}.conversation-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.conversation-bottom .scene-choices button{color:#9a978e}.conversation-bottom .scene-choices button[aria-pressed=true]{background:#f2efe5;color:#272721}.conversation-send{width:39px;height:39px;flex:none;padding:0;border:1px solid #b8b4a42b;border-radius:50%;background:#eeeae0;color:#292924;font:500 24px 'Manrope',sans-serif;cursor:pointer}.conversation-suggestions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.conversation-suggestions button{background:transparent;border:1px solid #52514770;border-radius:25px;font:450 12px 'Manrope',sans-serif;padding:9px 15px;color:#97948a;cursor:pointer}.conversation-suggestions button:hover{color:#f5f3ed;border-color:#807c6d}.conversation-orbit{position:absolute;inset:6% 2%;overflow:hidden;opacity:.45;pointer-events:none}.conversation-orbit i{position:absolute;border:1px solid #807c611f;border-radius:50%;width:120%;height:80%;left:-10%;top:10%;transform:rotate(-20deg)}.conversation-orbit i:nth-child(2){width:60%;height:130%;left:20%;top:-15%;transform:rotate(30deg)}.conversation-orbit i:nth-child(3){width:95%;height:75%;left:3%;top:20%;transform:rotate(35deg)}
.isolated-detail{display:flex;align-items:center;justify-content:center;min-height:340px;position:relative;background:transparent}.isolated-detail>.floating-pane{position:relative;inset:auto;width:320px;background:rgba(245,244,238,.86);box-shadow:inset 0 0 0 1px rgba(26,26,23,.14);transform:none;padding:30px}.isolated-detail .timeline-canvas{min-width:350px}.isolated-detail:has(.timeline-canvas)>.floating-pane{width:430px}.isolated-detail .frame-pair img{height:110px}.isolated-detail .mini-draft{height:150px;font-size:17px}.mini-format{aspect-ratio:4/5;width:170px;margin:20px auto 0;overflow:hidden;border-radius:6px}.mini-format img{width:100%;height:100%;object-fit:cover}.node-statuses{display:flex;flex-direction:column;gap:20px}.node-statuses span:before{content:'';display:inline-block;width:7px;height:7px;background:#a49c8c;border-radius:50%;margin-right:12px}.node-statuses span:last-child:before{background:#45483a}
.intelligence-page .isolated-detail>.floating-pane{background:rgba(28,28,30,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border:0;color:#f5f3ed}.intelligence-page .structure-list{color:#a8a499}.intelligence-page .scene-choices button{color:#b2ada0}.intelligence-page .scene-choices button[aria-pressed=true]{color:#222;background:#eee9dc}
.real-intel-composition{background:none!important;border:0!important;border-radius:0!important;overflow:visible!important}.intelligence:has(.real-intel-composition){align-items:center}.real-intel-composition .scene-mount{width:100%}
.real-tool-stage{grid-template-columns:1.9fr 1fr;gap:6%;align-items:center}.real-tool-stage>.scene-mount{border:0;background:transparent;overflow:visible}.real-tool-stage .composition-stage{min-height:550px}.real-tool-stage .floating-pane{width:195px;padding:19px 20px}.real-tool-stage .lens-pane{top:10%}.real-tool-stage .film-pane{bottom:0}.real-tool-stage .scene-art{inset:8% 7% 10%}.real-tool-stage .timeline-pane{width:94%;left:3%;right:auto}.real-tool-stage .cut-mode-pane{width:215px}.real-tool-stage .scene-timecode{font-size:24px}.real-tool-stage .cut-scene .scene-art{bottom:29%}.real-tool-stage .scene-field select{font-size:12px}.real-tool-stage .pane-title{font-size:14px}
.tool-tabs button:disabled{opacity:.5;cursor:default}.tool-tabs button:disabled span{font-size:10px;border:1px solid #aaa69a4d;border-radius:20px;padding:3px 7px;margin-left:6px;vertical-align:middle}
@media(min-width:1001px){header,.site-header{padding-left:5%;padding-right:5%}.hero{margin-left:5%;margin-right:5%;width:90%;border-radius:10px}.real-product .real-screen{margin-bottom:50px}.product-features{padding-top:30px}}
@container(max-width:750px){.composition-stage .floating-pane{width:190px;padding:17px 18px}.composition-stage .film-pane{width:190px}.composer-settings{gap:8px}.composer-settings .scene-field{flex:auto}.composer-settings .scene-solid{font-size:10px;padding:10px}.composer-pane{left:6%;width:88%!important}.document-sheet{padding:26px 35px;inset:4% 7% 2% 13%}.document-outline-pane{left:-1%}.document-context-pane{right:-1%}.collection-filter-pane{width:230px!important}.collection-detail-pane{width:210px!important}.conversation-card{inset:0 0 3%;padding:35px 15px}.conversation-scene .conversation-heading h3{font-size:32px}.shot-card img{height:170px}}
/* Safeguard existing smaller viewports; dedicated adaptations remain a later task. */
@media(max-width:740px){.composition-stage{min-height:540px}.real-tool-stage .composition-stage{min-height:500px}.floating-pane{width:175px;padding:15px}.film-pane{right:0;bottom:0}.scene-art{inset:9% 3% 16%}.director-pane{width:155px}.reference-pane{width:155px;top:27%}.composer-pane{left:0;width:100%;bottom:0}.composer-settings{flex-wrap:wrap}.composer-settings .scene-solid{margin-left:auto}.document-outline-pane{display:none}.document-sheet{inset:0 0 8%;padding:26px}.document-context-pane{bottom:0;width:190px}.document-text{font-size:13px}.shot-board{gap:7px;inset:6% 0 35%}.shot-card img{height:135px}.shot-card>strong{font-size:10px;padding:0 5px}.shot-card>span{padding-left:5px}.shot-detail-pane{right:0;bottom:0;width:270px}.calendar-sheet{inset:0 0 12%;padding:17px}.calendar-grid{grid-template-columns:repeat(4,1fr)}.calendar-grid>button{height:95px}.calendar-grid img{height:40px}.calendar-grid em{display:none}.calendar-grid>button:nth-child(n+9){display:none}.post-pane{bottom:0;width:190px}.collection-board{inset:3% 0 12%;gap:10px}.collection-filter-pane{top:10%;width:210px}.collection-detail-pane{bottom:0;width:200px}.review-comment-pane{top:15%;right:0;width:225px}.review-status-pane{bottom:0;width:230px}.sound-paper{inset:0 0 8%;padding:25px}.sound-paper h3{font-size:34px}.sound-script{width:100%;font-size:14px}.sound-voice-pane{top:auto;bottom:0;width:200px}.sound-wave{gap:3px}.node-direction{width:31%;left:35%;padding:15px}.node-direction strong{font-size:18px}.creative-node img{height:120px}.node-state-pane{left:10%;width:80%;bottom:0}.plugin-timeline-pane{width:260px;bottom:0}.isolated-detail>.floating-pane{max-width:100%;width:290px}.isolated-detail:has(.timeline-canvas)>.floating-pane{width:100%;padding:22px}.isolated-detail .timeline-canvas{min-width:0}.real-tool-stage{gap:25px}.real-tool-stage .scene-art{inset:9% 2% 16%}.real-tool-stage .floating-pane{width:175px}.real-tool-stage .film-pane{bottom:0}.real-tool-stage .timeline-pane{width:95%}.conversation-scene{min-height:590px}.conversation-bubble{font-size:13px!important}.conversation-card{inset:0;padding:25px 0}.conversation-form{padding:18px}.conversation-heading h3{font-size:32px}.conversation-log{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){.composition-stage *{animation:none!important;transition:none!important}}
.universe-main{padding:65px 5% 110px;max-width:1760px;margin:auto}.universe-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:end;margin:25px 0 85px}.universe-intro h1{font-size:clamp(50px,6vw,94px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:0}.universe-intro p{max-width:390px;color:#746f65;font-size:16px;line-height:1.8;margin:0 0 8px}.universe-tabs{display:flex;gap:37px;flex-wrap:wrap;margin-bottom:38px}.universe-tabs button{font:500 14px 'Manrope',sans-serif;border:0;background:transparent;padding:12px 0;cursor:pointer;color:#999184}.universe-tabs button[aria-selected=true]{color:#24231f}.universe-tabs button[aria-selected=true]:after{content:'';display:block;width:22px;height:2px;background:#24231f;margin-top:10px}.universe-experience{display:grid;grid-template-columns:.72fr 1.7fr;gap:8%;align-items:center}.universe-copy h2{font-size:clamp(30px,3vw,45px);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:0 0 24px}.universe-copy p{color:#777064;font-size:14px;line-height:1.8;max-width:285px}.universe-copy nav{display:flex;flex-direction:column;gap:14px;margin-top:30px;font-size:13px}.universe-copy nav a{color:#5e594e;width:max-content}.universe-copy nav a:hover{text-decoration:underline;text-underline-offset:5px}.universe-scene .composition-stage{min-height:580px}.universe-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:8%;padding:110px 0 65px}.universe-principles h2{font-size:29px;font-weight:500;letter-spacing:-.04em;margin:0 0 20px}.universe-principles p{font-size:14px;line-height:1.8;color:#777064}.universe-directory{font-size:12px}
@media(max-width:740px){.universe-main{padding:40px 20px 60px}.universe-intro{grid-template-columns:1fr;gap:25px;margin:0 0 45px}.universe-intro h1{font-size:48px}.universe-experience{grid-template-columns:1fr;gap:25px}.universe-tabs{gap:18px}.universe-principles{grid-template-columns:1fr;gap:30px;padding:60px 0 30px}}
.before-label{top:auto;bottom:23px}
.work .overlay{justify-content:flex-end}
.optical-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.optics-ready .after-photo,.optics-ready .grade-vignette{visibility:hidden}
.real-tool-stage .look-scene .floating-pane{width:170px;padding:17px 18px}
.real-tool-stage .look-scene .lens-pane{left:-2%;top:0}
.real-tool-stage .look-scene .film-pane{right:-1%;bottom:-2%}
.real-tool-stage .look-scene .scene-art{inset:9% 9% 12%}

.look-bypass{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #fff5;border-radius:50%;padding:0;color:#fff;background:#19191470;backdrop-filter:blur(15px);cursor:pointer}
.look-bypass[aria-pressed=true]{background:#f5f4ee;color:#22221f;border-color:#f5f4ee}
.look-eye-slash{display:none}.look-bypass[aria-pressed=true] .look-eye-slash{display:block}
.comparison-frame.is-bypassed .graded-layer,.comparison-frame.is-bypassed .after-label,.comparison-frame.is-bypassed .compare-divider{visibility:hidden}
.comparison-frame.is-bypassed .compare-input{pointer-events:none}
.isolated-detail:has(.colour-detail){display:block;min-height:0}
.colour-detail{display:flex;flex-direction:column;position:relative}
.colour-detail-frame{aspect-ratio:21/9;overflow:hidden;border-radius:12px;background:#e8e5dd}
.colour-detail-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.colour-filter-defs{position:absolute;pointer-events:none}
.colour-detail>.colour-detail-pane{position:relative;inset:auto;align-self:flex-end;width:88%;padding:24px;margin-top:-24px}
.colour-detail-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.colour-detail-controls .colour-profile{grid-column:1/-1;margin:0}
.colour-detail-controls .scene-slider{margin:0}
.look-compare-scene{min-height:0;aspect-ratio:21/9}
.look-compare-scene .scene-art{inset:0;box-shadow:none}
@media(min-width:1001px){
  .look-scene{min-height:0;aspect-ratio:21/11}
  .look-scene .scene-art{inset:8% 8% auto;aspect-ratio:21/9}
  .real-tool-stage .look-scene{min-height:0;aspect-ratio:21/14}
  .real-tool-stage .look-scene .scene-art{inset:9% 9% auto;aspect-ratio:21/9}
}
.real-tool-stage .look-scene .lens-id strong{font-size:20px}
.real-tool-stage .look-scene .pane-title{margin-bottom:13px}
.real-tool-stage .look-scene .scene-slider{margin-top:16px}
.real-tool-stage .look-scene .scene-slider>span{font-size:11px}
.real-tool-stage .look-scene .scene-slider input{height:10px;margin-top:10px}
.look-scene .lens-pane{left:-1%;top:3%;width:210px}
.look-scene .film-pane{right:-1%;bottom:3%;width:210px}
