:root{color:#342923;font-synthesis:none;--terra:#a6533b;--ink:#342923;--muted:#78685e;--cream:#fffaf3;--line:#d8c8ba;background:#f2ebe2;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 2%,#e4cbb7 0,#0000 27%),#f2ebe2;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit;color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #54756a}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf3dc;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(16px,4vw,64px);display:flex}.brand-lockup{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-lockup>span{background:var(--terra);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font:700 20px Georgia,serif;display:grid}.brand-lockup strong{font:700 19px Georgia,serif}.brand-lockup small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font:600 9px Inter,sans-serif;display:block}.mock-note{color:var(--muted);font-size:11px}main{width:min(1400px,100% - 40px);margin:auto;padding:52px 0 80px}.studio-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.studio-heading h1{letter-spacing:-.035em;margin:0;font:700 clamp(38px,5vw,68px)/.98 Georgia,serif}.studio-heading>p{max-width:430px;color:var(--muted);line-height:1.6}.eyebrow{color:var(--terra);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:800}.controls{border:1px solid var(--line);background:#fffaf3;border-radius:16px;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin:42px 0 18px;padding:15px;display:grid}.controls label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.controls select{border:1px solid var(--line);text-transform:capitalize;background:#fff;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.summary{border-block:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin-bottom:18px;display:grid}.summary div{border-right:1px solid var(--line);padding:15px}.summary div:last-child{border:0}.summary strong,.summary span{display:block}.summary strong{font:700 27px Georgia,serif}.summary span{color:var(--muted);text-transform:capitalize;font-size:10px}.feed-comparison{grid-template-columns:1fr 1fr;gap:18px;display:grid}.feed-column{border:1px solid var(--line);background:#fffaf3;border-radius:18px;padding:18px}.feed-column>header{justify-content:space-between;align-items:start;gap:12px;min-height:60px;display:flex}.feed-column h2,.drawer h2{margin:0;font:700 28px Georgia,serif}.feed-column header>small{max-width:150px;color:var(--muted);text-align:right;font-size:9px}.feed-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.feed-tile{min-width:0}.tile-visual{aspect-ratio:1;cursor:pointer;text-align:left;background:#d4b59c;border:2px solid #bda997;border-radius:9px;width:100%;padding:0;position:relative;overflow:hidden}.feed-tile.reel .tile-visual{border-color:var(--terra);border-width:3px}.feed-tile.carousel .tile-visual{box-shadow:4px 4px #8b806d}.tile-visual:after{content:"";background:linear-gradient(#0000,#2e211fbb);position:absolute;inset:35% 0 0}.tone-sunset{background:linear-gradient(145deg,#ecc19b,#a85c43 58%,#566e68)}.tone-sea{background:linear-gradient(145deg,#b9d5cf,#638f89 60%,#d3a17e)}.tone-linen{background:linear-gradient(145deg,#eadcc8,#bca58d 60%,#756456)}.tone-olive{background:linear-gradient(145deg,#c6c6a0,#74765d 60%,#493f35)}.tone-clay{background:linear-gradient(145deg,#dc9c79,#9d503a 60%,#56392f)}.tone-cream{background:linear-gradient(145deg,#fff1d8,#d2b58e 60%,#826957)}.tone-empty{background:repeating-linear-gradient(135deg,#f0e6da,#f0e6da 8px,#e9ddd0 8px 16px)}.content-type{z-index:2;color:var(--ink);letter-spacing:.06em;background:#fffaf2;border-radius:6px;padding:5px 7px;font-size:7px;font-weight:900;position:absolute;top:8px;left:8px}.reel .content-type{background:var(--terra);color:#fff}.asset-placeholder{z-index:2;text-align:center;flex-direction:column;justify-content:center;padding:32px 10px 25px;display:flex;position:absolute;inset:0}.asset-placeholder b{font:700 clamp(10px,1.1vw,14px) Georgia,serif}.asset-placeholder small{color:var(--muted);margin-top:4px;font-size:8px}.tile-meta{z-index:2;color:#fff;position:absolute;bottom:8px;left:9px;right:9px}.tone-empty .tile-meta{color:var(--ink)}.tile-meta b,.tile-meta small{display:block}.tile-meta b{font:700 clamp(9px,1vw,13px) Georgia,serif}.tile-meta small{text-transform:capitalize;margin-top:3px;font-size:8px}.move-actions{justify-content:space-between;gap:3px;margin:4px 0 7px;display:flex}.move-actions button{color:#64544b;cursor:pointer;background:#eaded2;border:0;border-radius:5px;flex:1;min-height:30px;font-size:8px}.empty-feed{color:var(--muted);text-align:center;grid-column:1/-1;padding:40px 15px}.drawer-backdrop{z-index:10;background:#35251e73;border:0;position:fixed;inset:0}.drawer{z-index:11;background:var(--cream);width:min(560px,100%);height:100dvh;position:fixed;top:0;right:0;overflow:auto;box-shadow:-20px 0 60px #30201933}.drawer>header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf3ee;justify-content:space-between;padding:20px;display:flex;position:sticky;top:0}.close-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:42px;height:42px;font-size:24px}.drawer-body{padding:0 22px 40px}.drawer section{border-bottom:1px solid var(--line);padding:22px 0}.drawer h3{color:var(--terra);margin:0 0 14px;font:700 17px Georgia,serif}.drawer p{color:#5f5048;line-height:1.55}.drawer dl{grid-template-columns:1fr 1fr;gap:13px;display:grid}.drawer dl div{background:#f0e5d9;border-radius:9px;padding:10px}.drawer dt{color:var(--muted);text-transform:uppercase;font-size:9px}.drawer dd{text-transform:capitalize;margin:4px 0 0}.asset-pair{grid-template-columns:1fr 1fr;gap:9px;display:grid}.asset-preview{aspect-ratio:1;color:#fff;border-radius:10px;flex-direction:column;justify-content:end;padding:12px;display:flex}.asset-preview.tone-empty{color:var(--ink)}.asset-preview small{text-transform:uppercase}.asset-preview b{margin-top:4px;font:700 13px Georgia,serif}.status-line{text-transform:capitalize;background:#eee2d5;border-radius:8px;justify-content:space-between;padding:10px;display:flex}.hashtags{color:var(--terra)!important}.history{margin:0;padding:0;list-style:none}.history li{border-left:2px solid #b8755d;padding:10px 0 10px 14px}.history time{color:var(--muted);margin-top:4px;font-size:10px;display:block}@media (width<=900px){.feed-comparison{grid-template-columns:1fr}.studio-heading{flex-direction:column;align-items:start}.controls{grid-template-columns:1fr 1fr}.summary{grid-template-columns:repeat(5,1fr)}}@media (width<=520px){.mock-note{display:none}main{width:calc(100% - 20px);padding-top:32px}.studio-heading>p{font-size:14px}.controls{grid-template-columns:1fr 1fr;margin-top:28px;padding:10px}.summary{overflow-x:auto}.summary div{min-width:92px}.feed-column{padding:10px}.feed-column>header{min-height:68px}.feed-column header>small{max-width:110px}.feed-grid{gap:4px}.move-actions button{min-height:38px;font-size:8px}.drawer{width:100%}.drawer-body{padding-inline:15px}}.controls label,.controls select,.feed-column,.feed-column>header>*{min-width:0}.move-actions button{min-width:0;padding-inline:2px}.comparison-index{z-index:2;color:#fff;background:#342923b8;border:1px solid #fff9;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.tone-empty .comparison-index{color:var(--ink);background:#fffaf2;border-color:#8f7968}.header-actions,.form-actions,.danger-actions{align-items:center;gap:9px;display:flex}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:999px;min-height:40px;padding:9px 15px;font-weight:750}.primary-button{border:1px solid var(--terra);background:var(--terra);color:#fff}.secondary-button{border:1px solid var(--line);background:var(--cream)}.danger-button{color:#8c352d;background:#fff5ef;border:1px solid #9d4237}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.modal-layer{z-index:30;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-layer .drawer-backdrop{z-index:0}.quick-dialog{z-index:1;border:1px solid var(--line);background:var(--cream);border-radius:20px;width:min(460px,100%);max-height:calc(100dvh - 36px);padding:26px;position:relative;overflow:auto;box-shadow:0 25px 80px #34231d44}.quick-dialog h2,.empty-brand h2{margin:0;font:700 30px Georgia,serif}.form-intro{color:var(--muted);line-height:1.5}.quick-dialog>label,.form-grid>label,.manual-update label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.quick-dialog label span,.form-grid label span{text-transform:none;font-weight:500}.quick-dialog input,.quick-dialog select,.form-grid input,.form-grid select,.form-grid textarea,.manual-update input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;margin-top:6px;padding:10px;display:block}.quick-dialog>label{margin-top:16px}.content-dialog{width:min(680px,100%)}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.full-field{grid-column:1/-1}.form-grid fieldset{border:1px solid var(--line);border-radius:8px;margin:0;padding:10px}.form-grid legend{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.check-label{align-items:center;gap:7px;margin-right:18px;text-transform:capitalize!important;display:inline-flex!important}.check-label input{width:auto!important;margin:0!important}.form-actions{justify-content:flex-end;margin-top:22px}.form-errors,.field-error{color:#8d382e;background:#fff0e8;border-radius:8px;padding:10px;font-size:12px}.form-errors p{margin:2px}.view-switch{gap:3px;margin:0 0 16px;display:flex}.view-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 13px}.view-switch button.active{background:var(--ink);color:#fff}.empty-brand{text-align:center;background:#fffaf380;border:1px dashed #bda996;border-radius:18px;padding:60px 24px}.empty-brand p{color:var(--muted)}.archive-list{gap:8px;display:grid}.archive-list>button{border:1px solid var(--line);background:var(--cream);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;gap:3px 12px;padding:16px;display:grid}.archive-list small{color:var(--muted);grid-column:2}.content-type-static{text-transform:uppercase;background:#eadccf;border-radius:6px;grid-row:1/3;align-self:center;padding:5px 7px;font-size:9px}.session-image,.asset-preview[style]{background-position:50%;background-size:cover}.editor-drawer{width:min(640px,100%)}.unsaved-mark{color:var(--terra);text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:800;display:inline-block}.drawer details{border-bottom:1px solid var(--line)}.drawer details>summary{color:var(--terra);cursor:pointer;padding:20px 0;font:700 17px Georgia,serif}.drawer details>.form-grid,.drawer details>.asset-pair,.drawer details>.manual-update,.drawer details>.history,.drawer details>.session-note{margin-bottom:20px}.form-grid textarea{resize:vertical;min-height:95px}.asset-preview{cursor:pointer;background-position:50%;background-size:cover;position:relative;overflow:hidden}.asset-preview input{width:calc(100% - 16px);font-size:9px;position:absolute;inset:auto 8px 8px}.session-note{color:var(--muted);font-size:10px}.manual-update{align-items:end;gap:8px;display:flex}.manual-update label{flex:1}.history small{color:var(--muted);margin-top:3px;display:block}.danger-actions{justify-content:space-between;padding:22px 0}.drawer-footer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf3f2;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex;position:sticky;bottom:0}@media (width<=700px){.header-actions .secondary-button{display:none}.header-actions .primary-button{padding-inline:12px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.quick-dialog{padding:20px}.asset-pair{grid-template-columns:1fr 1fr}.editor-drawer .drawer-body{padding-inline:15px}.manual-update{flex-direction:column;align-items:stretch}.drawer-footer>*{flex:1}}@media (width<=420px){.brand-lockup strong{font-size:16px}.header-actions .primary-button{font-size:11px}.asset-preview{aspect-ratio:4/5}.quick-dialog{border-radius:0;max-height:100dvh}.modal-layer{padding:0}}input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #54756a}@media (width<=700px){.header-actions .secondary-button{padding-inline:9px;display:inline-flex}.topbar{padding-inline:10px}.header-actions{gap:5px}.brand-lockup small{display:none}}@media (width<=420px){.brand-lockup>span{width:34px;height:34px}.brand-lockup strong{font-size:14px}.header-actions .primary-button,.header-actions .secondary-button{min-height:38px;padding-inline:8px;font-size:10px}}.auth-page{background:#eee9df;place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:#fff;border:1px solid #d7d0c3;width:min(440px,100%);padding:2.5rem;box-shadow:0 18px 55px #413a2d18}.auth-card .brand-lockup{margin-bottom:3rem}.auth-card form{gap:1rem;margin-top:2rem;display:grid}.auth-card label{gap:.45rem;display:grid}.auth-card input{border:1px solid #bbb3a5;padding:.8rem}.auth-card .primary-button{margin-top:.5rem}.text-button{cursor:pointer;color:inherit;background:0 0;border:0;text-decoration:underline}.auth-message,.error-banner{color:#7a2d18;background:#f4e7df;padding:.8rem 1rem}.error-banner{margin-bottom:1rem}