:root{
  --bg:#f3f5f7;--panel:#fff;--ink:#171b20;--muted:#6b7480;--line:#e1e6ea;
  --navy:#152535;--navy2:#20384d;--soft:#eef2f5;--accent:#c8aa73;--danger:#a94747;
  --radius:17px;--shadow:0 8px 28px rgba(18,31,43,.075)
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}
.sidebar{background:#111c27;color:#fff;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#d3b87f,#9a7741);color:#111;font-weight:900}.brand-title{font-size:12px;letter-spacing:.13em;font-weight:800}.brand-sub{font-size:10px;letter-spacing:.18em;color:#aeb7c0;margin-top:3px}
.side-title{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#8290a0;margin:24px 6px 9px}.project-list{display:flex;flex-direction:column;gap:6px;overflow:auto;flex:1}.project-item{padding:12px;border-radius:12px;background:transparent;border:1px solid transparent;color:#dbe2e8;cursor:pointer;text-align:left}.project-item:hover,.project-item.active{background:#1b2b3a;border-color:#2f455a}.project-item strong{display:block;font-size:14px}.project-item span{display:block;font-size:11px;color:#8fa0b1;margin-top:4px}.side-footer{display:grid;gap:8px;margin-top:18px}
.main{min-width:0}.topbar{padding:28px 34px 20px;display:flex;justify-content:space-between;gap:24px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:#7d8792}.topbar h1{margin:5px 0 3px;font-size:28px;letter-spacing:-.02em}.save-state{font-size:12px;color:#7d8792}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
button,.file-btn,.upload{border:none;border-radius:11px;padding:10px 14px;cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:13px}.primary{background:var(--accent);color:#15191f}.secondary{background:#dfe7ee;color:#142231}.dark{background:var(--navy);color:#fff}.ghost{background:#fff;border:1px solid var(--line);color:#26313c}.sidebar .ghost{background:#172533;border-color:#2b3e50;color:#dbe2e8}.danger{color:var(--danger)!important}.full{width:100%}
.tabs{display:flex;gap:8px;padding:0 34px 14px;overflow:auto;border-bottom:1px solid var(--line)}.tabs button{background:transparent;color:#66707b;white-space:nowrap;padding:9px 10px;border-radius:9px}.tabs button.active{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.06);color:#121820}.content{padding:26px 34px 80px;max-width:1380px}.tab-panel{display:none}.tab-panel.active{display:block}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.section-head h2{margin:0;font-size:22px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.badge{background:#eef1f4;color:#5a6570;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.07em}.dark-badge{background:#172533;color:#fff}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{font-size:12px;color:#4e5964;font-weight:750;display:flex;flex-direction:column;gap:7px}input,textarea,select{width:100%;border:1px solid #dfe4e8;border-radius:10px;background:#fbfcfd;padding:11px 12px;color:#171c21;outline:none;font-weight:500}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:#9fb0bf;box-shadow:0 0 0 3px rgba(93,124,151,.10);background:#fff}
.choice-section{padding:18px 20px 20px}.choice-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px}.choice-head h3{margin:0;font-size:15px}.choice-head p{margin:0;color:var(--muted);font-size:11px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-grid button{padding:8px 11px;border:1px solid #dce2e7;background:#f8fafb;color:#53606c;border-radius:999px;font-size:12px;font-weight:650}.choice-grid button:hover{border-color:#aebbc6}.choice-grid button.selected{background:#1b3042;color:#fff;border-color:#1b3042;box-shadow:0 3px 10px rgba(21,37,53,.12)}.choice-note{margin-top:14px}
.branding-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.branding-card h3{margin:0 0 5px}.branding-card p{margin:0;color:var(--muted);font-size:13px}.branding-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload{background:#eef2f5;color:#213140}.logo-preview{max-height:42px;max-width:150px;display:none}
.stack{display:grid;gap:14px}.repeat-card{padding:16px 18px;margin-bottom:0}.repeat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.drag-index{font-size:10px;letter-spacing:.14em;font-weight:900;color:#82909c}.icon{padding:5px 8px;background:transparent;border:0;font-size:12px}.internal-label{background:#f7f2e8;border:1px solid #e5d6b8;border-radius:12px;padding:12px}.check-inline{flex-direction:row;align-items:center;gap:8px}.check-inline input{width:auto}.card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-title-row h3{margin:0}.small{padding:7px 10px;background:#eef2f5}.check-list{display:grid;gap:8px}.check-row{display:grid;grid-template-columns:28px 1fr 34px;align-items:center;gap:6px}.check-row input[type=checkbox]{width:18px;height:18px}.check-text.done{text-decoration:line-through;color:#8b949d}
@media (max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.project-list{max-height:180px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{justify-content:flex-start}.grid.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.topbar,.content{padding-left:16px;padding-right:16px}.tabs{padding-left:16px;padding-right:16px}.grid.two,.columns,.grid.four{grid-template-columns:1fr}.span2{grid-column:auto}.branding-card,.choice-head{align-items:flex-start;flex-direction:column}.top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.top-actions button{width:100%}.choice-grid button{flex:1 1 auto}}