:root{--ink:#1f2933;--muted:#64748b;--line:#e2e8f0;--paper:#fff;--accent:#b45309;--accent-soft:#fef3c7;color:var(--ink);font-family:Rotulo,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f8fafc;margin:0}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}.header{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.header h1{margin:0;font-size:20px}.main{flex:1;gap:16px;min-height:0;padding:16px;display:flex}.panel{background:var(--paper);border-radius:16px;flex-shrink:0;width:340px;overflow-y:auto}.stage{flex:1;min-height:360px}.controls{flex-direction:column;padding:0 20px;display:flex}.section{border-bottom:1px solid var(--line);flex-direction:column;gap:14px;padding:18px 0;display:flex}.section:last-child{border-bottom:0}.section h2{color:var(--accent);margin:0;font-size:15px}.field{flex-direction:column;gap:8px;display:flex}.field small,.overlay small{color:var(--muted);font-size:12px}.label{justify-content:space-between;font-size:14px;display:flex}.label output{color:var(--accent);font-variant-numeric:tabular-nums}.field input[type=range]{width:100%;accent-color:var(--accent)}.chips,.swatches,.buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--paper);height:30px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.swatch{border:1px solid var(--line);cursor:pointer;border-radius:999px;width:28px;height:28px;position:relative}.swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.swatch.custom{background:conic-gradient(#dc2626,#f59e0b,#16a34a,#2563eb,#7c3aed,#dc2626)}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.actions{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.button{border:1px solid var(--line);background:var(--paper);height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 18px;font-size:14px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--paper)}.button:disabled{opacity:.6;cursor:default}.error{color:#b91c1c;margin:0;font-size:12px}.viewport{border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.canvas{position:absolute;inset:0}.overlay{align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=760px){.main{flex-direction:column}.panel{width:auto}}.link{color:var(--accent);margin-left:8px;font-size:14px;font-weight:400}.map-app{position:fixed;inset:0}.map-app .map{position:absolute;inset:0}.map-panel{background:var(--paper);border-radius:16px;flex-direction:column;gap:10px;width:340px;max-width:calc(100% - 32px);padding:14px 16px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 16px #0f172a26}.map-panel header{justify-content:space-between;align-items:baseline;display:flex}.map-panel h1{margin:0;font-size:16px}.map-panel a{color:var(--accent);font-size:13px}.map-panel p{color:var(--muted);margin:0;font-size:13px}.map-panel .status{color:var(--ink);font-variant-numeric:tabular-nums}.map-panel kbd{border:1px solid var(--line);background:#f8fafc;border-radius:4px;padding:0 5px;font-size:12px}@font-face{font-family:Rotulo;src:url(./Rotulo-Variable-CxVa4IOu.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:Rotulo Lectura;src:url(./Rotulo-Lectura-C9OI42bx.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}