:root{--kl-bg: rgb(255, 255, 255);--ui-bg: rgba(20, 20, 22, .78);--ui-fg: rgba(255, 255, 255, .95);--ui-fg-muted: rgba(255, 255, 255, .62);--ui-border: rgba(255, 255, 255, .12);--ui-accent: #8ab4ff;--radius: 12px;--shadow: 0 12px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--kl-bg);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none;transition:background-color .12s linear}body.cursor-hidden,body.cursor-hidden *{cursor:none!important}#stage{position:fixed;inset:0;background:var(--kl-bg)}.drawer-toggle{position:fixed;top:12px;right:12px;z-index:20;width:40px;height:40px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-bg);color:var(--ui-fg);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:.35;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.drawer-toggle:hover,.drawer-toggle:focus-visible{opacity:1;outline:none}.drawer-toggle .chev{transition:transform .2s ease}.drawer-toggle.open .chev{transform:rotate(180deg)}.drawer{position:fixed;top:0;right:0;z-index:15;width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 16px);margin:8px;padding:56px 18px 18px;border-radius:var(--radius);background:var(--ui-bg);color:var(--ui-fg);border:1px solid var(--ui-border);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.7,.2,1);overflow-y:auto;scrollbar-width:thin}.drawer.open{opacity:1;transform:translateY(0);pointer-events:auto}.drawer.open.idle{opacity:.55}.drawer.open.idle:hover,.drawer.open.idle:focus-within{opacity:1}.drawer-section{padding:14px 0;border-bottom:1px solid var(--ui-border)}.drawer-section:last-child{border-bottom:none}.section-title{margin:0 0 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ui-fg-muted)}.presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.presets.custom{margin-top:8px;grid-template-columns:repeat(3,1fr)}.preset{appearance:none;border:1px solid var(--ui-border);background:#ffffff0a;color:var(--ui-fg);font:inherit;font-size:12px;padding:8px 6px;border-radius:8px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease}.preset:hover{background:#ffffff1a;border-color:#fff3}.preset:active{transform:scale(.98)}.preset[data-empty=true]{color:var(--ui-fg-muted);border-style:dashed}.control{display:block;margin-top:12px}.control:first-of-type{margin-top:4px}.control-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.control-label{font-size:13px}.control-value{font-size:12px;font-variant-numeric:tabular-nums;color:var(--ui-fg-muted)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#ffffff2e;border-radius:999px}input[type=range]::-moz-range-track{height:4px;background:#ffffff2e;border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:999px;background:var(--ui-fg);border:none;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--ui-fg);border:none;box-shadow:0 1px 4px #00000080}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.color-control input[type=color]{width:100%;height:36px;border:1px solid var(--ui-border);border-radius:8px;background:transparent;cursor:pointer;padding:2px}.color-control input[type=color]:disabled{opacity:.4;cursor:not-allowed}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ui-fg-muted)}.toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:28px;height:16px;border-radius:999px;background:#ffffff2e;position:relative;cursor:pointer;transition:background-color .15s ease}.toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle input[type=checkbox]:checked{background:var(--ui-accent)}.toggle input[type=checkbox]:checked:after{transform:translate(12px)}.actions-section{display:flex;flex-direction:column;gap:10px}.actions{display:flex;gap:8px}.action{flex:1;appearance:none;border:1px solid var(--ui-border);background:#ffffff0a;color:var(--ui-fg);font:inherit;font-size:13px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:background-color .12s ease}.action:hover{background:#ffffff1f}.hint{margin:0;font-size:11px;color:var(--ui-fg-muted);line-height:1.6}.hint kbd{display:inline-block;padding:1px 5px;background:#ffffff14;border:1px solid var(--ui-border);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}button:focus-visible,input:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}