@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap";:root{--bg:#0b0d10;--panel:#14181d;--line:#232a32;--fg:#e8edf2;--muted:#8b97a5;--accent:#f74c00;--accent-ink:#fff;--accent-text:#ff7a45;--warn:#ffcf9e;--warn-bg:#ffa83c17;--warn-line:#ffa83c4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(120% 90% at 50% 0%, #161b22 0%, var(--bg) 60%);color:var(--fg);min-height:100vh;margin:0;padding:32px 20px 64px;font:500 14px/1.5 Montserrat,Segoe UI,system-ui,sans-serif}#app{max-width:940px;margin:0 auto}.hd{align-items:center;gap:14px;margin-bottom:26px;display:flex}.hd-mark{background:conic-gradient(from -90deg, var(--accent), #2b3340 70%, var(--accent));width:38px;height:38px;box-shadow:inset 0 0 0 5px var(--bg);border-radius:50%;flex:none}h1{letter-spacing:-.01em;margin:0;font-size:19px}h2{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 12px;font-size:13px}.sub{color:var(--muted);margin:2px 0 0;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.stack{flex-direction:column;gap:14px;display:flex}.fs{border:0;min-width:0;margin:0;padding:0}.fs[disabled]{opacity:.45}.fs[disabled] .card{background:#101318}.devbar-row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.devbar-text{flex:1;min-width:0}.devbar-title{font-size:14px;font-weight:600}.devbar-detail{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.4}.devbar-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#1b2027;border-radius:999px;max-width:100%;padding:3px 9px;font-size:12px;overflow:hidden}.chip-ok{color:#66d19e;border-color:#66d19e59}.devbar-text{flex-basis:140px}.devbar-actions{flex-basis:100%;gap:8px;display:flex}.devbar-actions button{flex:1;padding:9px 12px;font-size:13px}.devbar .status:empty{display:none}.dot{border-radius:999px;flex-shrink:0;width:9px;height:9px}.dot-ok{background:#66d19e;box-shadow:0 0 0 3px #66d19e26}.dot-idle{background:var(--accent)}.dot-warn{background:#ffb03c;box-shadow:0 0 0 3px #ffb03c26}.dot-off{background:var(--line)}[hidden]{display:none!important}.split{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.split>*{min-width:0}@media (max-width:760px){.split{grid-template-columns:minmax(0,1fr)}}.side{flex-direction:column;gap:14px;display:flex}@media (min-width:761px){.side{scrollbar-width:thin;scrollbar-color:var(--line) transparent;max-height:calc(100vh - 40px);position:sticky;top:20px;overflow-y:auto}}.muted{color:var(--muted);font-size:13px}.center,.preview{text-align:center}.screen{width:280px;height:280px;image-rendering:pixelated;cursor:ns-resize;touch-action:none;background:#000;border:6px solid #1b2027;border-radius:50%;box-shadow:0 18px 40px #0000008c,inset 0 0 0 1px #2c333c}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 15px;font-weight:600}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);color:var(--accent-ink);width:100%;margin-top:6px}.ghost{border-color:var(--line);color:var(--fg);background:0 0}.input,.range,.swatch{width:100%;font:inherit;color:var(--fg);border:1px solid var(--line);background:#0f1317;border-radius:9px;padding:9px 11px}.swatch{height:40px;padding:4px}.swatch-row{align-items:stretch;gap:8px;display:flex}.swatch-row .swatch{flex:1}.swatch-row button{white-space:nowrap;padding:9px 13px}.range{accent-color:var(--accent);background:0 0;border:none;padding:0}.lbl{color:var(--muted);margin:12px 0 5px;font-size:12px;display:block}.rows{flex-direction:column;gap:2px;display:flex}.row{align-items:center;gap:10px;padding:6px 2px;display:flex}.row span:first-of-type{flex:1}.row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.tag{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.push-card.dirty{border-color:var(--accent)}.repo-row{border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;margin:6px 0;padding:9px 11px;display:flex;position:relative}.repo-row.pick{background:#1b2027;border-color:#2b333d}.repo-row.pick:hover{border-color:#3a444f}.repo-row.unpick{opacity:.72}.repo-row.listed{background:0 0;border-color:#0000}.repo-row.listed-on{box-shadow:inset 2px 0 0 var(--accent)}.repo-main{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.repo-main input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.repo-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.repo-main .tag{white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:10px}.grip{color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:2px 2px 2px 8px;font-size:15px;line-height:1}.grip:active{cursor:grabbing}.repo-row.pick:hover .grip{color:var(--fg)}.repo-row.dragging{opacity:.35;border-style:dashed}.repo-row.drop-above:before,.repo-row.drop-below:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;left:2px;right:2px}.repo-row.drop-above:before{top:-5px}.repo-row.drop-below:after{bottom:-5px}.rows-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--line);margin:14px 0 6px;padding-top:12px;font-size:11px}.repo-search{margin:2px 0 8px}.repo-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;max-height:22rem;padding-right:4px;overflow-y:auto}.status{min-height:20px}.note{margin:10px 0 0;font-size:13px}.note-err{color:#ff8a6a}.note-ok{color:#66d19e}.note-info{color:var(--muted)}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}.warn{color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:9px;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.45}.adv{margin-top:14px}.adv summary{cursor:pointer;color:var(--muted);font-size:13px}.adv>:not(summary){margin-top:10px}esp-web-install-button{display:block}.bar{background:#0f1317;border-radius:999px;height:6px;margin:10px 0 4px;overflow:hidden}.bar-fill{background:var(--accent);width:0;height:100%;transition:width .2s}.log{border:1px solid var(--line);color:#9aa5b1;white-space:pre-wrap;word-break:break-all;background:#0b0e12;border-radius:8px;max-height:190px;margin:0;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;overflow:auto}.foot{opacity:.75;margin-top:4px;font-size:12px}.savebar{min-height:18px;margin-top:10px}
