:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f7f5;--bg-panel:#fff;--text:#1a1a1a;--text-muted:#555;--border-panel:#ddd;--border-control:#ccc;--border-chip:#bbb;--control-hover-bg:#f0f0f0;--readonly-bg:#f5f5f5;--accent-bg:#1a1a1a;--accent-bg-hover:#333;--accent-text:#fff;--success:#2a7a2a;--warning-bg:#fff7e0;--warning-border:#e8c766;--focus-ring:#2563eb;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17181a;--bg-panel:#212225;--text:#f0f0ee;--text-muted:#a8a8a8;--border-panel:#3a3b3e;--border-control:#4a4b4e;--border-chip:#55565a;--control-hover-bg:#2a2b2e;--readonly-bg:#292a2d;--accent-bg:#e8e8e6;--accent-bg-hover:#c9c9c7;--accent-text:#17181a;--success:#5fbf5f;--warning-bg:#3a3320;--warning-border:#8a7332;--focus-ring:#6d9bff}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:1.5rem}main{max-width:1200px;margin:0 auto}h1{margin:0 0 .25rem;font-size:1.6rem}.about{border-top:1px solid var(--border-panel);margin:2.5rem 0 1rem;padding-top:1.5rem}.about h2{margin:0 0 .75rem;font-size:1.15rem}.about p{color:var(--text-muted);margin:0 0 .9rem;line-height:1.55}.about a{color:inherit;text-decoration:underline}.about a:hover{color:var(--text)}.subtitle{color:var(--text-muted);margin:0 0 1.25rem}.quickstart{margin-bottom:1.5rem}.quickstart-row{flex-wrap:wrap;gap:.5rem;display:flex}.quickstart button{background:var(--accent-bg);color:var(--accent-text);cursor:pointer;border:none;border-radius:999px;padding:.5rem 1rem;font-size:.9rem}.quickstart button:hover{background:var(--accent-bg-hover)}.quickstart-more{margin-top:.5rem}.quickstart-more summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.9rem;list-style:none;display:inline-flex}.quickstart-more summary::-webkit-details-marker{display:none}.quickstart-more summary:before{content:"▸";font-size:.7em;transition:transform .15s;display:inline-block}.quickstart-more[open] summary:before{transform:rotate(90deg)}.quickstart-more summary:hover{color:var(--text)}.quickstart-more .quickstart-row{margin-top:.5rem}.app-layout{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.app-layout{grid-template-columns:1fr}}.settings-panel{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:12px;padding:1rem 1.25rem 1.5rem}.settings-panel section{margin-bottom:1.5rem}.settings-panel h2{margin:0 0 .6rem;font-size:1.05rem}.beta-tag{color:var(--text-muted);font-size:.75em;font-weight:400}fieldset{border:1px solid var(--border-panel);border-radius:8px;margin:0;padding:.6rem .8rem .8rem}legend{padding:0 .3rem;font-weight:600}.op-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.op-grid{grid-template-columns:1fr}}.op-card:has(legend input[type=checkbox]:not(:checked)){opacity:.55}.op-range{gap:.75rem;margin-top:.4rem;display:flex}.op-range label{flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.op-range input{width:4.5rem}.op-range-result{margin-top:.3rem}.op-range-result label{color:var(--text-muted)}.op-extra{margin-top:.5rem;font-size:.85rem;display:block}.level-chips{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.level-chips-label{color:var(--text-muted);margin-right:.2rem;font-size:.85rem}.level-chips button{border:1px solid var(--border-chip);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:999px;padding:.25rem .7rem;font-size:.85rem}.level-chips button:hover{background:var(--control-hover-bg)}.field-grid{grid-template-columns:1fr 1fr;gap:.6rem 1rem;margin-bottom:.6rem;display:grid}.field-grid[hidden]{display:none}@media (width<=480px){.field-grid{grid-template-columns:1fr}}label{font-size:.9rem;display:block}label[hidden]{display:none}input[type=text],input[type=number],select{border:1px solid var(--border-control);background:var(--bg-panel);width:100%;color:var(--text);border-radius:6px;margin-top:.2rem;padding:.3rem .4rem}input[type=checkbox]{margin-right:.35rem}.seed-field{align-items:center;gap:.4rem;margin-top:.2rem;display:flex}.seed-field input{flex:8ch;width:auto;margin-top:0}.seed-field input[readonly]{background:var(--readonly-bg);color:var(--text-muted)}.icon-button,.icon-button-labelled{border:1px solid var(--border-control);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .5rem;display:inline-flex}.icon-button:hover,.icon-button-labelled:hover{background:var(--control-hover-bg)}.actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.actions button{border:1px solid var(--border-control);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:8px;padding:.55rem 1rem;font-size:.9rem}.actions button.primary{background:var(--accent-bg);color:var(--accent-text);border-color:var(--accent-bg)}.actions button.primary:hover{background:var(--accent-bg-hover)}.actions button:hover{background:var(--control-hover-bg)}.copy-link-status{color:var(--success);align-self:center;font-size:.85rem}.warnings{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem}.warnings ul{margin:.3rem 0 0;padding-left:1.2rem}.preview-panel iframe{border:1px solid var(--border-panel);background:#fff;border-radius:12px;width:100%;min-height:80vh}@media (width<=900px){.preview-panel iframe{min-height:60vh}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}