:root{--ink: #1c241e;--muted: #5d675f;--paper: #f3eee4;--card: #fffaf3;--line: #ddd4c4;--forest: #2c4a38;--brass: #b0894a;--warn: #8a4b12;--ok: #2c4a38;--shadow: 0 24px 60px rgba(28, 36, 30, .08);--rail: 17.5rem;font-family:Outfit,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root,.app{margin:0;min-height:100%}body{background:radial-gradient(1200px 500px at 10% -10%,rgba(212,186,140,.28),transparent 55%),radial-gradient(900px 420px at 100% 0%,rgba(44,74,56,.08),transparent 50%),var(--paper)}img{max-width:100%;display:block}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:0 0 .6rem}h1{font-size:clamp(1.8rem,3.4vw,2.7rem)}p{margin:0 0 1rem;color:var(--muted)}a{color:var(--forest)}button,input,select,textarea{font:inherit}.app{min-height:100vh}.studio-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.4rem;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(28,36,30,.05)}.studio-brand{display:flex;align-items:center;gap:1.1rem;min-width:0}.studio-mark{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--forest);text-decoration:none}.studio-customer strong{display:block;font-size:.92rem;line-height:1.2}.studio-customer span{display:block;color:var(--muted);font-size:.75rem}.studio-actions{display:flex;align-items:center;gap:.7rem}.save-pill{font-size:.75rem;color:var(--muted)}.workshop{width:min(100% - 2rem,92rem);margin:0 auto;padding:1.2rem 0 3rem}.eyebrow{margin:0 0 .55rem;color:var(--brass);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.empty-card,.card,.start-card{background:var(--card);border:1px solid rgba(28,36,30,.06);box-shadow:var(--shadow);border-radius:1.3rem}.empty-card,.start-card{padding:1.6rem 1.4rem 1.7rem}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}.start-card{text-align:left;cursor:pointer;color:inherit;width:100%}.start-card:hover,.nav-item:hover,.palette-card:hover,.font-card:hover{border-color:color-mix(in srgb,var(--forest) 35%,var(--line))}.start-card h2{font-size:1.35rem}.search-bar{display:flex;gap:1rem;margin:0 0 1.2rem}.search-field{display:grid;gap:.35rem;flex:1}.search-field span,.field-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:.7rem;padding:.65rem .8rem;color:var(--ink)}textarea{min-height:6.5rem;resize:vertical}.btn,.btn-ghost,.btn-primary{border-radius:999px;border:1px solid var(--line);background:#fff;padding:.55rem 1rem;cursor:pointer;font-weight:600}.btn-primary{background:var(--forest);color:#f7f1e6;border-color:var(--forest)}.btn:disabled,.btn-primary:disabled{opacity:.55;cursor:not-allowed}.directory-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.directory-table th,.directory-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.directory-table thead th{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.workspace{display:grid;grid-template-columns:15.5rem minmax(0,1fr) 17rem;gap:1rem;align-items:start;min-height:calc(100vh - 5.5rem);padding:.8rem 1rem 2rem}.workspace-nav,.workspace-rail,.workspace-main{background:var(--card);border:1px solid rgba(28,36,30,.06);box-shadow:var(--shadow);border-radius:1.3rem}.workspace-nav,.workspace-rail{position:sticky;top:4.6rem;padding:.9rem}.workspace-main{padding:1.3rem 1.4rem 1.8rem;min-height:40rem}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:.85rem;padding:.55rem .7rem;cursor:pointer;color:inherit}.nav-item.is-active{background:#2c4a3814;border-color:#2c4a381f}.nav-dot{width:.55rem;height:.55rem;border-radius:999px;background:#cfc6b6}.nav-dot.is-set{background:var(--brass)}.nav-dot.is-done{background:var(--forest)}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#1c241e0f;color:var(--muted)}.status-chip.is-approved,.status-chip.is-locked{background:var(--forest);color:#f7f1e6}.status-chip.is-generated,.status-chip.is-suggested,.status-chip.is-imported{background:#b0894a2e;color:#6d5220}.overview-hero{display:grid;grid-template-columns:8rem 1fr;gap:1.2rem;align-items:center;margin-bottom:1.4rem}.logo-frame,.asset-thumb{background:#fff;border:1px solid var(--line);border-radius:1rem;display:grid;place-items:center;overflow:hidden}.logo-frame{width:8rem;height:8rem;padding:.6rem}.logo-frame img,.asset-thumb img,.history-strip img,.cover-frame img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.meter{height:.55rem;background:#1c241e14;border-radius:999px;overflow:hidden;margin:.4rem 0 1rem}.meter>span{display:block;height:100%;background:var(--forest)}.checklist{display:grid;gap:.55rem}.check-row{display:grid;grid-template-columns:1.6rem 8rem 1fr;gap:.6rem;align-items:center}.trait-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0 1rem}.trait{border-radius:999px;border:1px solid var(--line);background:#fff;padding:.35rem .8rem;cursor:pointer}.trait.is-on{background:var(--forest);color:#f7f1e6;border-color:var(--forest)}.palette-grid,.font-grid,.gallery,.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.85rem}.palette-card,.font-card,.logo-card{border:1px solid var(--line);border-radius:1rem;padding:.85rem;background:#fff;cursor:pointer;text-align:left}.palette-card.is-working,.font-card.is-working,.logo-card.is-working{outline:2px solid color-mix(in srgb,var(--brass) 70%,transparent)}.palette-card.is-approved,.font-card.is-approved,.logo-card.is-approved{outline:2px solid var(--forest)}.swatch-row{display:flex;height:2.4rem;border-radius:.6rem;overflow:hidden;margin-bottom:.6rem}.swatch-row span{flex:1}.colour-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem;margin:1rem 0}.colour-editor label{display:grid;gap:.3rem;font-size:.78rem}.colour-editor input[type=color]{width:100%;height:2.4rem;padding:0;border:0;background:transparent}.preview-block{border-radius:1.1rem;padding:1.4rem;margin:1rem 0}.preview-kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:600}.cta-preview{display:inline-flex;margin-top:.8rem;border-radius:999px;padding:.55rem 1.1rem;font-weight:600}.history-strip{display:flex;gap:.6rem;overflow-x:auto;padding:.2rem 0 .6rem}.history-strip button{flex:0 0 5.5rem;height:5.5rem;border-radius:.8rem;border:1px solid var(--line);background:#fff;padding:.3rem;cursor:pointer}.rail-stack{display:grid;gap:.55rem}.rail-stack .btn,.rail-stack .btn-primary{width:100%}.hint{font-size:.82rem;color:var(--muted)}.alert{color:var(--warn)}.asset-thumb{aspect-ratio:1}.asset-thumb.is-selected{outline:2px solid var(--forest)}.cover-frame{width:100%;aspect-ratio:1640 / 624;background:#fff;border:1px solid var(--line);border-radius:1rem;overflow:hidden}.cover-frame img{object-fit:cover}.stage-check{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:999px;font-size:.85rem;font-weight:700}.stage-check.is-complete{background:var(--forest);color:#f7f1e6}.stage-check.is-pending{background:#1c241e0f;color:#9aa197}.pack-frame,.pack-sheet{width:100%;background:#fff;overflow:hidden}.pack-frame{border:1px solid var(--line);border-radius:1rem}.pack-sheet{border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:.4rem;box-shadow:0 18px 48px #1c241e1a;background:#f7f3ea}.pack-frame img,.pack-sheet img{width:100%;height:auto;object-fit:contain;display:block}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.manual-form{display:grid;gap:.8rem;margin-top:.8rem}@media (max-width: 72rem){.workspace{grid-template-columns:1fr}.workspace-nav,.workspace-rail{position:static}.start-grid,.field-row{grid-template-columns:1fr}}.your-brand-header{margin-bottom:1.5rem}.brand-subnav{display:flex;flex-wrap:wrap;gap:.35rem;padding-bottom:.7rem;border-bottom:1px solid rgba(28,36,30,.12)}.brand-subnav-item{padding:.65rem .85rem;border:1px solid transparent;border-radius:.7rem;background:transparent;color:inherit;font:inherit;cursor:pointer}.brand-subnav-item:hover,.brand-subnav-item.is-active{background:#2c4a3814;border-color:#2c4a381f}.brand-subnav-item.is-active{font-weight:600}.brand-subnav-item:disabled{cursor:default;opacity:.6}