*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bone);color:var(--color-ink);font-family:var(--font-body);font-size:14px}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(32px,4vw,54px);font-weight:600;letter-spacing:-.04em;line-height:1.04}
h2{font-size:22px;font-weight:600;letter-spacing:-.02em}
p{font-size:14px;line-height:1.55;color:var(--color-ink-70)}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.muted{color:var(--color-ink-50)}
.kicker{display:block;margin-bottom:10px;color:var(--color-ink-50);font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
.topbar{height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border-subtle)}
.brand{display:flex;align-items:center;gap:10px;color:var(--color-ink);font-size:11px;font-weight:600;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}
.brand img{width:22px;height:22px}
.topnav{display:flex;align-items:center;gap:22px;font-size:12px}
.topnav a{color:var(--color-ink-70)}
.link-button{padding:0;border:0;background:none;color:var(--color-ink-50)}
.shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:42px 0 80px}
.shell:has(.review-app),.shell:has(.access-layout),.shell:has(.auth-layout){width:100%;max-width:none;padding:0}
.page-heading,.project-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.page-heading h1,.project-head h1{margin:0 0 8px}
.page-heading p,.project-head p{margin:0}
.head-actions{display:flex;align-items:center;gap:10px}
.back-link{display:block;width:max-content;margin-bottom:28px;color:var(--color-ink-50);font-size:12px;text-decoration:none}
.btn{min-height:38px;padding:9px 15px;border:1px solid transparent;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--color-ink);background:transparent;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast),transform 80ms}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--color-red);color:#fff}
.btn-primary:hover{background:#a92328;color:#fff;opacity:1}
.btn-dark{background:var(--color-ink);color:#fff}
.btn-outline{border-color:var(--border-strong);background:transparent}
.btn-ghost{border-color:var(--border-default);background:#fff}
.btn-mini{min-height:28px;padding:6px 9px;font-size:11px;border-color:var(--border-default)}
.btn-block{width:100%}
.card,.table-card{background:#fff;border-radius:8px;box-shadow:var(--shadow-1)}
.card{padding:22px}
.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--color-ink-08);color:var(--color-ink-70);font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.status-approved,.status-delivered{background:var(--color-ink);color:#fff}
.status-changes_requested{background:rgba(208,102,51,.1);color:#a8501f}
.status-awaiting_feedback{background:rgba(26,27,25,.06);color:var(--color-ink-70)}
.status-changes_requested:before,.status-awaiting_feedback:before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--color-orange)}
.status-awaiting_feedback:before{background:var(--color-ink-30)}

/* Forms */
.form-card{max-width:760px;padding:32px}
.form-stack{display:grid;gap:18px}
.form-stack p{display:grid;gap:7px;margin:0;color:var(--color-ink);font-size:12px;font-weight:500}
.form-stack label{color:var(--color-ink);font-size:12px;font-weight:500}
input,textarea,select{width:100%;padding:11px 12px;border:1px solid var(--border-default);border-radius:4px;background:var(--color-bone);color:var(--color-ink);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
input:focus,textarea:focus,select:focus{border-color:var(--color-red);box-shadow:0 0 0 3px rgba(187,39,44,.08)}
input[type=file]{padding:9px;background:#fff}
input[type=checkbox]{width:auto;accent-color:var(--color-red)}
textarea{min-height:96px;resize:vertical}
.helptext{color:var(--color-ink-50);font-size:11px;font-weight:400}
.errorlist{margin:0;padding:0;list-style:none;color:var(--color-red);font-size:12px}
.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}
.project-poster{display:block;width:100%;max-height:320px;object-fit:cover;margin:0 0 24px;border-radius:4px}

/* Auth */
.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}
.auth-mark{display:flex;align-items:center;justify-content:center;padding:8vw;background:var(--gradient-ember-dark)}
.auth-mark img{width:min(360px,60%);filter:brightness(0) invert(1)}
.auth-card{align-self:center;width:min(420px,80%);margin:auto;padding:40px;box-shadow:none}
.auth-card h1{font-size:42px;margin-bottom:12px}
.auth-card>p{margin-bottom:28px}
.access-layout{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:#fff}
.access-visual{position:relative;overflow:hidden;background:var(--gradient-ember-dark)}
.access-visual>img:first-child{width:100%;height:100%;object-fit:cover}
.access-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(208,102,51,.25),rgba(187,39,44,.7),rgba(26,27,25,.8))}
.access-logo{position:absolute;left:48px;bottom:48px;width:180px;filter:brightness(0) invert(1)}
.access-panel{align-self:center;width:min(410px,80%);margin:auto}
.access-panel h1{font-size:42px;margin-bottom:14px}
.access-panel>p{margin-bottom:28px}

/* Dashboard */
.project-table-head,.project-row{display:grid;grid-template-columns:minmax(280px,2fr) 90px 120px 150px 30px;align-items:center;gap:16px;padding:14px 18px}
.project-table-head{color:var(--color-ink-50);font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border-subtle)}
.project-row{min-height:82px;color:var(--color-ink);text-decoration:none;border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast)}
.project-row:last-child{border:0}
.project-row:hover{background:#faf9f7;opacity:1}
.project-identity{display:flex;align-items:center;gap:14px;min-width:0}
.project-identity>img,.poster-placeholder{width:76px;height:46px;flex:none;border-radius:3px;background:var(--color-ink-08);object-fit:cover}
.project-identity strong,.project-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-identity small{margin-top:4px;color:var(--color-ink-50);font-size:11px}
.row-arrow{color:var(--color-red);font-size:18px}
.empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-ink-50)}
.empty img{width:34px;height:34px;margin-bottom:14px;opacity:.35}
.empty strong{color:var(--color-ink);font-size:14px}
.empty p{margin:5px 0 0;font-size:12px}
.empty.compact{min-height:140px}

