:root{--bg:#f6f7f4;--ink:#172c2b;--muted:#76817c;--line:#e2e7df;--accent:#d6ef91;--dark:#172e2c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.4px;font-size:38px;font-weight:500;line-height:1.15}h2{letter-spacing:-.3px;font-size:18px;font-weight:500}h3{font-size:16px}small{color:var(--muted);font-size:11px;line-height:1.6;display:block}.muted{color:var(--muted);line-height:1.6}.eyebrow{letter-spacing:1.8px;color:#718276;margin-bottom:14px;font-size:10px;font-weight:600}.brand{letter-spacing:-1.8px;white-space:nowrap;font-size:25px;font-weight:700;display:block}.brand>span:not(.domain){color:#badc79;letter-spacing:-4px;font-size:20px}.brand .domain{letter-spacing:-.5px;opacity:.6;margin-left:3px;font-size:12px}.studio-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#eef1e9;flex-direction:column;width:228px;padding:32px 23px;display:flex;position:fixed;inset:0 auto 0 0}.nav-label{color:#8a9287;letter-spacing:1.5px;margin:48px 10px 16px;font-size:10px}.sidebar nav{gap:8px;display:grid}.sidebar nav a{color:#788175;border-radius:8px;gap:13px;padding:13px 14px;font-size:13px;display:flex}.sidebar nav a.active{color:#203a2c;background:#e0e7d7}.sidebar nav a span{font-size:17px}.side-bottom{margin-top:auto;padding-top:36px;font-size:12px}.credit-card{background:#e4eada;border:1px solid #d8e0ce;border-radius:10px;margin-bottom:28px;padding:20px 16px}.credit-card strong{margin:8px 0;font-size:28px;font-weight:500;display:block}.credit-card p{color:#7b8873;font-size:11px;line-height:1.6}.credit-card a{font-size:11px}.profile{border-top:1px solid #dce1d5;align-items:center;gap:10px;margin-top:25px;padding-top:20px;display:flex}.avatar{background:#dde4d2;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.workspace{width:calc(100% - 228px);max-width:2200px;margin-left:228px;padding:0 42px 60px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;font-size:11px;display:flex}.quiet{color:#7a8478}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin:42px 0 35px;display:flex}.page-heading h1{margin-bottom:12px}.button{color:var(--ink);white-space:nowrap;background:0 0;border:1px solid #d7dfd1;border-radius:7px;justify-content:center;align-items:center;gap:22px;padding:12px 17px;font-size:12px;font-weight:500;display:inline-flex}.button.primary{background:var(--dark);color:#f2f8e8;border-color:var(--dark)}.button.primary:hover{background:#294b40}.button.full{width:100%;margin-top:14px}.section-heading{justify-content:space-between;align-items:center;margin:34px 0 22px;display:flex}.section-heading h2{margin:0}.section-heading h2 span{background:#e8ecdf;border-radius:4px;margin-left:10px;padding:3px 6px;font-size:11px}.section-heading>span{color:var(--muted);font-size:11px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:10px;transition:transform .15s;overflow:hidden}.project-card:hover{transform:translateY(-3px)}.project-art{aspect-ratio:16/9;background:#183a3c;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-art>span{color:#d6e3b8;opacity:.8;font-family:Georgia,serif;font-size:120px;font-style:italic;transform:rotate(-12deg)}.project-art:before{content:"";border:1px solid #76958b;border-radius:50%;width:230px;height:230px;position:absolute;transform:translate(75px,-50px)}.project-art small{letter-spacing:2px;color:#d1ddbe;font-size:8px;position:absolute;bottom:16px;left:18px}.art-1{background:#635c48}.art-2{background:#34495a}.project-copy{padding:20px}.badge{color:#718259;text-transform:uppercase;letter-spacing:.5px;background:#edf1e5;border-radius:4px;padding:4px 7px;font-size:9px;display:inline-block}.project-copy h3{margin:12px 0 16px;line-height:1.5}.project-copy p{color:#90968c;justify-content:space-between;margin:0;font-size:10px;display:flex}.empty-state{text-align:center;border:1px dashed #cdd7c3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:35px;display:flex}.empty-state p{color:var(--muted);max-width:350px;margin-bottom:26px;font-size:13px;line-height:1.7}.empty-art{align-items:center;height:100px;margin-bottom:18px;display:flex}.empty-art span{border:4px solid var(--bg);background:#e0e9d4;border-radius:8px;place-items:center;width:65px;height:75px;font-size:32px;display:grid;transform:rotate(-12deg)}.empty-art span:nth-child(2){color:#d7eaa7;z-index:1;background:#254a40;transform:translateY(-10px)}.empty-art span:nth-child(3){transform:rotate(12deg)}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:23px}.panel-title{color:#91a17e;align-items:center;gap:14px;margin-bottom:24px;font-size:11px;display:flex}.panel-title h2{color:var(--ink);margin:0;font-size:14px}.editor-grid{grid-template-columns:minmax(240px,.95fr) minmax(400px,1.5fr) minmax(220px,.75fr);align-items:start;gap:18px;display:grid}.panel label{color:#6d7e71;margin:18px 0;font-size:11px;font-weight:500;display:block}.panel input:not([type=checkbox]),.panel textarea,.panel select{color:#31423a;background:#fafbf8;border:1px solid #dfe5da;border-radius:6px;width:100%;margin-top:8px;padding:11px;font-size:12px;display:block}.panel textarea.script{resize:vertical;min-height:360px;line-height:1.8}.panel label.check{align-items:flex-start;gap:8px;line-height:1.7;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview{aspect-ratio:16/9;text-align:center;color:#d7e4ca;background:#142c30;border-radius:10px;place-items:center;display:grid;overflow:hidden}.preview video{object-fit:contain;width:100%;height:100%}.preview h2{margin:18px 0 9px;font-size:22px}.preview p{color:#8daba4;font-size:11px}.play-outline{border:1px solid #648177;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;font-size:24px;display:grid}.preview-caption{color:#83907e;justify-content:space-between;padding:14px 3px 24px;font-size:10px;display:flex}.preview-caption i{background:#8c9787;border-radius:50%;width:3px;height:3px;margin:0 7px;display:inline-block}.preview-column{gap:0;display:grid}.preview-column>.panel{margin-bottom:18px}.status-line{text-transform:capitalize;justify-content:space-between;font-size:12px;display:flex}.status-line span{color:#83947d;font-size:10px}progress{accent-color:#90ac63;width:100%;height:6px}.steps{padding:0;font-size:11px;list-style:none}.steps li{text-transform:capitalize;border-bottom:1px solid #f0f2ec;justify-content:space-between;padding:8px 0;display:flex}.asset-panel>.muted{font-size:11px}.asset-item{background:#f4f6ef;border:1px solid #e5eada;border-radius:6px;gap:9px;padding:12px;display:flex!important}.asset-item strong{font-size:11px;font-weight:500;line-height:1.6}.asset-item small{font-size:9px}.empty-mini{text-align:center;color:#839177;padding:25px 5px;font-size:12px}.empty-mini p{margin-top:10px;font-size:11px;line-height:1.6}.quote{background:#f1f6e8;border-radius:7px;padding:16px}.quote p{color:#77856b;font-size:11px;line-height:1.7}.actions{gap:8px;display:flex}.shot-strip{gap:8px;max-width:100%;padding-bottom:12px;display:flex;overflow:auto}.shot-strip button{color:#5f735b;background:#f3f6ec;border:1px solid #d8e0cf;border-radius:6px;min-width:110px;padding:16px 10px;font-size:10px}.shot-strip button.selected{outline:2px solid #7d9961}.shot-strip small{font-size:9px}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.metrics strong{margin-top:10px;font-size:35px;display:block}.metrics small{text-transform:capitalize}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th,td{border-bottom:1px solid var(--line);padding:14px}.alert{color:#865425;background:#fff1df;border:1px solid #e5cda9;border-radius:8px;justify-content:space-between;margin-top:22px;padding:16px;font-size:12px;display:flex}.alert button{color:inherit;background:0 0;border:0}.login{max-width:580px;margin:10vh auto;padding:40px}.login .brand{margin-bottom:80px}.login h1{font-size:48px}.login>p:not(.eyebrow){color:var(--muted);margin:25px 0 32px;line-height:1.6}.login form{margin-top:20px}.login small{margin-top:12px}@media (min-width:1600px){.workspace{padding-left:56px;padding-right:56px}}@media (max-width:1300px){.editor-grid{grid-template-columns:minmax(250px,.9fr) minmax(340px,1.3fr)}.asset-panel{grid-column:1/-1}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:0 26px 40px}}@media (max-width:900px){.sidebar{width:180px;padding:25px 15px}.brand{font-size:22px}.workspace{width:calc(100% - 180px);margin-left:180px;padding:0 22px 35px}.editor-grid{grid-template-columns:1fr}.asset-panel{grid-column:auto}.metrics{grid-template-columns:repeat(2,1fr)}h1{font-size:30px}.page-heading{align-items:flex-start}.project-grid{grid-template-columns:1fr}}@media (max-width:600px){.sidebar{width:100%;padding:18px;position:static}.sidebar .brand{font-size:24px}.nav-label,.side-bottom{display:none}.sidebar nav{gap:4px;margin-top:15px;display:flex;overflow:auto}.sidebar nav a{white-space:nowrap;padding:10px 12px;font-size:11px}.sidebar nav a span{font-size:13px}.studio-shell{display:block}.workspace{width:100%;margin:0;padding:0 18px 35px}.topbar{height:55px}.page-heading{margin-top:28px;display:block}.page-heading>.button{margin-top:12px}.panel{padding:18px}.login{padding:28px}.login h1{font-size:40px}.metrics{gap:10px}.metrics strong{font-size:28px}}.media-tools{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:22px}.media-tools h3{margin:18px 0 12px;font-size:13px}.stock-candidate{background:#f3f6ed;border-radius:6px;margin-top:15px;padding:12px;font-size:11px}.stock-candidate .button{margin-top:10px}.form-message{background:#eff5e4;border-radius:6px;margin-top:16px;padding:12px;font-size:11px;line-height:1.7}.public-shell{max-width:1320px;margin:auto;padding:0 48px}.public-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:30px 0;display:flex}.public-nav nav{align-items:center;gap:28px;font-size:12px;display:flex}.public-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:80px;padding:30px 0;font-size:11px;display:flex}.home-hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:85px 0 95px;display:grid}.home-hero h1{letter-spacing:-4px;margin-bottom:28px;font-size:78px;line-height:1.02}.home-hero h1 em{color:#748957;font-family:Georgia,serif;font-weight:400}.hero-description{color:#76817c;max-width:400px;margin-bottom:28px;font-size:15px;line-height:1.8}.home-hero>div>small{max-width:400px;margin-top:20px}.story-board{color:#dbe8c9;background:#193632;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:520px;padding:30px;display:flex;position:relative;overflow:hidden}.board-label{letter-spacing:2px;font-size:9px}.board-orbit{text-align:center;color:#b6ce8a;border:1px solid #486859;border-radius:50%;height:180px;margin:15px 40px;font-family:Georgia,serif;font-size:190px;font-style:italic;line-height:180px;transform:rotate(-12deg)}.board-card{color:#233f30;background:#e1eccd;border-radius:9px;align-self:flex-end;max-width:280px;padding:20px;position:relative;transform:rotate(3deg)}.board-card p{margin:12px 0;font-family:Georgia,serif;font-size:24px}.wave-bars{letter-spacing:4px;color:#6d8951;font-size:26px}.board-timeline{gap:6px;margin-top:25px;display:flex}.board-timeline span{background:#385a4a;border-left:3px solid #c5dd97;flex:1;padding:18px 10px;font-size:10px}.story-board>small{color:#91a695;margin-top:12px;font-size:9px}.home-details>h2{letter-spacing:-1px;margin-bottom:35px;font-size:36px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.feature-grid article{background:0 0;padding:28px}.feature-grid h3{margin:25px 0 15px;font-size:20px;line-height:1.5}.feature-grid p,.home-note p{color:var(--muted);font-size:13px;line-height:1.9}.home-note{max-width:760px;margin-top:70px}.home-note h2{font-size:30px}.home-note a{font-size:12px}.reading{max-width:760px;margin:75px auto;font-size:15px;line-height:1.9}.reading h1{margin-bottom:30px;font-size:48px;line-height:1.15}.reading h2{margin-top:10px;font-size:23px}.reading p{color:#67776e}.reading .panel{margin:30px 0}.guide-list{padding-left:24px}.guide-list li{padding:15px 0 20px 12px}.guide-list li::marker{color:#718959}details{margin:18px 0}summary{cursor:pointer;line-height:1.6}@media (max-width:900px){.public-shell{padding:0 25px}.home-hero{gap:30px}.home-hero h1{font-size:58px}.story-board{min-height:460px;padding:22px}.board-orbit{margin:10px}.feature-grid{grid-template-columns:1fr}.public-nav nav{gap:15px}}@media (max-width:600px){.public-nav{flex-direction:column;align-items:flex-start}.public-nav nav{flex-wrap:wrap;gap:18px}.home-hero{grid-template-columns:1fr;padding:55px 0}.home-hero h1{font-size:65px}.story-board{min-height:480px}.reading{margin:45px auto}.reading h1{font-size:38px}.public-footer{margin-top:50px}.home-hero .actions{flex-wrap:wrap}}.editor-grid>*{min-width:0}.preview-column,.preview,.preview video{min-width:0;max-width:100%}.workspace .panel{overflow-wrap:anywhere}.workspace table{table-layout:fixed}.workspace td{overflow-wrap:anywhere}.preview-column{grid-template-columns:minmax(0,1fr)}.preview-column>*{min-width:0}.shot-strip{width:100%}.sidebar nav{min-width:0}@media (max-width:768px){.public-nav{flex-wrap:wrap;gap:18px;padding-block:22px}.public-nav nav{flex-wrap:wrap;gap:8px 18px}.public-nav nav a,.public-footer a{align-items:center;min-height:44px;display:inline-flex}.public-nav nav a{font-size:14px}.public-footer{padding-bottom:max(28px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}.reading{overflow-wrap:anywhere}body>.reading{padding-inline:20px}.reading>.button{white-space:normal;min-height:48px}.login{padding:28px 20px max(28px, env(safe-area-inset-bottom));margin-block:6vh}.login .brand{margin-bottom:48px}.login h1{font-size:clamp(32px,9vw,40px)}.login .button{justify-content:center;width:100%;min-height:48px;font-size:14px}}