:root{--paper:#f7f3eb;--cream:#fcfaf5;--sand:#ebe1d3;--champagne:#b69562;--ink:#312c27;--muted:#81786e;--line:rgba(87,70,52,.12);--white:#fffdf9}
body{background:var(--paper)}
.app-shell{grid-template-columns:224px 1fr}
.workspace-sidebar{padding:38px 24px 28px;background:rgba(252,250,245,.9);border-right:1px solid var(--line)}
.workspace-sidebar .brand small{color:var(--champagne);letter-spacing:.2em}
.workspace-badge{display:flex;align-items:center;gap:10px;margin-top:34px;padding:13px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,253,249,.72)}
.workspace-badge>span{width:7px;height:7px;border-radius:50%;background:#b69562;box-shadow:0 0 0 5px rgba(182,149,98,.1)}
.workspace-badge div{display:flex;flex-direction:column;gap:3px}.workspace-badge strong{font-size:12px;font-weight:500}.workspace-badge small{font:9px Georgia,serif;color:var(--muted);letter-spacing:.08em}
.workspace-sidebar nav{margin-top:48px;gap:6px}.workspace-sidebar nav button{padding:14px 12px;border-radius:10px;font-size:13px}.workspace-sidebar nav button.active{box-shadow:none;background:#fffdf9}
.account-panel{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}.account-panel span{grid-column:1/-1;color:var(--muted);font-size:10px}.account-panel strong{font-size:12px;font-weight:500}.account-panel button{border:0;background:none;color:var(--muted);font-size:11px;cursor:pointer}
main{display:flex;flex-direction:column;padding:44px clamp(28px,5vw,72px) 72px}header{margin-bottom:38px;padding-bottom:24px;border-bottom:1px solid var(--line)}header h1{margin-top:10px;font-size:36px}.kicker{letter-spacing:.14em}
.site-footer{width:100%;margin-top:auto;padding:64px 0 0;text-align:center;font-size:11px;line-height:1.6}.site-footer a{color:rgba(49,44,39,.48);text-decoration:none;transition:color .2s ease}.site-footer a:hover,.site-footer a:focus-visible{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.login-shell{grid-template-rows:minmax(0,1fr) auto}.login-shell .site-footer{padding:28px 0 0}
.works-layout{gap:20px}.work-create,.works-list,.asset-surface,.photographer-surface{background:rgba(255,253,249,.72);border:1px solid var(--line);box-shadow:none}
.brand-surface,.photographer-surface{max-width:1040px}.brand-choice{border-radius:10px}.asset-tile{border-radius:8px}
body.mode-hero .photographer-surface{display:none}body.mode-photographer .brand-surface{display:none}
body.mode-photographer .photographer-surface{margin-top:0}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.workspace-sidebar{height:78px}.workspace-badge,.account-panel{display:none}.workspace-sidebar nav{margin:0}.workspace-sidebar nav button{font-size:12px}main{padding-top:28px}}