/* Project detail */
.section-tabs{display:flex;gap:28px;margin-bottom:24px;border-bottom:1px solid var(--border-default)}
.section-tabs a{padding:0 0 11px;color:var(--color-ink-50);font-size:12px;text-decoration:none}
.section-tabs a.active{color:var(--color-ink);border-bottom:2px solid var(--color-red)}
.admin-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:18px;align-items:start}
.admin-main,.admin-side{display:grid;gap:18px}
.admin-side{position:sticky;top:18px}
.current-version{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;margin-top:16px}
.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#0d0d0c}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.play-badge{position:absolute;left:50%;top:50%;translate:-50% -50%;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.9);font-size:10px}
.duration-badge{position:absolute;right:7px;bottom:7px;padding:3px 5px;background:rgba(13,13,12,.78);color:#fff;border-radius:2px;font:10px var(--font-mono)}
.version-copy h2{margin-bottom:5px}
.version-copy h2 small{color:var(--color-red);font:500 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.version-copy p{margin:0 0 2px;color:var(--color-ink-50);font:11.5px/1.7 var(--font-mono)}
.file-meta{display:block;margin-bottom:14px;color:var(--color-ink-50);font:11px/1.7 var(--font-mono)}
.admin-video{display:none;width:100%;margin-top:20px;background:#000}
.inline-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-subtle)}
.stats{display:flex;gap:40px;width:max-content;margin:16px 0 20px;color:inherit;text-decoration:none}
.stats div{display:grid;gap:2px}
.stats strong{font-size:30px;font-weight:500;letter-spacing:-.03em}
.stats span{color:var(--color-ink-50);font-size:12px;text-transform:lowercase;letter-spacing:0}
.comments-list{display:grid}
.admin-comments{border-top:1px solid var(--border-subtle)}
.comment{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border-subtle)}
.comment-index{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:999px;background:var(--color-red);color:#fff;font:600 10px var(--font-mono)}
.comment-body{flex:1;min-width:0}
.comment-body p{margin:4px 0 0;color:var(--color-ink);font-size:13px}
.comment.resolved{opacity:.45}
.time-link{padding:0;border:0;background:none;color:var(--color-red);font:600 11px var(--font-mono)}
.share-card input{margin:8px 0;background:var(--color-bone);font:10px var(--font-mono)}
.setting-row{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--color-ink-50)}
.setting-row strong{color:var(--color-ink);font-weight:500}
.upload-form{margin-top:14px}
.version-list{display:grid;margin-top:8px}
.version-row{display:grid;grid-template-columns:35px 1fr auto;align-items:center;padding:11px 4px;border-bottom:1px solid var(--border-subtle);color:var(--color-ink);text-decoration:none}
.version-row span{color:var(--color-ink-50);font-size:11px}
.version-row small{font:500 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.version-row.active small{color:var(--color-red)}
.file-list{display:grid}
.file-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border-subtle)}
.file-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border-default);border-radius:4px}
.file-row small{display:block;color:var(--color-ink-50);font-size:10px}
.reveal-form{margin-top:16px}
.reveal-form summary{width:max-content;padding:8px 13px;border:1px dashed var(--border-strong);border-radius:4px;cursor:pointer;color:var(--color-ink-70);font-size:12.5px;list-style:none}
.reveal-form form{margin-top:16px}
.integration-section{margin-top:72px;padding-top:12px}
.section-intro{max-width:520px;margin-bottom:24px}
.section-intro h2{font-size:32px;margin-bottom:8px}
.integration-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}
.embed-frame{aspect-ratio:16/9;overflow:hidden;background:#0d0d0c}
.embed-frame iframe{width:100%;height:100%;border:0}
.embed-code textarea{height:150px;margin:10px 0;font:11px/1.6 var(--font-mono)}

/* Client review */
.review-app{height:100vh;min-height:620px;display:flex;flex-direction:column;background:var(--color-bone);overflow:hidden}
.review-topbar{height:64px;display:flex;align-items:center;gap:16px;padding:0 20px;flex:none;background:#fff;border-bottom:1px solid var(--border-subtle)}
.review-brand{display:flex;align-items:center;gap:10px;min-width:0}
.review-brand img{width:22px;height:22px}
.review-brand span{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.review-brand i{width:1px;height:20px;background:var(--border-default)}
.review-brand strong{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}
.review-spacer{flex:1}
.version-menu{position:relative}
.version-menu summary{padding:6px 9px;border:1px solid var(--border-default);border-radius:4px;background:var(--color-bone);font:500 11px var(--font-mono);cursor:pointer;list-style:none}
.version-menu>div{position:absolute;z-index:80;top:38px;left:0;width:220px;padding:5px;background:#fff;border:1px solid var(--border-default);border-radius:4px;box-shadow:var(--shadow-3)}
.version-menu a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:9px;color:var(--color-ink);text-decoration:none;border-radius:3px}
.version-menu a.active{background:var(--color-bone)}
.version-menu small{font-size:10px;color:var(--color-ink-50)}
.version-menu em{font:500 8px var(--font-mono);color:var(--color-red);text-transform:uppercase}
.archive-badge,.approved-badge{padding:6px 11px;border-radius:999px;background:var(--color-ink-08);color:var(--color-ink-70);font-size:11px;white-space:nowrap}
.approved-badge{background:var(--color-ink);color:#fff}
.review-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 376px}
.video-workspace{min-width:0;padding:22px 22px 0}
.video-center{height:100%;display:flex;align-items:center;justify-content:center}
.video-player{position:relative;width:100%;height:100%;max-height:100%;display:flex;flex-direction:column}
.video-stage{position:relative;top:auto;translate:none;width:100%;aspect-ratio:16/9;max-height:100%;margin:auto 0;background:#0d0d0c;box-shadow:var(--shadow-3);overflow:hidden}
.video-stage video{display:block;width:100%;height:100%;object-fit:contain}
.annotation-layer{position:absolute;inset:0;pointer-events:auto;cursor:crosshair}
.annotation-layer.readonly{pointer-events:none;cursor:default}
.stage-hint{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:9px 16px;border-radius:999px;background:rgba(13,13,12,.72);color:#fff;font-size:12px;pointer-events:none;backdrop-filter:blur(6px);transition:opacity var(--dur-base)}
.stage-hint.hidden{display:none}
.marker{position:absolute;z-index:4;translate:-50% -50%;width:28px;height:28px;padding:0;border:0;display:grid;place-items:center;border-radius:999px;background:var(--color-red);color:#fff;font:600 10px var(--font-mono);box-shadow:0 0 0 2.5px rgba(255,255,255,.92),0 2px 10px rgba(0,0,0,.45);animation:marker-in var(--dur-base) var(--ease-out)}
.marker.nearby{background:var(--color-ink);opacity:.42}.marker.selected{background:var(--color-red);opacity:1}
@keyframes marker-in{from{opacity:0;scale:.4}to{opacity:1;scale:1}}
.review-composer{position:absolute;z-index:10;right:14px;bottom:14px;width:min(330px,calc(100% - 28px));padding:14px;background:#fff;border-radius:4px;box-shadow:var(--shadow-3);animation:rise var(--dur-base) var(--ease-out)}
@keyframes rise{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.review-composer.hidden{display:none}
.composer-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.composer-meta strong{color:var(--color-red);font:600 12px var(--font-mono)}
.composer-meta span{padding-left:10px;border-left:1px solid var(--border-default);color:var(--color-ink-50);font-size:10px}
.review-composer textarea{height:68px;min-height:68px;padding:9px 10px;font-size:13px}
.composer-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}
.timeline-wrap{position:relative;left:auto;right:auto;bottom:auto;height:28px;flex:none;display:flex;align-items:flex-end;padding:0 2px}.timeline-ticks{position:absolute;left:4px;right:4px;bottom:3px;height:13px;pointer-events:none}.timeline-ticks i{position:absolute;bottom:0;width:2px;height:9px;background:var(--color-orange);transform:translateX(-1px)}.timeline-ticks i.resolved{height:7px;background:rgba(26,27,25,.28)}
.player-seek{height:16px;padding:0;border:0;background:transparent;accent-color:var(--color-red);cursor:pointer}
.player-controls{position:relative;left:auto;right:auto;bottom:auto;height:48px;flex:none;display:flex;align-items:center;gap:12px;padding:0 2px}
.player-button{width:30px;height:30px;padding:0;border:0;display:grid;place-items:center;background:transparent;color:var(--color-ink);border-radius:4px}
.player-button:hover,.rate-button:hover{background:rgba(26,27,25,.06)}
.player-button.play{width:34px;height:34px;background:var(--color-ink);color:#fff}
.player-button .icon-pause{display:none}.player-button.is-playing .icon-play{display:none}.player-button.is-playing .icon-pause{display:block}
.player-time{font:12px var(--font-mono)}
.player-time i{color:var(--color-ink-30);font-style:normal}
.control-spacer{flex:1}
.player-volume{width:58px;height:3px;padding:0;border:0;accent-color:var(--color-ink)}
.rate-button{min-width:40px;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:var(--color-ink-70);font:11px var(--font-mono)}
.comments-sidebar{min-width:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--border-subtle)}
.comments-head{padding:20px 20px 14px;border-bottom:1px solid var(--border-subtle)}
.comments-head>div:first-child{display:flex;align-items:center;gap:8px}
.comments-head h2{margin:0;font-size:15px}
.comments-head>div:first-child>span{color:var(--color-ink-50);font:10px var(--font-mono)}
.comments-search{width:28px;height:28px;padding:0;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--color-ink-50)}.comment-search-input{margin:10px 0 0;padding:8px 10px;font-size:11px}.comment-search-input.hidden{display:none}
.comment-filters{display:flex;gap:6px;margin-top:14px}
.comment-filters button{padding:6px 12px;border:0;border-radius:4px;background:rgba(26,27,25,.06);color:var(--color-ink-70);font-size:12px}
.comment-filters button{border-radius:999px}.comment-filters button.active{background:var(--color-ink);color:#fff}
.comments-scroll{flex:1;min-height:0;overflow:auto;padding:8px 20px}
.review-comment{width:100%;display:flex;gap:11px;padding:14px 0;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border-subtle);color:var(--color-ink)}
.review-comment:hover{background:#faf9f7}
.comment-marker{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:999px;background:var(--color-ink);color:#fff;font:600 9px var(--font-mono)}
.comment-marker.pin{background:var(--color-ink-50)}
.comment-content{min-width:0;flex:1}
.comment-content strong{color:var(--color-red);font:600 10px var(--font-mono)}
.comment-content p{margin:5px 0;color:var(--color-ink);font-size:12.5px;line-height:1.4}
.comment-content small{color:var(--color-ink-50);font-size:9px}
.comment-meta{display:flex;align-items:center;gap:9px}.comment-state{width:max-content;display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--border-default);border-radius:999px;color:var(--color-ink-50);font-size:9px}.comment-state i{width:5px;height:5px;border-radius:50%;background:var(--color-orange)}
.review-comment.selected{background:#faf7f3}.review-comment.selected .comment-marker{background:var(--color-red)}
.review-comment.resolved{opacity:.46}.review-comment.resolved .comment-marker{background:transparent;border:1px solid var(--border-default);color:var(--color-ink)}.review-comment.resolved .comment-state i{background:var(--color-ink-30)}
.review-comment.filtered,.review-comment.searched-out{display:none}
.comments-empty{height:100%;min-height:300px}
.sidebar-composer{display:flex;align-items:center;gap:8px;margin:12px 20px 5px;padding:12px;border:1px solid var(--border-default);border-radius:4px;background:var(--color-bone);text-align:left}
.sidebar-composer strong{color:var(--color-red);font:600 11px var(--font-mono)}
.sidebar-composer span{color:var(--color-ink-50);font-size:11px}
.sidebar-help{margin:0 20px 15px;color:var(--color-ink-50);font-size:9px;line-height:1.4}
.client-downloads{padding:64px max(24px,5vw);display:flex;justify-content:space-between;gap:40px;background:#fff}
.client-downloads>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.download-card{min-width:190px;padding:16px;display:grid;grid-template-columns:30px 1fr;gap:2px 10px;border:1px solid var(--border-default);border-radius:4px;color:var(--color-ink);text-decoration:none}
.download-card>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;background:var(--color-ink);color:#fff;border-radius:4px}
.download-card small{color:var(--color-ink-50)}

/* Exact mockup alignment */
.dashboard-title{display:flex;align-items:end;justify-content:space-between;margin:8px 0 28px}
.dashboard-title>div{display:flex;align-items:baseline;gap:16px}.dashboard-title h1{margin:0;font-size:30px}.dashboard-title .mono{color:var(--color-ink-50);font-size:10px}
.project-dashboard-table .project-table-head,.project-dashboard-table .project-row{grid-template-columns:1.7fr .8fr 55px 95px 130px .9fr 75px}
.project-dashboard-table .project-row{min-height:58px;padding:12px 18px}.project-dashboard-table .project-row>span,.project-dashboard-table time{font-size:12px}.project-dashboard-table .has-open{color:var(--color-red)}
.state-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--color-ink-15)}.state-changes_requested,.state-awaiting_feedback{background:var(--color-orange)}.state-approved,.state-delivered{background:var(--color-ink)}
.project-page-header{height:64px;padding:0 32px;display:grid;grid-template-columns:auto 1px auto auto 1fr auto;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--border-subtle);font-size:13px}.project-page-header>a:first-child{padding:6px;color:var(--color-ink-70);text-decoration:none}.project-page-header i{width:1px;height:20px;background:var(--border-default)}.project-page-header strong{font-size:14.5px;font-weight:500;letter-spacing:-.01em}.project-page-header strong a{color:inherit;text-decoration:none}.project-page-header .mono{color:var(--color-ink-50);font-size:11px}.shell:has(.project-detail-page){width:100%;max-width:none;padding:0 0 80px}.project-detail-page>.section-tabs{height:49px;margin:0;padding:0 32px;gap:26px;align-items:stretch;background:#fff;border-bottom:1px solid var(--border-subtle)}.project-detail-page>.section-tabs a{display:flex;align-items:center;padding:0 2px;border-bottom:2px solid transparent;color:var(--color-ink-50);font-size:13.5px;font-weight:500}.project-detail-page>.section-tabs a.active{color:var(--color-ink);border-bottom-color:var(--color-red)}
.project-page-header .status{padding:5px 12px;font:400 12px/1 var(--font-body);letter-spacing:0;text-transform:none}
.project-tab{width:min(1160px,calc(100% - 64px));margin:40px auto 0;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:32px}
.project-tab .admin-main,.project-tab .admin-side{gap:24px}.project-tab .admin-side{position:static}.project-tab .card{padding:24px}.project-tab .current-card{min-height:200px}.project-tab .current-version{grid-template-columns:236px minmax(0,1fr);align-items:start;margin-top:18px}.project-tab .video-thumb{width:236px;aspect-ratio:1920/823;border-radius:0}.project-tab .stats-card{padding-bottom:24px}
.project-tab .version-copy h2{font:600 16px/1.2 var(--font-mono);letter-spacing:0}
.red-number{color:var(--color-red)}.soft-number{color:var(--color-ink-30)}
.upload-popover summary{list-style:none}.upload-popover form{margin-top:12px;padding:14px;background:var(--color-bone);border-radius:4px}
.correction-manager{margin-top:16px;border-top:1px solid var(--border-subtle);padding-top:12px}.correction-manager summary{cursor:pointer;color:var(--color-ink-50);font-size:11px}
.state-options>div{display:flex;flex-wrap:wrap;gap:7px}.state-options button{padding:6px 12px;border:0;border-radius:999px;background:rgba(26,27,25,.06);color:var(--color-ink-70);font-size:12px}.state-options button.active{background:var(--color-ink);color:#fff}.revoke-approval{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-subtle)}.revoke-approval .link-button{font-size:10px;text-align:left}
.admin-switch-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border-subtle);cursor:pointer}.admin-switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;width:34px;height:20px;flex:none;border-radius:999px;background:rgba(26,27,25,.18);transition:background var(--dur-base)}.switch-ui:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left var(--dur-base)}.admin-switch-row input:checked+.switch-ui{background:var(--color-red)}.admin-switch-row input:checked+.switch-ui:after{left:16px}.admin-switch-row strong{font-size:13px;font-weight:500}.setting-panel{margin:12px 0 4px}.setting-panel.hidden,.expiry-date.hidden{display:none}.setting-panel input{margin:0;font-size:12px}.expiry-choices{margin-bottom:9px}.expiry-choices label span{height:34px;font:11.5px var(--font-mono)}.settings-note{margin:8px 0 0;color:var(--color-ink-30);font:11px var(--font-mono)}.save-state{display:block;min-height:14px;margin-top:7px;color:var(--color-ink-30);font:9px var(--font-mono);text-align:right}
.version-upload-page{width:min(620px,calc(100% - 40px));margin:0 auto;padding:56px 0 96px}.version-upload-page h1{margin-bottom:10px;font-size:28px}.version-upload-page>p{margin-bottom:32px;font-size:15px}.version-upload-page form{display:grid;gap:16px}.version-drop-zone{position:relative;min-height:220px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed var(--border-strong);border-radius:8px;background:#fff;text-align:center;cursor:pointer}.version-drop-zone .upload-icon{font-size:28px;color:var(--color-ink-50)}.version-drop-zone strong{font-size:18px;font-weight:500}.version-drop-zone>span:last-of-type{color:var(--color-ink-50);font-size:13px}.version-drop-zone em{color:var(--color-red);font-style:normal}.version-drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-page-header{grid-template-columns:auto 1px auto 1fr}
.version-upload-page [data-upload-submit]{display:none}.version-upload-page [data-upload-submit].visible{display:flex}
.shell:has(.new-project-page),.shell:has(.version-upload-page),.shell:has(.edit-project-page){width:100%;max-width:none;padding:0}.new-project-form{width:min(500px,calc(100% - 40px));margin:0 auto;padding:56px 0 96px}.new-project-form h1{font-size:28px;margin-bottom:32px}.new-project-form .field{display:grid;gap:7px}.new-project-form .field>span:first-child,.expiry-field legend{font-size:12.5px;font-weight:500}.new-project-form em{margin-left:5px;color:var(--color-ink-30);font-style:normal;font-weight:400}.expiry-field{min-width:0;margin:0;padding:0;border:0}.expiry-field legend{margin-bottom:7px}.expiry-field .segmented label{flex:1}.drop-zone{position:relative;min-height:98px;padding:20px;display:grid;place-items:center;align-content:center;gap:6px;border:1px dashed var(--border-strong);background:#fff;color:var(--color-ink-50);font-size:11px;text-align:center}.drop-zone b{font-size:22px;font-weight:400;color:var(--color-ink)}.drop-zone u{color:var(--color-red);text-decoration:none}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone.compact{min-height:72px}.new-project-form>.form-stack>.btn{margin-top:4px}.edit-project-page .project-poster{max-height:220px;margin:0;border-radius:4px}.edit-project-page .form-actions{justify-content:flex-end}
.embed-page{width:min(1160px,calc(100% - 64px));max-width:none;margin:0 auto;padding:40px 0 96px}.embed-page .section-intro{max-width:640px;margin-bottom:28px}.embed-page .section-intro h1{font-size:24px}.embed-builder{display:grid;grid-template-columns:352px 1fr;gap:32px;align-items:start}.embed-options{display:grid;gap:22px;padding:22px}.embed-options .kicker{margin:0 0 9px}.segmented{display:flex}.segmented button,.segmented label{flex:1}.segmented button,.segmented label span{height:38px;display:grid;place-items:center;border:1px solid var(--border-default);background:#fff;font-size:11px}.segmented button.active,.segmented input:checked+span{background:var(--color-ink);color:#fff}.segmented input{display:none}.switch-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.switch-row input{appearance:none;width:34px;height:20px;flex:none;border:0;border-radius:999px;background:var(--color-ink-15);position:relative}.switch-row input:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;transition:left var(--dur-fast)}.switch-row input:checked{background:var(--color-red)}.switch-row input:checked:after{left:16px}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:12px}.switch-row small{color:var(--color-ink-50);font-size:10px}.domains-field textarea{height:74px;min-height:74px;font:11px var(--font-mono)}
.embed-preview-head{display:flex;align-items:center;gap:12px}.browser-preview{background:#fff;padding:0 26px 26px;box-shadow:var(--shadow-1)}.browser-chrome{height:56px;display:flex;align-items:center;gap:7px;color:var(--color-ink-50)}.browser-chrome i{width:8px;height:8px;border-radius:50%;background:var(--color-ink-15)}.browser-chrome span{margin-left:8px;font-size:9px}.embed-result .embed-frame{width:100%}.code-card{margin-top:18px;padding:18px;background:#fff;border-radius:8px}.code-card>div{display:flex;justify-content:space-between}.code-card pre{padding:14px;white-space:pre-wrap;word-break:break-all;background:var(--color-bone);font:10px/1.6 var(--font-mono)}.code-card p{font-size:10px}
.domain-editor{padding:8px;border:1px solid var(--border-default);border-radius:4px;background:var(--color-bone)}.domain-tags{display:flex;flex-wrap:wrap;gap:6px}.domain-tags button{padding:5px 8px;border:0;border-radius:999px;background:var(--color-ink);color:#fff;font:10px var(--font-mono)}.domain-editor>input{margin-top:7px;padding:5px 3px;border:0;box-shadow:none;background:transparent;font-size:11px}.code-kind{width:230px;margin:18px 0 0}.code-kind button{border:1px solid var(--border-default);background:#fff}.code-kind button.active{background:var(--color-ink);color:#fff}.code-card.hidden{display:none}
.custom-ratio{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;padding:12px;background:var(--color-bone);border:1px solid var(--border-subtle);border-top:0}.custom-ratio.hidden{display:none}.custom-ratio label{display:grid;gap:5px;color:var(--color-ink-50);font-size:10px}.custom-ratio input{padding:8px 9px;background:#fff;font:12px var(--font-mono)}.custom-ratio b{padding-bottom:9px;font-weight:500}.custom-ratio small{grid-column:1/-1;color:var(--color-ink-50);font-size:10px}
.form-error{margin:0;padding:10px 12px;border-left:3px solid var(--color-red);background:rgba(187,39,44,.06);color:var(--color-red)}
.retention-field{display:grid;gap:10px;padding:14px!important;border:1px solid var(--border-subtle)!important;background:#fff}.retention-field .segmented{margin-bottom:2px}.retention-field>label{display:grid;gap:6px}.retention-field>p{margin:0;color:var(--color-ink-50);font-size:10px}.retention-badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--color-ink-08);color:var(--color-ink-50);font:9px var(--font-mono);white-space:nowrap}.retention-due{background:rgba(187,39,44,.1);color:var(--color-red)}.retention-soon{background:rgba(208,102,51,.12);color:#a8501f}.retention-permanent{background:rgba(26,27,25,.08);color:var(--color-ink)}
.retention-days.hidden,.retention-date.hidden{display:none}.upload-progress{display:grid;gap:7px;margin-top:-8px}.upload-progress[hidden]{display:none}.upload-progress>div{height:5px;overflow:hidden;border-radius:999px;background:var(--color-ink-08)}.upload-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--color-red);transition:width 120ms linear}.upload-progress>span{color:var(--color-ink-50);font:10px var(--font-mono)}
.cleanup-alert{width:min(1160px,calc(100% - 64px));margin:24px auto -16px;padding:13px 16px;display:flex;align-items:center;gap:12px;border-left:3px solid var(--color-orange);background:#fff;box-shadow:var(--shadow-1);font-size:12px}.cleanup-alert span{color:var(--color-ink-50)}.cleanup-alert a{margin-left:auto;color:var(--color-red)}.cleanup-alert-due{border-left-color:var(--color-red)}
.retention-card .retention-title{display:block;margin-bottom:8px}.retention-card>small{display:block;margin:10px 0 16px;color:var(--color-ink-50);font-size:9px}.danger-zone{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle)}.danger-zone summary{cursor:pointer;color:var(--color-red);font-size:10px}.danger-zone form{display:grid;gap:10px;margin-top:12px}.danger-zone label{display:grid;gap:6px;color:var(--color-ink-50);font-size:10px}.btn-danger{background:var(--color-red);color:#fff}
.access-layout{min-height:100vh;display:grid;place-items:center;position:relative;padding:48px 32px;background:#0d0d0c center/cover no-repeat;overflow:hidden}.access-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,13,12,.5),rgba(13,13,12,.82))}.access-panel{position:relative;width:min(396px,calc(100% - 32px));padding:32px;background:#fff;border-radius:8px;box-shadow:0 12px 32px rgba(26,27,25,.24)}.access-panel>img{width:28px;height:28px;margin-bottom:22px}.access-panel .kicker{margin-bottom:8px}.access-panel h1{font-size:22px;margin-bottom:10px}.access-panel>p{margin-bottom:24px;font-size:14px;line-height:1.6}.gate-form input{margin:0 0 12px;padding:12px 13px;font:14px var(--font-mono);letter-spacing:.08em}.gate-form .errorlist{margin:0 0 10px}.access-panel>small{display:block;margin-top:20px;color:var(--color-ink-30);font-size:11.5px;line-height:1.55}
.delivery-app{min-height:100vh;background:var(--color-bone)}.delivery-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid var(--border-subtle)}.delivery-main{width:min(920px,calc(100% - 64px));margin:0 auto;padding:56px 0 96px}.delivery-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--color-orange);font:500 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.delivery-main h1{font-size:36px;margin-bottom:12px}.delivery-lead{max-width:620px;font-size:16px;line-height:1.65}.delivery-expiry{margin:0 0 40px;color:var(--color-ink-50);font-size:11.5px}.delivery-card{overflow:hidden;background:#fff;border-radius:8px;box-shadow:var(--shadow-1)}.delivery-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.delivery-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--color-bone);border-radius:4px}.delivery-row strong{font-size:14.5px;font-weight:500}.delivery-row small{display:block;margin-top:3px;color:var(--color-ink-50);font-size:11.5px}.delivery-card footer{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--color-bone);color:var(--color-ink-50);font:11.5px var(--font-mono)}

@media(max-width:900px){
  .shell{width:min(100% - 32px,720px);padding-top:28px}
  .admin-layout,.integration-grid{grid-template-columns:1fr}
  .admin-side{position:static}
  .project-table-head{display:none}
  .project-dashboard-table .project-row{grid-template-columns:1fr auto;padding:14px}.project-dashboard-table .project-row>span:nth-child(2),.project-dashboard-table .project-row>span:nth-child(3),.project-dashboard-table .project-row>time{display:none}.project-dashboard-table .project-row>span:nth-child(4){display:none}
  .embed-builder{grid-template-columns:1fr}.embed-options{max-width:none}
  .project-page-header{grid-template-columns:auto 1px 1fr auto;padding:0 16px}.project-page-header .mono,.project-page-header>div,.project-page-header .btn{display:none}
  .project-tab{grid-template-columns:1fr;margin-top:24px}.project-tab .current-version{grid-template-columns:1fr}.project-tab .video-thumb{width:100%}
  .review-app{height:auto;min-height:100vh;overflow:visible}
  .review-topbar{height:auto;min-height:56px;flex-wrap:wrap;padding:10px 16px}
  .review-brand strong{max-width:210px}
  .archive-badge,.approved-badge{order:5;width:100%;text-align:center}
  .review-workspace{display:flex;flex-direction:column}
  .video-workspace{padding:14px 14px 0;position:sticky;top:0;z-index:20;background:var(--color-bone)}
  .video-player{height:auto}.video-stage{position:relative;top:auto;translate:none;max-height:none}.timeline-wrap,.player-controls{position:static}
  .comments-sidebar{border-left:0;border-top:1px solid var(--border-subtle);min-height:420px}
  .comments-scroll{overflow:visible}
  .player-volume{display:none}
  .auth-layout{grid-template-columns:1fr}
  .auth-mark,.access-visual{min-height:34vh}
  .auth-card{width:min(100% - 40px,440px);padding:36px 0}.access-panel{padding:28px}
  .delivery-main{padding-top:42px}.delivery-row{grid-template-columns:38px 1fr}.delivery-row .btn{grid-column:2;width:max-content}
}
@media(max-width:560px){
  .topbar{padding:0 16px}.topnav a{display:none}
  .page-heading,.project-head{align-items:flex-start;flex-direction:column}
  .page-heading .btn{width:100%}
  .project-head h1{font-size:36px}
  .current-version{grid-template-columns:1fr}
  .video-thumb{width:100%}
  .stats{gap:26px}
  .card{padding:18px}
  .form-card{padding:20px}
  .review-brand span,.review-brand i{display:none}
  .review-brand strong{max-width:145px}
  .review-spacer{display:none}
  .version-menu{margin-left:auto}
  .review-topbar form{width:100%}.review-topbar form .btn{width:100%}
  .player-controls{gap:7px}.player-button[data-mute],.rate-button{display:none}
  .review-composer{left:10px!important;right:10px!important;bottom:10px;width:auto}
  .client-downloads{flex-direction:column;padding:42px 20px}
}