:root{--serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--ink: #16130f;--ink-2: #241f18;--paper: #f5f0e7;--paper-2: #ece4d6;--line: #d8cdb9;--amber: #b8833f;--amber-2: #d29a4e;--muted: #8a7f6d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.studio{display:flex;flex-direction:column;height:100vh;overflow:hidden}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 1.75rem;background:var(--ink);color:#f4eee1;border-bottom:1px solid rgba(255,255,255,.06)}.studio-brand h1{font-family:var(--serif);font-size:1.5rem;font-weight:500;margin:.15rem 0 0;letter-spacing:.01em}.brand-eyebrow{display:inline-block;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--amber-2)}.studio-brand p{margin:.35rem 0 0;font-size:.82rem;opacity:.6}.studio-actions{display:flex;gap:.5rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1.1rem;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:2px}.btn.primary{background:var(--amber);border-color:var(--amber);color:#1c160f}.btn.primary:hover{background:var(--amber-2)}.btn.ghost:hover{background:#0000000d}.btn.block{width:100%;margin-top:.75rem}.top .btn,.studio-top .btn.ghost{color:#f4eee1;border-color:#ffffff59}.studio-top .btn.ghost:hover{background:#ffffff1a}.studio-top .btn.primary{color:#17110a}.text-btn{background:none;border:none;color:var(--amber);margin-top:.4rem;font-size:.72rem;text-decoration:underline}.studio-body{flex:1;display:flex;min-height:0}.studio-panel{width:320px;min-width:320px;overflow-y:auto;padding:0 0 3rem;background:var(--paper-2);border-right:1px solid var(--line)}.studio-panel section{padding:1.4rem 1.5rem;border-bottom:1px solid var(--line)}.studio-panel h2{font-family:var(--serif);font-size:1.05rem;font-weight:500;margin:0 0 1rem;letter-spacing:.02em}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.field-label{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input[type=text],.field input[type=number],.field select,.field textarea{width:100%;padding:.62rem .7rem;border:1px solid var(--line);background:#fffdf8;font-size:.88rem;border-radius:2px;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--amber)}.field textarea{min-height:72px;resize:vertical}.field-hint{font-size:.68rem;color:var(--muted)}.field-hint.warn{color:#b0502e}.color-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.color-row .field input[type=color]{padding:.1rem;height:40px}.check{display:flex;align-items:center;gap:.55rem;font-size:.82rem;margin:.5rem 0;cursor:pointer}.check input{accent-color:var(--amber)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.template{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border:1px solid var(--line);background:#fffdf8;border-radius:2px;font-size:.78rem}.template:hover{border-color:var(--amber)}.template.active{border-color:var(--amber-2);box-shadow:inset 0 0 0 1px var(--amber-2)}.theme-swatch{width:26px;height:26px;border:2px solid;border-radius:50%}.theme-name{color:var(--ink)}.studio-canvas{flex:1;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:1.75rem;background:radial-gradient(circle at 50% -10%,#fff,var(--paper) 70%)}.canvas-meta{display:flex;gap:1.25rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem}.canvas-frame{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.canvas-wrap{max-width:100%;max-height:100%;overflow:hidden;box-shadow:0 24px 60px #1e160c47}.canvas-wrap svg{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 220px)}.issue-block{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.issue{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#8a6d1f;background:#b8833f26;padding:.35rem .6rem;border-radius:999px}.issue.bad{color:#9c3d20;background:#b0502e24}@media (max-width: 760px){.studio{height:auto;overflow:visible}.studio-top{flex-direction:column;align-items:flex-start}.studio-body{flex-direction:column}.studio-panel{width:100%;min-width:0;border-right:none}.studio-canvas{padding:1rem}}