:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf8f4;--fg:#1f1d1a;--muted:#6b655c;--line:#e2ddd3;--card:#fff;--accent:#b8336a;font-family:Rotulo,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161b;--fg:#ece8e1;--muted:#9a958c;--line:#2a2e37;--card:#1b1e25}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;padding:24px}header h1{letter-spacing:.3em;text-transform:uppercase;margin:0}header p{color:var(--muted);margin:4px 0 16px}form{border:1px solid var(--line);background:var(--card);border-radius:8px;flex-wrap:wrap;align-items:end;gap:12px;padding:12px;display:flex}label{color:var(--muted);gap:4px;font-size:13px;display:grid}fieldset{border:0;gap:10px;margin:0;padding:0;display:flex}fieldset label{align-items:center;gap:4px;display:flex}select,input,button{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;padding:6px 8px}button{cursor:pointer;background:var(--accent);color:#fff;border-color:#0000}button:disabled{opacity:.4;cursor:default}output{color:var(--muted);font-size:13px}main{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:24px;margin-top:24px;display:grid}@media (width<=860px){main{grid-template-columns:1fr}body{padding:16px}}.frame svg{width:100%;height:auto;display:block;box-shadow:0 6px 24px #00000026}#rose svg{max-width:260px;box-shadow:none;margin:0 auto}.actions{gap:8px;margin-top:12px;display:flex}.side{align-content:start;gap:16px;display:grid}article{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:12px 16px}article h2{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin:0 0 8px;font-size:14px}dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:14px;display:grid}dt{color:var(--muted)}dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.legend{margin:0 0 8px;padding:0;font-size:14px;list-style:none}.legend li:before{content:"";background:var(--swatch);border-radius:2px;width:10px;height:10px;margin-right:8px;display:inline-block}ol{margin:0;padding-left:20px;font-size:14px}#order{color:var(--muted);text-align:center;font-size:13px}@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}
