:root{--radius-frame:28px;--radius-row:14px}:root,:root[data-theme=dark]{--bg:#0a0a0b;--bg-elev:#141416;--bg-row:#1c1c1f;--bg-row-hover:#232327;--fg:#f2f2f3;--fg-dim:#8a8a90;--border:#2a2a2e;--frame-border:#2a2a2e;--accent:#fff;--hairline:#ffffff0a;--hairline-strong:#ffffff26;--surface-hover:#ffffff14;--thumb-from:#ffffff14;--thumb-to:#ffffff05;--thumb-border:#ffffff0d;--focus-ring:#fff3;--shadow-frame:0 30px 80px -20px #0009;--shadow-panel:0 10px 30px -10px #0009;--inset-top:0 1px 0 #ffffff0a inset;--danger-bg:#ff50501f;--danger-fg:#ff8585;--danger-border:#ff50504d;--on-accent:#0a0a0b;--accent-hover:#d8d8da;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#fff;--bg-elev:#fff;--bg-row:#f2f2f4;--bg-row-hover:#e8e8ec;--fg:#131316;--fg-dim:#6c6c76;--border:#ebebef;--frame-border:transparent;--accent:#131316;--hairline:#0000000f;--hairline-strong:#0000002e;--surface-hover:#0000000f;--thumb-from:#00000017;--thumb-to:#00000008;--thumb-border:#0000000f;--focus-ring:#00000040;--shadow-frame:none;--shadow-panel:0 10px 30px -12px #14142829;--inset-top:none;--danger-bg:#d228281a;--danger-fg:#c22b2b;--danger-border:#d2282847;--on-accent:#fff;--accent-hover:#2c2c32;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;transition:background-color .2s,color .2s}.page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:48px 24px;display:flex}.frame{background:var(--bg-elev);border:1px solid var(--frame-border);border-radius:var(--radius-frame);width:min(420px,100%);box-shadow:var(--inset-top), var(--shadow-frame);padding:16px}.scroll-list{scrollbar-width:none;padding-inline:4px;overflow-y:scroll}.scroll-list::-webkit-scrollbar{display:none}.row-wrap{will-change:transform, opacity, filter;pointer-events:auto;display:flex}.row{background:var(--bg-row);border:1px solid var(--hairline);border-radius:var(--radius-row);flex:1;align-items:center;gap:12px;padding:10px 14px;transition:background .16s;display:flex}.row:hover{background:var(--bg-row-hover)}.row-thumb{background:linear-gradient(135deg, var(--thumb-from), var(--thumb-to));border:1px solid var(--thumb-border);border-radius:10px;flex-shrink:0;width:40px;height:40px}.row-text{flex:1;min-width:0}.row-title{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1.2}.row-sub{color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;line-height:1.3;overflow:hidden}.row-chevron{color:var(--fg-dim);padding-right:4px;font-size:22px;font-weight:300;line-height:1}.preset-panel{background:var(--bg-elev);border:1px solid var(--border);z-index:10;width:220px;box-shadow:var(--shadow-panel);border-radius:12px;flex-direction:column;gap:8px;padding:12px;font-size:12px;display:flex;position:fixed;top:16px;left:16px}.preset-head{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 4px;font-size:10px;font-weight:600;display:flex}.preset-empty{color:var(--fg-dim);padding:4px;font-style:italic}.preset-list{flex-direction:column;gap:4px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.preset-item{align-items:stretch;gap:3px;display:flex}.preset-load{text-align:left;background:var(--bg-row);border:1px solid var(--hairline);color:var(--fg);cursor:pointer;letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:1;padding:6px 10px;font-family:inherit;font-size:12px;transition:background .12s;overflow:hidden}.preset-load:hover{background:var(--bg-row-hover)}.preset-icon,.preset-del{border:1px solid var(--border);color:var(--fg-dim);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:22px;padding:0;font-family:inherit;font-size:12px;line-height:1;transition:background .12s,color .12s,border-color .12s}.preset-icon:hover{background:var(--surface-hover);color:var(--fg);border-color:var(--hairline-strong)}.preset-del{font-size:16px}.preset-del:hover{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-border)}.preset-save-row{gap:4px;display:flex}.preset-input{background:var(--bg-row);border:1px solid var(--border);color:var(--fg);border-radius:8px;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:12px}.preset-input:focus{border-color:var(--focus-ring)}.preset-btn{background:var(--bg-row);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s}.preset-btn:hover{background:var(--bg-row-hover)}.preset-btn:disabled{opacity:.4;cursor:not-allowed}.preset-btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.preset-btn.primary:hover{background:var(--accent-hover)}.preset-save-trigger{width:100%}.theme-toggle{z-index:10;background:var(--bg-elev);border:1px solid var(--border);width:34px;height:34px;color:var(--fg-dim);cursor:pointer;box-shadow:var(--shadow-panel);border-radius:10px;place-items:center;font-family:inherit;font-size:15px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:grid;position:fixed;top:16px;right:16px}.theme-toggle:hover{background:var(--bg-row-hover);color:var(--fg);border-color:var(--hairline-strong)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.github-link{z-index:10;color:#8a8a90;background:#fff;border:1px solid #00000014;border-radius:999px;place-items:center;width:34px;height:34px;transition:color .12s;display:grid;position:fixed;bottom:16px;left:16px;box-shadow:0 2px 10px -4px #0000004d}.github-link:hover{color:#000}.github-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}