:root{color:#0a0a0a;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;letter-spacing:0}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0}.signin,.client-app{--bg: #ffffff;--ink: #0a0a0a;--muted: #767676;--dim: #b8b8b8;--rule: #ececec;--rule-strong: #d8d8d8;--field: #ffffff;--soft: #f7f7f7;--inverse: #ffffff;min-height:100vh;color:var(--ink);background:var(--bg)}.signin[data-theme=dark],.client-app[data-theme=dark]{--bg: #0a0a0a;--ink: #f4f4f4;--muted: #929292;--dim: #4e4e4e;--rule: #202020;--rule-strong: #303030;--field: #111111;--soft: #111111;--inverse: #0a0a0a}.wordmark{color:var(--ink);font-size:14px;font-weight:500;text-transform:lowercase}.wordmark:before{content:"[";margin-right:5px;color:var(--muted);font-weight:300}.wordmark:after{content:"]";margin-left:5px;color:var(--muted);font-weight:300}.eyebrow,.group-label,.project-row .round,.project-row .status,.cover .top,.cover .foot,.metadata-list dt,.sync-state span,.readonly-pill,.client-line,.round-pill,.status-section h2,.reviewer-row .state,.history-row .h-round,.shot-num,.thread-label,.footnote{font-size:11px;font-weight:500;text-transform:uppercase}.signin{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:80px 24px}.signin-top{position:absolute;top:24px;right:32px;left:32px;display:flex;align-items:center;justify-content:flex-end}.door{display:grid;width:min(320px,100%);gap:28px;text-align:center}.door .mark{font-size:28px}.door label,.app-header label,.proj-header label,.detail-tools label,.settings-form label{display:grid;gap:8px;text-align:left}.door label span,.app-header label span,.proj-header label span,.detail-tools label span,.settings-form label span{color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase}.door input,.app-header select,.proj-header select,.detail-tools select,.composer textarea,.settings-form input{width:100%;min-height:42px;border:0;border-bottom:1px solid var(--rule-strong);outline:none;color:var(--ink);background:transparent}.door input:focus,.app-header select:focus,.proj-header select:focus,.detail-tools select:focus,.composer textarea:focus,.settings-form input:focus{border-bottom-color:var(--ink)}.door .submit,.primary-action{min-height:46px;padding:0 18px;color:var(--inverse);background:var(--ink);cursor:pointer}.footnote{position:absolute;right:0;bottom:24px;left:0;color:var(--dim);text-align:center}.app-header,.proj-header{display:flex;align-items:center;gap:24px;padding:18px 40px;border-bottom:1px solid var(--rule);background:var(--bg)}.app-header{position:sticky;top:0;z-index:10}.app-header .left,.app-header .right,.proj-header .left,.proj-header .right,.nav,.theme-toggle,.text-action,.sync-state,.frame-actions,.round-actions,.btn-text,.pager,.pager .arrow,.board-foot-actions,.archive-notice,.closer,.nav-arrows,.nav-arrows button,.detail-tools,.composer .row,.composer .as,.composer .send{display:flex;align-items:center}.app-header .left,.proj-header .left{gap:32px}.app-header .right,.proj-header .right{gap:18px;margin-left:auto;color:var(--muted)}.nav{gap:8px}.nav button,.theme-toggle,.text-action,.crumb button,.btn-text,.pager .arrow,.nav-arrows button,.closer{color:var(--muted);background:transparent;cursor:pointer}.nav button{padding:6px 8px}.nav button.active,.nav button:hover,.theme-toggle:hover,.text-action:hover,.crumb button:hover,.closer:hover{color:var(--ink)}.theme-toggle{min-height:32px;gap:7px;padding:0 10px;border:1px solid var(--rule-strong)}.app-header select,.proj-header select{min-width:160px;color:var(--muted)}.avatar,.av{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rule-strong);color:var(--ink);font-size:11px}.avatar{width:30px;height:30px}.av{width:32px;height:32px;flex:0 0 auto}.projects,.cover-shell{width:min(1120px,calc(100vw - 64px));margin:0 auto}.projects{padding:56px 0 80px}.settings-body{width:min(980px,calc(100vw - 64px));margin:0 auto;padding:56px 0 80px}.settings-panel{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(320px,1.15fr);gap:72px;align-items:start}.settings-meta{display:grid;gap:18px}.settings-meta h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:54px;font-weight:300;line-height:1.04}.settings-meta p{margin:0;color:var(--muted);line-height:1.6}.settings-meta .settings-hint{padding-top:18px;border-top:1px solid var(--rule);color:var(--ink);font-size:12px}.settings-form{display:grid;gap:24px}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:12px}.projects h1{margin:0 0 32px;color:var(--muted);font-size:13px;font-weight:400;text-transform:uppercase}.group-label{margin:48px 0 4px;padding-bottom:12px;border-bottom:1px solid var(--rule);color:var(--muted)}.group-label:first-of-type{margin-top:0}.project-row{display:grid;width:100%;grid-template-columns:1fr 1.1fr .85fr .55fr .75fr;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule);color:inherit;text-align:left;background:transparent;cursor:pointer}.project-row:hover{background:var(--soft)}.project-row .name{font-size:16px;font-weight:500}.project-row .client,.project-row .creative,.project-row .round,.project-row .status.muted{color:var(--muted)}.project-row .creative{font-size:13px;font-style:italic}.project-row .status{color:var(--ink);text-align:right}.cover-shell{display:grid;gap:18px;padding:32px 0 64px}.text-action{width:fit-content;gap:6px;padding:0}.cover{display:flex;min-height:760px;flex-direction:column;padding:28px 56px 40px;border:1px solid #ececec;color:#0a0a0a;background:#fff}.cover-button{width:100%;cursor:pointer;text-align:inherit}.cover-button:hover{border-color:#0a0a0a}.cover-button:focus-visible{outline:1px solid #0a0a0a;outline-offset:3px}.cover .wordmark,.cover .wordmark:before,.cover .wordmark:after{color:#0a0a0a}.cover .top,.cover .foot{display:flex;align-items:center;justify-content:space-between;color:#8a8a8a}.cover .body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:52px;text-align:center}.cover .client-mark{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:300;text-transform:uppercase}.cover .client-mark span{display:block;margin-top:8px;color:#6a6a6a;font-family:Inter,system-ui,sans-serif;font-size:11px}.cover .campaign{max-width:14ch;font-family:Georgia,Times New Roman,serif;font-size:76px;font-weight:300;line-height:1.04}.cover .credits{display:grid;gap:8px;color:#4a4a4a}.cover .credits span,.cover .foot span{margin-right:8px;color:#8a8a8a;font-size:11px;text-transform:uppercase}.cover .foot{align-items:flex-end;padding-top:18px;border-top:1px solid #ececec}.cover .foot>div{display:grid;gap:4px}.cover .foot .right{text-align:right}.proj-shell{display:flex;min-height:100vh;flex-direction:column}.crumb{color:var(--muted);font-size:12px}.crumb button{padding:0}.crumb .sep{margin:0 10px;color:var(--dim)}.crumb .current{color:var(--ink)}.organization{font-size:12px}.proj-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:32px;padding:32px 40px 24px;border-bottom:1px solid var(--rule)}.proj-subhead .meta-left{display:flex;flex-direction:column;gap:6px}.client-line,.round-pill .sub,.credits-line{color:var(--muted)}.campaign-line{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:300;line-height:1.1}.credits-line{font-size:12px;font-style:italic}.round-pill{color:var(--ink);text-align:right}.round-pill .sub{display:block;margin-top:4px;font-weight:400}.status-body{width:min(1100px,calc(100vw - 80px));margin:0 auto;padding:40px 0 72px}.status-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:64px}.status-section h2{margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--rule);color:var(--muted)}.reviewers-list{display:grid}.reviewer-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--rule)}.reviewer-row .who,.history-row .h-meta{display:flex;min-width:0;flex-direction:column;gap:2px}.reviewer-row .name,.history-row .h-state{color:var(--ink);font-size:14px;font-weight:500}.reviewer-row .role,.reviewer-row .activity,.history-row .h-detail,.history-row .h-date{color:var(--muted);font-size:11px}.reviewer-row .activity,.reviewer-row .state{text-align:right}.reviewer-row .state{min-width:92px;color:var(--ink)}.reviewer-row .state.muted{color:var(--muted);font-weight:400}.round-actions{flex-wrap:wrap;gap:12px;margin-top:32px}.btn-text{min-height:44px;gap:8px;justify-content:center;padding:0 20px;border:1px solid var(--ink);color:var(--ink);font-size:12px;text-transform:uppercase}.btn-text.primary,.btn-text.is-active{color:var(--inverse);background:var(--ink)}.btn-text.ghost{border-color:var(--rule-strong);color:var(--muted)}.btn-text:disabled,.pager .arrow:disabled,.nav-arrows button:disabled{cursor:not-allowed;opacity:.45}.history-row{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule);color:inherit}.history-row .h-round{color:var(--muted)}.status-section-spacer{margin-top:40px!important}.sync-state{flex-wrap:wrap;gap:10px;margin-top:28px;color:var(--muted)}.sync-state p{margin:0}.sync-state button{display:inline-flex;min-height:32px;align-items:center;gap:6px;padding:0 10px;color:var(--muted);background:transparent;border:1px solid var(--rule-strong);cursor:pointer}.sync-state[data-state=error] span{color:var(--ink)}.variant-tabs{display:grid;width:min(1100px,calc(100vw - 80px));grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:24px auto 0;background:var(--rule)}.variant-tabs button{display:grid;gap:5px;min-height:76px;padding:14px;color:var(--ink);text-align:left;background:var(--bg);cursor:pointer}.variant-tabs button[data-active=true]{background:var(--soft)}.variant-tabs span{color:var(--muted);font-size:12px}.board-body{width:min(1100px,calc(100vw - 80px));margin:0 auto;padding:32px 0 24px}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.frame-card{display:flex;min-width:0;flex-direction:column;gap:12px;color:inherit;text-align:left;background:transparent;cursor:pointer}.frame-card:hover .frame-img{border-color:var(--ink)}.frame-img{position:relative;display:grid;overflow:hidden;width:100%;aspect-ratio:4 / 3;place-items:center;border:1px solid var(--rule);color:var(--muted);background:var(--soft)}.frame-img img,.detail-img img{display:block;width:100%;height:100%;object-fit:contain}.frame-img .num,.frame-img .badge{position:absolute;left:12px;color:#fff;background:#0a0a0a;font-size:11px;font-weight:500;text-transform:uppercase}.frame-img .num{top:10px;padding:4px 7px}.frame-img .badge{right:12px;bottom:10px;left:auto;padding:4px 8px}.frame-cap .shot{margin-bottom:4px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.frame-cap .desc{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:400;line-height:1.45}.frame-cap .meta{display:flex;gap:14px;margin-top:8px;color:var(--muted);font-size:11px}.frame-cap .meta span{display:inline-flex;align-items:center;gap:5px}.frame-cap .meta .has-comments{color:var(--ink);font-weight:500}.board-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:auto;padding:24px 40px 32px;border-top:1px solid var(--rule)}.pager{gap:16px;color:var(--muted);font-size:11px;text-transform:uppercase}.pager .current{color:var(--ink);font-variant-numeric:tabular-nums}.pager .arrow{min-height:34px;gap:6px;padding:0 12px;border:1px solid var(--rule-strong);color:var(--ink);font-size:11px;text-transform:uppercase}.board-foot-actions{flex-wrap:wrap;gap:12px}.archive-notice{width:min(1100px,calc(100vw - 80px));gap:8px;margin:22px auto 0;padding-bottom:14px;border-bottom:1px solid var(--rule);color:var(--muted);font-size:12px}.detail-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1fr) minmax(360px,420px)}.detail-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:72px 56px 56px;color:#fff;background:#0a0a0a}.detail-stage .closer{position:absolute;top:18px;left:24px;gap:6px;color:#ffffffad;font-size:11px;text-transform:uppercase}.detail-stage .closer:hover{color:#fff}.detail-tools{position:absolute;top:14px;right:24px;gap:12px}.detail-tools .theme-toggle,.detail-tools select{color:#fff;border-color:#ffffff38}.detail-tools label span{color:#ffffff94}.nav-arrows{position:absolute;top:70px;right:24px;gap:12px}.nav-arrows button{min-height:34px;gap:6px;padding:0 12px;border:1px solid rgba(255,255,255,.18);color:#ffffffb8;font-size:11px;text-transform:uppercase}.detail-img{display:grid;width:min(100%,820px);aspect-ratio:4 / 3;place-items:center;border:1px solid rgba(255,255,255,.12);color:#fff9;background:#111}.detail-panel{display:flex;min-height:100vh;flex-direction:column;border-left:1px solid var(--rule);background:var(--bg)}.detail-meta{padding:28px 28px 20px;border-bottom:1px solid var(--rule)}.shot-num{margin-bottom:8px;color:var(--muted)}.shot-title{margin-bottom:10px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500;line-height:1.2}.shot-desc{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:400;line-height:1.5}.detail-structured{display:grid;gap:16px;padding:20px 28px;border-bottom:1px solid var(--rule)}.metadata-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--rule)}.metadata-list div{padding:12px;background:var(--bg)}.metadata-list dt{color:var(--muted)}.metadata-list dd{margin:5px 0 0;color:var(--ink);font-size:14px;font-weight:500;line-height:1.35}.metadata-chips{display:grid;gap:8px}.metadata-chips>span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:500}.metadata-chips div{display:flex;flex-wrap:wrap;gap:8px}.metadata-chips button{min-height:32px;padding:0 10px;color:var(--ink);background:transparent;border:1px solid var(--rule);cursor:pointer}.metadata-chips small{color:var(--muted)}.frame-actions{flex-wrap:wrap;gap:10px}.approval-action,.change-action{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--rule-strong);color:var(--ink);background:transparent;cursor:pointer}.approval-action.is-active,.change-action.is-active{color:var(--inverse);background:var(--ink)}.approval-action:disabled,.change-action:disabled{cursor:not-allowed;opacity:.45}.thread{display:flex;flex:1;flex-direction:column;gap:22px;overflow-y:auto;padding:24px 28px}.thread-label{color:var(--muted)}.comment{display:grid;grid-template-columns:32px 1fr;gap:12px}.comment .body{display:grid;gap:6px}.comment .who{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;color:var(--muted);font-size:11px}.comment .name{color:var(--ink);font-size:13px;font-weight:500}.comment .text,.empty-comments{color:var(--ink);font-size:14px;line-height:1.45}.empty-comments{padding:12px;border:1px solid var(--rule);color:var(--muted)}.composer{display:grid;gap:14px;padding:20px 28px 24px;border-top:1px solid var(--rule)}.composer textarea{min-height:110px;resize:vertical;line-height:1.5}.composer .row{justify-content:space-between;gap:12px}.composer .as{gap:8px;color:var(--muted);font-size:12px}.composer .send{min-height:40px;gap:8px;padding:0 14px;color:var(--inverse);background:var(--ink);cursor:pointer}.panel-notice{width:auto;margin:20px 28px 0}@media(max-width:1040px){.app-header,.app-header .right,.proj-header,.proj-header .right,.proj-subhead,.status-grid,.board-foot{display:grid}.app-header .right,.proj-header .right{margin-left:0}.project-row{grid-template-columns:1fr;gap:7px}.project-row .status,.round-pill{text-align:left}.variant-tabs,.board-grid,.detail-shell,.settings-panel{grid-template-columns:1fr}.detail-panel{min-height:0;border-top:1px solid var(--rule);border-left:0}.detail-stage{min-height:70vh}}@media(max-width:680px){.projects,.cover-shell,.settings-body,.status-body,.variant-tabs,.board-body,.archive-notice{width:min(100vw - 28px,1120px)}.signin-top{right:18px;left:18px}.app-header,.proj-header,.proj-subhead,.board-foot{padding-right:18px;padding-left:18px}.cover{min-height:620px;padding:24px}.cover .campaign{font-size:48px}.cover .top,.cover .foot,.reviewer-row,.history-row,.metadata-list,.composer .row{display:grid}.reviewer-row .activity,.reviewer-row .state,.cover .foot .right{text-align:left}.round-actions,.board-foot-actions,.pager{align-items:stretch}.detail-stage{min-height:58vh;padding:118px 18px 32px}.detail-tools,.nav-arrows{right:18px;left:18px;justify-content:flex-end}.nav-arrows{top:72px}.detail-meta,.detail-structured,.thread,.composer{padding-right:18px;padding-left:18px}}
