:root{font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#292b31;background:#f6f6f3;--muted:#767a80;--line:#e5e5e0;--accent:#286851;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea,select{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button,.file-button{min-height:42px;border:0;border-radius:8px;padding:10px 15px;background:#286851;color:white;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{opacity:.4;cursor:default}.quiet{background:#f0f1ed;color:#62675f}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #3e9272;outline-offset:3px}header{position:fixed;inset:0 auto 0 0;width:196px;padding:32px 23px;background:#eeefea;border-right:1px solid #e0e2d9;z-index:10}.brand{color:#28342c;text-decoration:none;display:block;font-size:20px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-mark{background:#2e4e3d;color:#fff;border-radius:9px;display:inline-grid;place-items:center;width:28px;height:28px;font:italic 700 24px Georgia}.brand>span{display:block;margin-top:12px;font-size:8px;letter-spacing:2px;color:#879080}.header-actions{position:absolute;bottom:24px;left:22px;right:20px;font-size:9px;color:#7d8378;overflow-wrap:anywhere}.header-actions button{display:block;margin-top:12px;background:#e3e6dc;color:#57604d;font-size:11px}.studio-nav{position:fixed;left:12px;top:135px;width:172px;display:flex;flex-direction:column;gap:5px;z-index:11}.nav-caption{font-size:8px;letter-spacing:1.8px;color:#9a9f91;padding:0 14px;margin-bottom:12px}.studio-nav button{background:transparent;color:#77806e;text-align:left;font-size:12px;min-height:46px;padding:12px 14px}.studio-nav button span{display:inline-block;margin-right:12px;font-size:18px;vertical-align:middle}.studio-nav [aria-current]{background:#dfe5d7;color:#355540}.nav-bottom{margin:70px 14px 0;font-size:10px;color:#86917b}.nav-bottom p{color:#9ca291;font-size:10px}.connection-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6f9473;margin-right:5px}main{margin-left:196px;padding:48px clamp(24px,3.6vw,58px);max-width:1760px}footer{margin-left:196px;padding:20px 4vw;color:#9c9f97;font-size:10px;border-top:1px solid var(--line)}h1{font-size:38px;line-height:1.15;font-weight:600;letter-spacing:-1.5px;margin:12px 0}h2{font-size:17px;font-weight:600;letter-spacing:-.35px;margin:0 0 12px}p{margin:10px 0}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#87947e}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:48px}.intro p{color:#898b83;font-size:13px}.intro button{padding:13px 22px}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.collection-heading h2{font-size:15px}.count{color:#969b8c;font-size:10px;margin-left:8px}.search-field{width:280px}.search-field input{font-size:12px;background:#fff}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.project-card{display:block;border:1px solid #e4e5dc;background:#fff;color:#32382f;border-radius:12px;padding:0 0 21px;text-align:left;overflow:hidden;max-width:400px;font-weight:400;transition:box-shadow .2s}.project-card:hover{box-shadow:0 7px 28px #313c2210}.project-cover{height:175px;position:relative;display:grid;place-items:center;background:#dbe2d1;margin-bottom:19px;overflow:hidden}.project-cover>span{font:italic 70px Georgia;color:#71896a}.project-cover>small{position:absolute;bottom:14px;left:20px;font-size:8px;letter-spacing:2px;color:#577248}.project-card:nth-child(3n+2) .project-cover{background:#e6ded1}.project-card:nth-child(3n+3) .project-cover{background:#dce2e7}.project-card .eyebrow,.project-card h2,.project-card p{margin-left:20px;margin-right:20px}.project-card h2{font-size:18px;margin-top:8px;margin-bottom:8px;overflow-wrap:anywhere}.project-card p{font-size:11px;color:#a0a295}.project-card .eyebrow{font-size:8px}label{display:grid;gap:7px;font-size:11px;color:#797f73}input,select,textarea{width:100%;min-width:0;border:1px solid #dfe2d7;background:#fff;color:#444c3d;border-radius:8px;padding:11px;font-size:13px}input::placeholder,textarea::placeholder{color:#a3a89c}textarea{resize:vertical;line-height:1.7;min-height:110px}dialog{border:1px solid #dee2d5;border-radius:18px;background:#fcfdf9;padding:28px;width:min(520px,calc(100vw - 32px));box-shadow:0 25px 100px #26311f30}dialog::backdrop{background:#222a2266;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:26px}.dialog-heading h2{font-size:25px;margin-top:8px}.dialog-close{background:#edf0e7;color:#728061;font-size:22px;min-width:42px;padding:4px}.create{display:grid;gap:20px}.create button{margin-top:10px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-title h1{font-size:32px}.page-title p{font-size:13px;color:#898e81}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{margin:0}.muted{font-size:11px;color:#8b9182;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-layout form>label{margin:18px 0}.settings-layout form>button{margin-top:18px}.asset{background:#f3f5ef;color:#68755b;border:1px solid transparent;display:block;width:100%;text-align:left;margin-top:10px;font-size:12px;overflow-wrap:anywhere}.asset.active{border-color:#b0c49c;background:#eef3e8}.asset small{display:block;font-size:10px;color:#96a187;margin-top:7px}.asset.error{border-color:#c99075}.style-preview{background:#f4f6ee;display:flex;gap:24px;align-items:center;margin:22px 0;padding:24px;border-radius:10px}.style-preview p{font-size:11px;color:#939b88}.sample-frame{width:200px;aspect-ratio:16/9;background:#273a2b;color:#e4edcf;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px;flex-shrink:0;border-radius:6px}.sample-frame strong{font-size:24px;line-height:1.1;color:var(--sample-accent,#d5edaf)}.sample-frame span,.sample-frame small{font-size:9px}.style-preview[data-format='9:16'] .sample-frame{aspect-ratio:9/16;width:140px}.style-preview[data-format='1:1'] .sample-frame{aspect-ratio:1}.recipe-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#7c8570}summary{cursor:pointer;min-height:44px;padding:12px 0;color:#849075;font-size:12px}details{margin:14px 0}.secondary-drawer{border:1px solid var(--line);border-radius:10px;padding:0 18px;margin-bottom:26px;background:#fafbf7}.secondary-drawer[open]{padding-bottom:20px}.block-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.block-card{border:1px solid #e1e6d7;border-radius:10px;overflow:hidden;background:white}.block-art{height:110px;background:#e7eddf;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px;color:#60794d}.block-art strong{font-size:20px}.block-art small{font-size:8px}.block-card h3,.block-card p{margin:12px;font-size:11px}.block-card p{color:#9ca68d}.block-library>p{font-size:11px;color:#929d83}.block-scope,.library-tabs,.variant-tabs{display:flex;gap:8px;margin:18px 0}.block-scope button,.library-tabs button,.variant-tabs button{background:#edf0e7;color:#869573;font-size:11px}.block-scope [aria-pressed=true],.library-tabs [aria-pressed=true],.variant-tabs [aria-pressed=true]{background:#dfe8d4;color:#526f3c}.empty-panel{text-align:center;border:1px dashed #cfd8c4;border-radius:12px;padding:42px 20px;background:#fff}.empty-panel p{font-size:12px;color:#929e85}.badge{font-size:9px;color:#8e9a82;border:1px solid #d9e0d1;padding:5px 9px;border-radius:20px}.editor-heading{display:flex;align-items:center;gap:15px;margin:0 0 28px}.editor-heading h1{font-size:23px;letter-spacing:-.7px;margin:0}.editor-heading>button:last-child{margin-left:auto}.editor-heading #back{font-size:0;width:38px;min-height:38px;padding:0;background:transparent}.editor-heading #back:after{content:'←';font-size:22px;color:#939e86}#save-state{font-size:10px;color:#99a38f}.project-shell{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.project-canvas,.project-side,.center{min-width:0}.project-side{border:1px solid #e0e5d8;border-radius:14px;background:#fff;overflow:hidden}.project-tabs{display:flex;gap:0;border-bottom:1px solid #e4e9de;padding:0 16px;background:#fafbf8}.project-tabs button{background:transparent;color:#949f88;border-radius:0;flex:1;border-bottom:2px solid transparent;padding:15px 8px;font-size:12px}.project-tabs [aria-current]{border-bottom-color:#527844;color:#456536}.project-side .panel{border:0;margin:0;padding:22px;background:transparent;border-radius:0}.project-side h2{font-size:18px}.project-side .panel-heading{align-items:flex-start}.project-side #brief-version{font-size:9px;white-space:nowrap}.project-side .brief-layout{margin-top:22px}.project-side .brief-layout>div>label{font-size:0}.project-side textarea{min-height:145px;background:#fcfdf9;border-color:#dfe6d5;font-size:13px}.brief-actions{display:flex;flex-direction:column-reverse;gap:8px;margin:12px 0}.brief-actions>button:last-child{background:#2f6d51;color:white}.brief-actions>button:first-child{background:transparent;color:#98a38c;font-size:11px;min-height:30px}.style-summary{font-size:11px;color:#6e8d52}.request-card{border-top:1px solid #e4e9dc;padding:16px 0;font-size:11px}.request-card strong{color:#719151}.request-card p{white-space:pre-wrap;color:#8a9878}.request-card small{display:block;color:#a0aa93;margin:7px 0}.request-card button{min-height:32px;font-size:10px;padding:6px 10px}.viewer-caption{font-size:10px;color:#9ca68f;margin:0 0 10px}.viewer{aspect-ratio:16/9;position:relative;border-radius:12px;background:#20291f;display:grid;place-items:center;overflow:hidden}.viewer video{width:100%;height:100%;max-height:65vh;object-fit:contain}#video-empty{position:absolute;color:#b2bea6;text-align:center;font-size:13px;pointer-events:none}#video-empty small{font-size:11px;color:#829673}.transport{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}#time{font-size:12px;color:#879576;font-variant-numeric:tabular-nums}#play-cut{font-size:11px;background:#eaefe2;color:#748663}.manual-cut{margin:0 0 16px}.manual-cut summary{font-size:11px;color:#a2ad95}.range-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;margin:20px 0}.cut-actions{display:flex;gap:10px}.center>.panel{padding:18px;background:#f9faf6}.center>.panel h2{font-size:13px;color:#849274}.export-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#9aa58c;padding:12px 0;border-top:1px solid #e5eadd}.file-button{display:inline-block;font-size:11px;min-height:36px}.media-drawer{border:1px solid #e0e6d6;border-radius:12px;background:#fafbf8;margin:0;padding:0 18px}.media-drawer>summary{font-size:12px;color:#77896a}.media-drawer .panel{border:0;background:transparent;margin:0;padding:8px 0 16px}.media-drawer .panel-heading,.media-drawer .bin>.muted{display:none}.drop-zone{display:block;width:100%;text-align:center;padding:22px 15px;background:#f1f5eb;border:1px dashed #bdcba9;color:#82916d}.drop-zone strong{display:block;font-size:12px;margin-bottom:5px}.drop-zone small{font-size:10px;font-weight:400;color:#a1ad92}.drop-zone.drag-over{background:#e0ecd2;border-color:#769957}.drop-zone.busy{opacity:.5}progress{width:100%;accent-color:#6f9651}.note{padding:16px 0;border-top:1px solid #e4eadd;overflow-wrap:anywhere}.note>p{font-size:12px;white-space:pre-wrap;color:#7b8c6d}.note>.quiet{background:#f0f4e9;color:#7c9465;font-size:10px;min-height:32px;padding:6px 10px}.note.done{opacity:.65}.reply{border-left:2px solid #b7cd9e;padding-left:10px}.toggle{display:flex;align-items:center;gap:7px;font-size:10px;margin:22px 0;color:#a2ad95}.toggle input{width:auto}.notes>details{font-size:11px;color:#9ea991}.notes>details summary{font-size:10px}code{font-size:9px;overflow-wrap:anywhere}.annotation-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;padding:10px;margin:10px 0;background:#eef3e6;border-radius:9px}.annotation-tools>span{display:none}.annotation-tools button{font-size:10px;min-height:36px;padding:7px 10px;background:transparent;color:#8a9b73}.annotation-tools [aria-pressed=true]{background:#dce8ca;color:#567934}.annotation-tools #annotation-finish{background:#fff;color:#85996c}#note-overlay{position:absolute;z-index:3;touch-action:none;cursor:crosshair}#add-video-note{position:absolute;right:14px;top:14px;z-index:4;background:#fbfdf5ee;color:#6b8652;font-size:11px;box-shadow:0 3px 15px #14220925}#annotation-stamp{font-size:10px;color:#8b9d75;margin:12px 0}.note-extra-actions{display:flex;justify-content:space-between;gap:5px;margin-top:10px}.note-extra-actions button{background:transparent;font-size:10px;color:#a0ad8e;padding:4px;min-height:30px}#note-form>button{width:100%;margin-top:12px}.design-lab{display:block}.design-preview{background:#edf2e4;padding:18px;display:flex;flex-direction:column;align-items:center;border-radius:10px}.design-preview p{font-size:9px;color:#a2af8f}#variant-frame{background:#2b4329;color:#dcecc7;position:relative;overflow:hidden;width:160px;max-width:100%;aspect-ratio:9/16;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:18px;border-radius:5px}#variant-frame[data-ratio=wide]{width:100%;aspect-ratio:16/9}#variant-frame strong{font:24px/1.1 Georgia}.preview-kicker{font-size:7px;letter-spacing:1px}#caption-sample{font-size:9px}#caption-sample b{background:#a4c885;color:#395225;padding:2px}#caption-sample[data-caption=simple] b{background:transparent;color:inherit}#variant-frame[data-layout=split]{background:linear-gradient(#2b4329 55%,#6b8e53 55%)}#variant-frame[data-layout=pip]:after{content:'SUJET';position:absolute;bottom:10px;right:10px;width:45px;height:55px;display:grid;place-items:center;background:#a1ba83;color:#4d6c33;font-size:8px;border-radius:5px}.design-controls{display:grid;gap:15px;margin-top:20px;min-width:0}.future-feature{border-top:1px solid #e1e8d7;padding-top:15px;font-size:11px;color:#8a9d73}.future-feature p,.future-feature>span{font-size:10px;color:#a3b08f}.variant-tabs{flex-wrap:wrap}.variant-tabs button{font-size:9px}#style-pane .form-grid{grid-template-columns:1fr;margin:20px 0}#style-pane>.panel>button{width:100%}.project-side .secondary-drawer{margin:14px;padding:0 12px}.project-side .secondary-drawer[open]{padding-bottom:12px}#status{font-size:12px;color:#65864b;white-space:pre-wrap;min-height:0;margin:24px 0 0}#status:empty{display:none}.login-card{max-width:420px;margin:15vh auto;padding:35px;background:#fff;border:1px solid #e1e8d6;border-radius:16px}.login-card h1{font-size:32px}.login-card p{font-size:13px;color:#969f88}.login-card button{width:100%;margin-top:24px}.google-button{background:#fff;color:#3c4043;border:1px solid #dadce0;display:flex;align-items:center;justify-content:center;gap:11px;min-height:48px;font-size:13px;font-weight:600}.google-button:hover:not(:disabled){filter:none;background:#f7f8f7;border-color:#c9ccc7}.google-mark{flex:none}.login-owner{font-size:11px;color:#96a08a;margin:14px 0 0;text-align:center;overflow-wrap:anywhere}.login-owner b{color:#5d7a4c;font-weight:600}#login-status{font-size:11px;color:#8a7a55;margin-top:14px;text-align:center;min-height:0}#login-status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1150px){main{padding:30px 24px}.project-shell{grid-template-columns:minmax(0,1fr) 305px;gap:18px}.settings-layout{grid-template-columns:1fr}.style-preview{flex-wrap:wrap}}@media(max-width:940px){header{width:160px;padding:25px 16px}.brand{font-size:17px}.brand-mark{width:25px;height:25px}.studio-nav{width:140px;left:10px}.studio-nav button{padding:10px;font-size:11px}.studio-nav button span{margin-right:7px}main,footer{margin-left:160px}.project-shell{grid-template-columns:1fr}.project-side{max-width:none}.project-tabs{padding:0 20px}.brief-actions{flex-direction:row-reverse}.brief-actions button{flex:1}.project-side textarea{min-height:100px}.project-side .form-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:620px){header{position:relative;width:100%;height:68px;padding:17px 20px;border-right:0;border-bottom:1px solid #dce3d0}.brand{font-size:19px}.brand>span{display:none}.header-actions{left:auto;right:14px;bottom:13px}.header-actions #identity{display:none}.header-actions button{margin:0;min-height:34px;font-size:10px}.studio-nav{position:static;width:100%;flex-direction:row;gap:4px;margin-bottom:30px}.nav-caption,.nav-bottom{display:none}.studio-nav button{flex:1;text-align:center;min-height:44px;font-size:10px;padding:6px 3px}.studio-nav button span{display:block;margin:0;font-size:17px}.studio-nav [aria-current]{border-radius:7px}main{margin:0;padding:20px 16px}footer{margin:0;padding:20px 16px}.intro{align-items:flex-start;gap:12px;margin-bottom:30px}.intro h1{font-size:32px}.intro p{font-size:11px;max-width:200px}.intro button{font-size:10px;padding:10px;white-space:nowrap}.collection-heading{display:block}.search-field{width:100%;margin:16px 0 20px}.project-grid{grid-template-columns:1fr 1fr;gap:12px}.project-cover{height:115px;margin-bottom:12px}.project-cover>span{font-size:48px}.project-card{padding-bottom:15px}.project-card .eyebrow,.project-card h2,.project-card p{margin-left:12px;margin-right:12px}.project-card h2{font-size:14px}.project-card .eyebrow{font-size:7px}.project-card p{font-size:9px}.editor-heading{flex-wrap:wrap;gap:8px;margin-bottom:18px}.editor-heading h1{font-size:20px}.editor-heading>div{flex:1}.editor-heading>button:last-child{font-size:10px;min-height:36px;margin-left:46px}.viewer-caption{font-size:9px}.viewer{border-radius:9px}.project-shell{gap:18px}.transport button{min-height:36px}.panel{padding:18px}.page-title h1{font-size:28px}.page-title{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}input,select,textarea{font-size:16px}.block-grid{grid-template-columns:1fr}.style-preview{padding:18px}.sample-frame{max-width:100%}.login-card{margin:12vh 16px}.annotation-tools button{min-height:44px}#add-video-note{font-size:10px;padding:8px;min-height:36px;right:8px;top:8px}.project-side .form-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.project-cover img{width:100%;height:100%;object-fit:cover}.muted{color:#757e6b}.project-side .muted{color:#7b8571}.notes>details,.notes>details summary{color:#788b66}.note-extra-actions button{color:#748660}.project-side label{color:#6e7b63}.viewer-caption{color:#7b886e}.project-card p{color:#7f8d70}.project-card .eyebrow{color:#7d8b6e}
#video-empty{pointer-events:auto}#video-empty p{font-size:12px;color:#adbca0}#empty-import{background:#dbe8cd;color:#3e6031;padding:13px 22px}.viewer.drag-over{outline:3px solid #b5d693;outline-offset:4px}.note>p{font-size:13px;color:#536548}.request-card p{color:#637358}.project-side .muted{font-size:12px;color:#737e68}.project-side label{font-size:12px}.toggle{font-size:11px;color:#7e8c71}.note-extra-actions button{min-height:42px;font-size:11px}.annotation-tools button{min-height:42px}.center>.panel{margin-top:20px}.project-cover img{display:block}.project-side .brief-layout>div>label{font-size:12px}
/* Beginner-focused controls and stronger visual hierarchy. */
:root{--accent:#222d41;--muted:#657080;--line:#e5e8ed;background:#f6f7fa;color:#1c273b;font-size:15px}body{background:#f6f7fa}header{background:#fff;border-color:#e9ecf1;width:212px}.brand{color:#263248}.brand-mark{background:#2b354a}.brand>span{color:#9199a8}.studio-nav{width:184px;left:14px}.studio-nav button{display:flex;align-items:center;gap:11px;color:#737d8e;font-size:13px;padding:13px 14px;min-height:48px}.studio-nav [aria-current]{background:#edf0f7;color:#253552;box-shadow:inset 3px 0 #d79b3f}.nav-bottom{color:#68758d}.nav-bottom p{color:#959eae}.header-actions{color:#939cad}.header-actions button{background:#f1f3f7;color:#67748a}.ui-icon{width:19px;height:19px;flex-shrink:0;display:inline-block;vertical-align:middle;pointer-events:none}button .ui-icon{margin-right:7px}.studio-nav .ui-icon{margin:0}.nav-caption{color:#abb2bf}main{margin-left:212px;padding-top:40px}footer{margin-left:212px;color:#919aa9;border-color:#e9ecf2}button,.file-button{background:#26344c;border-radius:9px;min-height:44px;font-size:13px}.quiet{background:#edf0f5;color:#61718b}h1{font-size:40px;letter-spacing:-1.4px;color:#243149}h2{color:#2c3950}.intro{margin-bottom:38px}.intro p{font-size:14px;color:#7e899b;max-width:520px}.intro #new-project{background:#27364f;box-shadow:0 3px 7px #27364f14}.eyebrow{color:#8a95a7;letter-spacing:1.5px}.project-cover{background:#e6e8f1;height:180px}.project-card{border-color:#e5e9f0;box-shadow:0 3px 10px #23345305;transition:transform .18s,box-shadow .18s}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #23345313}.project-card h2{font-size:18px;color:#33405a}.project-card p,.project-card .eyebrow{color:#8691a5}.collection-heading h2{color:#54617a}.project-shell{grid-template-columns:minmax(0,1fr) 330px;gap:26px}.project-side{border-color:#e3e8f0;box-shadow:0 5px 24px #34496605;border-radius:16px}.project-tabs{background:#f9fafc;border-color:#e7ebf2}.project-tabs button{color:#939db0;min-height:53px}.project-tabs [aria-current]{border-color:#d79b3f;color:#273854}.project-side .panel{padding:22px}.project-side textarea{background:#fafbfd;color:#3c4b66;border-color:#dee5ef;font-size:14px;line-height:1.65}.project-side .muted,.muted{color:#7d8a9f;font-size:12px}.project-side label{color:#75829a;font-size:12px}.brief-actions>button:last-child,#note-form>button{background:#293951;min-height:46px}.brief-actions>button:first-child{color:#8f9cb2;min-height:32px;font-size:12px}.viewer{background:#192332;border-radius:14px;box-shadow:0 7px 26px #20365312}.viewer-caption{color:#8491a7;margin-bottom:10px;font-size:11px}#add-video-note{background:#f9c773;color:#5a3a0d;min-height:40px;padding:9px 13px;font-size:12px;box-shadow:0 3px 15px #0002}#add-video-note:hover{background:#ffd58c}.review-timeline{background:#fff;border:1px solid #e3e8f1;border-radius:0 0 12px 12px;margin-top:-5px;padding:15px 18px 12px;position:relative}.timeline-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.timeline-head button{width:36px;min-height:36px;padding:7px;background:#eef2f8;color:#5e718d}.timeline-head .ui-icon{margin:0;width:18px;height:18px}#timeline-clock{font-size:12px;color:#71809a;font-variant-numeric:tabular-nums}#timeline-note-count{margin-left:auto;font-size:11px;color:#8796ae}.timeline-track{position:relative}.timeline-track input{display:block;padding:0;margin:0;appearance:none;-webkit-appearance:none;height:6px;background:linear-gradient(to right,#c88c39 var(--played,0%),#e8edf5 var(--played,0%));border:0;border-radius:6px;width:100%;cursor:pointer}.timeline-track input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#c88c39;border:2px solid white;box-shadow:0 0 0 1px #c88c3940}.timeline-track input::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#c88c39;border:2px solid white}#timeline-markers{position:relative;margin:8px 14px 0;min-height:4px}.timeline-marker{position:absolute;transform:translateX(-50%);width:29px;min-height:29px;height:29px;padding:0;border-radius:9px;background:#fff1d8;color:#997028;border:1px solid #ecd4aa;font-size:11px;box-shadow:0 2px 5px #9165250a}.timeline-marker:before{content:'';position:absolute;left:50%;top:-9px;height:7px;border-left:1px solid #d6af6e}.timeline-marker:hover,.timeline-marker.selected{background:#e7aa4d;color:#fff;border-color:#e7aa4d}.timeline-marker.resolved{background:#edf3f1;color:#8da99c;border-color:#dbe8e0}.timeline-help{font-size:10px;color:#9ca8bc;margin:9px 0 0}.timeline-marker:focus-visible{outline:2px solid #586f99;outline-offset:3px}#timeline-note-preview{display:flex;gap:14px;justify-content:space-between;padding:13px 15px;background:#fff8eb;border:1px solid #f0dfc2;border-radius:9px;margin-top:12px;animation:reveal .16s ease-out}#timeline-note-preview strong{font-size:11px;color:#a47d3b}#timeline-note-preview p{font-size:13px;line-height:1.6;color:#6e614a;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}#timeline-note-preview button{background:transparent;min-width:32px;width:32px;min-height:32px;height:32px;padding:0;font-size:21px;color:#b69a6c}.secondary-transport{padding:9px 0;justify-content:flex-end}.secondary-transport #time{display:none}.secondary-transport #play-cut{background:transparent;font-size:10px;color:#9aa8be;min-height:30px;padding:5px}.manual-cut{margin:0 0 12px}.manual-cut summary{color:#a1adc2;font-size:11px}.media-drawer{border-color:#e1e7f0;background:#fff}.media-drawer summary{color:#788ba7}.drop-zone{border-color:#c4d0e3;background:#f5f8fc;color:#657d9f;display:flex;flex-direction:column;align-items:center;padding:23px;transition:background .15s,border-color .15s}.drop-zone .ui-icon{width:25px;height:25px;margin:0 0 10px;color:#96aaca}.drop-zone small{font-size:11px;color:#9aacc5}.drop-zone.drag-over{background:#e9f0fc;border-color:#809cc6}.asset{background:#f5f7fb;color:#657b9c;border-color:#e8edf5}.asset.active{background:#eef3fc;border-color:#b7c8e2}.asset small{color:#97abc9}.center>.panel{background:#fff;border-color:#e3e9f3}.export-row{color:#8194b1;border-color:#ebeff6}.center>.panel h2{color:#7186a7}.annotation-tools{background:#fff;border:1px solid #e6ebf3;border-radius:12px;box-shadow:0 4px 15px #34476507;gap:3px;margin-top:12px;justify-content:flex-start;padding:8px}.annotation-tools button{display:flex;align-items:center;background:transparent;color:#899bb6;font-size:11px;min-height:42px;padding:8px 10px}.annotation-tools button .ui-icon{width:16px;height:16px;margin-right:6px}.annotation-tools [aria-pressed=true]{background:#fff1d8;color:#a27630}.annotation-tools #annotation-finish{margin-left:auto;background:#eef3fa;color:#738aaa}.note-extra-actions button{color:#8c9db8;font-size:11px;min-height:40px}.note-extra-actions .ui-icon{width:15px;height:15px}#annotation-stamp{color:#b88a43;font-size:11px}#draft-back{display:block;width:100%;font-size:11px;background:#fff4df;color:#ab803a;margin-bottom:10px;padding:8px;min-height:38px}.note{border-color:#e7edf6}.note.selected{background:#fff9ee;border-radius:9px;padding:13px;margin:8px -8px}.note>p{font-size:13px;color:#7186a7}.note>.quiet{color:#8399b8;background:#f1f5fb;font-size:11px;min-height:35px}.note.selected>.quiet{background:#fcebcf;color:#ad874a}.notes-empty{border:1px dashed #dce5f2;background:#fafcff;color:#9babbe;font-size:12px;border-radius:9px;padding:18px;line-height:1.8}.toggle{color:#8da0bc;font-size:11px;min-height:35px}.request-history summary,.capability-info summary{color:#9caec8;font-size:11px}.request-card strong{color:#8e9fb9}.request-card p{color:#8195b3}.request-card small{color:#a5b4cb}.request-card{border-color:#e7edf6}.style-page-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e3eaf5;padding-bottom:13px}.style-page-tabs button{background:transparent;color:#8a9ebb}.style-page-tabs [aria-pressed=true]{background:#eaf0f9;color:#5a759e}.style-rules{border-top:1px solid #e4ebf6;padding-top:8px;margin-top:20px}.style-rules summary{color:#8199bc}.style-rules summary span{font-size:10px;color:#a9b9d0;margin-left:8px}.style-rules label{margin:15px 0}.preview-animation{margin:4px 14px 16px;background:#eff4fc;color:#7891b5;font-size:11px;min-height:38px}.preview-animation .ui-icon{width:14px;height:14px}.block-card{border-color:#e3eaf6;border-radius:12px;box-shadow:0 4px 16px #34476806}.block-art{background:#eaf0fc;color:#7a95be;height:150px;overflow:hidden}.block-art[data-animation='1']{background:#faf0e2;color:#ac8752}.block-art[data-animation='2']{background:#e9f1ed;color:#7b9a87}.block-art.is-playing strong{animation:demo-title .8s cubic-bezier(.2,.8,.2,1) both}.block-art[data-animation='1'].is-playing b{animation:demo-highlight 1.1s ease both}.block-art[data-animation='2'].is-playing strong{animation:demo-number .9s ease both}.block-library h2{font-size:23px}.block-library>p{font-size:13px;color:#879cba}.settings-layout #channel-form{background:white;border-color:#e3ebf7}.settings-layout input,.settings-layout select,.settings-layout textarea{color:#6e87ad;border-color:#dce7f5}.style-preview{background:#f0f5fd}.page-title h1{color:#2c3c58}.page-title p{color:#8b9fbd;font-size:14px}.library-tabs button{color:#879ebe;background:#eff4fc}.library-tabs [aria-pressed=true]{color:#5878a7;background:#e1ebfb}#status{color:#627faa}body.has-notification #status{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);z-index:30;max-width:min(620px,80vw);padding:13px 20px;background:#273951;color:#f1f5fc;border-radius:12px;box-shadow:0 8px 30px #22395230;font-size:13px;animation:reveal .2s ease-out}#timeline-mute[aria-pressed=true]{opacity:.45}.project-side{animation:reveal .2s ease-out}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline-color:#d4a356}@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-title{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-highlight{0%{background:transparent}50%,100%{background:#efc88c}}@keyframes demo-number{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){.project-shell{grid-template-columns:minmax(0,1fr) 300px;gap:18px}}@media(max-width:940px){header{width:170px}.studio-nav{width:146px}.studio-nav button{font-size:11px;gap:7px;padding:11px 9px}main,footer{margin-left:170px}.project-shell{grid-template-columns:1fr}}@media(max-width:620px){header{width:100%;height:70px}.studio-nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:27px}.studio-nav button{flex-direction:column;font-size:10px;gap:5px;padding:8px 2px}.studio-nav .ui-icon{width:20px;height:20px}.studio-nav [aria-current]{box-shadow:none;background:#edf2fa}main,footer{margin-left:0}.intro{flex-direction:column;align-items:stretch;gap:12px}.intro h1{font-size:33px}.intro p{max-width:none;font-size:13px}.intro #new-project{width:100%;min-height:46px;font-size:13px}.project-grid{grid-template-columns:1fr 1fr}.project-cover{height:120px}.project-card h2{font-size:15px}.project-card p{font-size:11px}.project-side textarea{font-size:16px}.review-timeline{padding:14px 12px}.timeline-head{gap:9px}.timeline-marker{width:30px;height:30px;min-height:30px}.timeline-marker:after{content:'';position:absolute;inset:-7px}.timeline-help{font-size:10px}.annotation-tools button{min-height:44px;padding:8px;font-size:10px}.annotation-tools #annotation-finish{margin-left:0}.annotation-tools .ui-icon{width:17px;height:17px}.style-page-tabs button{font-size:12px}.block-art{height:150px}body.has-notification #status{left:16px;right:16px;bottom:15px;transform:none;max-width:none;font-size:12px}.project-tabs button{font-size:13px}#timeline-note-preview p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.project-card:hover{transform:none}}
.timeline-marker{width:auto;min-width:32px;padding:0 6px;white-space:nowrap}#note-choice-list{display:grid;gap:7px;margin-top:12px}#note-choice-list button{width:100%;height:auto;min-height:44px;max-width:100%;text-align:left;font-size:12px;line-height:1.5;padding:10px;background:#fff;border:1px solid #ecdfc9;border-radius:8px;color:#998050;white-space:normal;overflow-wrap:anywhere}#timeline-note-preview>div{min-width:0;flex:1}#timeline-note-preview>button{flex-shrink:0}
.pause-tools{position:absolute;z-index:5;top:16px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#172131ed;border:1px solid #ffffff25;border-radius:14px;box-shadow:0 7px 25px #0003;backdrop-filter:blur(12px)}.pause-tools button{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;background:transparent;color:#dbe3ef;font-size:12px;border-radius:9px}.pause-tools .ui-icon{margin:0;width:19px;height:19px}.pause-tools [aria-pressed=true]{background:#f5c977;color:#533915}.pause-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);z-index:4;pointer-events:none;background:#172131b8;color:#f1f4fa;padding:6px 12px;border-radius:20px;font-size:10px;white-space:nowrap;margin:0}.note-capture{display:block;width:100%;max-height:150px;object-fit:contain;border-radius:8px;margin:10px 0;background:#1a2534}#note-form textarea:disabled{min-height:90px;background:#f8fafd;cursor:default}#annotation-stamp{font-size:12px;line-height:1.5}#retry-visual-note{background:#9f5627;color:white;font-size:12px}.notes>h2{font-size:21px}.pause-tools button:hover{background:#ffffff15}.pause-tools [aria-pressed=true]:hover{background:#f5c977}@media(max-width:620px){.pause-tools{top:8px;padding:4px}.pause-tools button{min-height:42px;font-size:11px;padding:9px 12px}.pause-hint{font-size:8px;padding:5px 8px;bottom:8px}.note-capture{max-height:120px}}