:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--fg:#111;--card:#fff;--border:#0000001f;--muted:#0009;--accent:#4a90e2;--accent-fg:#fff;--ok:#3aa06b;--err:#d14343}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101114;--fg:#eee;--card:#1a1c20;--border:#ffffff1a;--muted:#fff9}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}main{max-width:640px;margin:0 auto;padding:2rem 1rem 4rem}h1{margin:0 0 .25rem;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.sub{color:var(--muted);margin:0 0 1.5rem}.hidden{display:none!important}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.row{justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0;display:flex}.row>span{font-weight:500}input[type=number]{font:inherit;border:1px solid var(--border);color:inherit;background:0 0;border-radius:6px;max-width:14rem;padding:.4rem .5rem}.group{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.85rem}.drop{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--muted);border-radius:10px;padding:1.5rem 1rem;transition:background .12s,border-color .12s;display:block}.drop.drop-hover{border-color:var(--accent);color:var(--fg);background:#4a90e214}.drop.has-file{color:var(--fg);border-style:solid}#drop-preview strong{word-break:break-all;margin-bottom:.25rem;font-size:1rem;display:block}#drop-preview span{color:var(--muted);font-size:.85rem}.segmented{border:1px solid var(--border);border-radius:7px;margin-bottom:.75rem;display:inline-flex;overflow:hidden}.segmented label{display:inline-block;position:relative}.segmented input[type=radio]{opacity:0;pointer-events:none;position:absolute}.segmented span{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);padding:.45rem .9rem;font-size:.9rem;transition:background .12s,color .12s;display:inline-block}.segmented input:checked+span{background:var(--accent);color:var(--accent-fg)}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-2px}.slider-row{grid-template-columns:7rem 1fr auto;align-items:center;gap:.75rem;padding:.4rem 0;display:grid}.slider-label{font-weight:500}.slider-num{font:inherit;border:1px solid var(--border);color:inherit;text-align:right;font-variant-numeric:tabular-nums;background:0 0;border-radius:6px;width:7rem;padding:.3rem .5rem}.slider-num::-webkit-inner-spin-button{opacity:.4}.slider-num::-webkit-outer-spin-button{opacity:.4}input[type=range]{width:100%;accent-color:var(--accent)}.cost-preview{border:1px dashed var(--border);border-radius:7px;min-height:3rem;margin-top:.75rem;padding:.75rem;font-size:.9rem;position:relative}.cost-overlay{color:var(--muted);font-style:italic}.cost-body{font-variant-numeric:tabular-nums}.cost-body .cost-headline{margin-bottom:.2rem;font-size:1rem;font-weight:600}.cost-body .cost-meta{color:var(--muted)}.actions{align-items:center;gap:.75rem;display:flex}.output-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}button,a.button{font:inherit;border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:7px;padding:.55rem 1rem;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}button.primary,a.button.primary,#build{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.stages{background:var(--card);border:1px solid var(--border);border-radius:10px;margin:0 0 1rem;padding:1rem 1.25rem;font-size:.9rem;list-style:none}.stages li{color:var(--muted);align-items:center;gap:.6rem;padding:.25rem 0;display:flex}.stages .dot{background:var(--border);border-radius:50%;flex:none;width:.6rem;height:.6rem;display:inline-block}.stages .detail{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem}.stages li.active{color:var(--fg)}.stages li.active .dot{background:var(--accent);animation:1.1s ease-in-out infinite pulse}.stages li.done{color:var(--fg)}.stages li.done .dot{background:var(--ok);position:relative}.stages li.done .dot:after{content:"";background-image:linear-gradient(45deg,#0000 45%,#fff 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#fff 45% 55%,#0000 55%);background-position:50%;background-repeat:no-repeat;background-size:.35rem .35rem;position:absolute;inset:0}.stages li.error{color:var(--err)}.stages li.error .dot{background:var(--err)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.summary{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 1rem;font-size:.9rem;display:grid}.summary dt{color:var(--muted)}.summary dd{font-variant-numeric:tabular-nums;min-width:0;margin:0}.summary-filename{word-break:break-all}details.about summary{cursor:pointer;font-weight:600;list-style:none}details.about summary::-webkit-details-marker{display:none}details.about summary:before{content:"▸";width:1rem;transition:transform .12s;display:inline-block}details.about[open] summary:before{transform:rotate(90deg)}details.about p{margin:.75rem 0;font-size:.9rem}details.about code{background:#7f7f7f26;border-radius:3px;padding:0 .2em;font-size:.85em}
