@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Fraunces:opsz,wght@9..144,560&display=swap";html,body,#root{width:100%;height:100%;margin:0}:root{--ink:#1c2118;--muted:#5d6456;--paper:#faf7f0eb;--line:#1c21181f;--sage:#4d5f3c;--sage-2:#6b7d58;--sans:"DM Sans", system-ui, sans-serif;--display:"Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:#d9d3c6}button{font:inherit;color:inherit;cursor:pointer}.app{grid-template-columns:1fr minmax(280px,360px);height:100%;display:grid}.canvas{touch-action:none;cursor:grab;width:100%;height:100%}.canvas:active{cursor:grabbing}.panel{z-index:2;background:var(--paper);border-left:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:100%;padding:28px 24px 32px;position:relative;overflow:auto}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin:0 0 8px;font-size:11px;font-weight:600}h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 10px;font-size:32px;font-weight:560;line-height:1.1}.lede,.hint{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.lede{margin-bottom:22px}section{margin:0 0 22px}h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.presets,.segment{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.presets button,.segment button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;padding:10px 8px}.presets button{flex-direction:column;gap:2px;display:flex}.presets strong{font-size:13px}.presets span{color:var(--muted);font-size:11px}.presets button.active,.segment button.active,.modules button.on{border-color:var(--sage);background:#eef3e6}.segment button{text-align:center;padding:8px 6px;font-size:12px;font-weight:500}.modules{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.modules button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;display:flex}.modules .check{color:var(--sage-2);line-height:1.3}.modules strong{font-size:14px;display:block}.modules em{font-variant-numeric:tabular-nums;color:var(--sage);font-size:11px;font-style:normal;display:block}.modules small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4;display:block}.specs{gap:8px;margin:0 0 18px;display:grid}.specs div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.specs dt{color:var(--muted)}.specs dd{font-variant-numeric:tabular-nums;margin:0}.file-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.file-row button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 6px;font-size:12px;font-weight:500}.file-row button.active{border-color:var(--sage);background:#eef3e6}.file-status,.file-error{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.4}.file-error{color:#8a3b32}.hotspot{pointer-events:none;white-space:nowrap;color:#faf7f0;font-size:11px;font-family:var(--sans);background:#1c2118;border-radius:999px;padding:4px 8px;font-weight:500}@media (width<=860px){.app{grid-template-rows:1fr auto;grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--line);height:auto;max-height:46vh}h1{font-size:26px}}