:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#12161b;color:#e6e9ef;--content-scale: 1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:0 0 0 2px #0e1720,0 0 0 4px #7dd3fc,0 0 0 8px #0e1720}.cell-jogstrip:focus-visible,.trackpad:focus-visible{outline:none;box-shadow:0 0 0 2px #0e1720,0 0 0 4px #7dd3fc,0 0 0 6px #0e1720}.app{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left)}.chrome-page{flex:1;display:flex;flex-direction:row;min-height:0;min-width:0}.surface{flex:1;padding:10px;min-height:0;min-width:0;position:relative}.chrome-jogstrip{flex:0 0 auto;width:calc(clamp(56px,12vw,88px) * var(--jog-width, 1));min-width:44px;padding:8px 8px 8px 0;padding-right:max(8px,env(safe-area-inset-right));min-height:0}.chrome-jogstrip .cell-jogstrip{height:100%;width:100%;border-radius:14px}.chrome-jogstrip .chrome-jogstrip-hint{color:#7dd3fc;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.5;writing-mode:vertical-rl}.chrome-bottom{--bottom-scale: 1;display:flex;align-items:center;gap:max(8px,calc(10px * var(--bottom-scale)));padding:calc(10px * var(--bottom-scale)) calc(14px * var(--bottom-scale));padding-bottom:max(calc(10px * var(--bottom-scale)),env(safe-area-inset-bottom));background:#181818;border-top:1px solid #232a32;font-size:calc(13px * var(--bottom-scale));letter-spacing:.04em;flex:0 0 auto;container-type:inline-size}@container (max-width: 430px){.connection-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.app-name{flex:1;display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:700;font-size:calc(13px * var(--bottom-scale, 1));letter-spacing:.04em;overflow:hidden;white-space:nowrap}.app-badge{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;margin-right:auto;padding:calc(4px * var(--bottom-scale, 1)) calc(12px * var(--bottom-scale, 1)) calc(4px * var(--bottom-scale, 1)) calc(4px * var(--bottom-scale, 1));border-radius:999px;background:#1b222a;border:1px solid #2a333d;font-weight:700;font-size:calc(13px * var(--bottom-scale, 1));letter-spacing:.04em;overflow:hidden;white-space:nowrap}.app-badge-icon{width:calc(clamp(18px,4vw,24px) * var(--bottom-scale, 1));height:calc(clamp(18px,4vw,24px) * var(--bottom-scale, 1));flex:0 0 auto;color:#e6e9ef}.app-badge-themed .app-badge-icon{box-sizing:border-box;padding:4px;border-radius:50%;background:var(--badge-theme);color:#fff}.app-badge-name{overflow:hidden;text-overflow:ellipsis}.app-badge-webapp{flex:0 0 auto;margin-left:.25em;opacity:.6}.app-badge-themed{border-color:color-mix(in srgb,var(--badge-theme) 65%,#2a333d)}.chrome-bottom:has(.app-badge-themed){box-shadow:inset 0 2px color-mix(in srgb,var(--badge-theme) 70%,transparent)}.connection{display:inline-flex;align-items:center;gap:6px;color:#8a96a3;font-variant-numeric:tabular-nums}.connection-dot{display:inline-block;width:calc(9px * var(--bottom-scale, 1));height:calc(9px * var(--bottom-scale, 1));border-radius:50%;background:#6b7785}.connection-open .connection-dot{background:#4ade80}.connection-open{color:#4ade80}.connection-connecting .connection-dot{background:#f59e0b;animation:connection-pulse 1.1s ease-in-out infinite}.connection-connecting{color:#f59e0b}.connection-closed .connection-dot{background:#f87171}.connection-closed{color:#f87171}.connection-unauthorized .connection-dot{background:#c084fc}.connection-unauthorized{color:#c084fc}@keyframes connection-pulse{0%,to{opacity:1}50%{opacity:.35}}.chrome-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:calc(8px * var(--bottom-scale, 1)) calc(12px * var(--bottom-scale, 1));border-radius:9px;background:#1b222a;border:1px solid #2a333d;color:#e6e9ef;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;touch-action:manipulation;transition:background 80ms ease,transform 80ms ease}.chrome-btn>svg{width:calc(18px * var(--bottom-scale, 1));height:calc(18px * var(--bottom-scale, 1))}.chrome-btn:active{transform:scale(.97);background:#2a333d}.chrome-btn:disabled{opacity:.45;cursor:not-allowed}.chrome-btn-active{background:#2a333d;border-color:#3fb1d8;color:#7dd3fc}.chrome-btn-playing{position:relative}.chrome-btn-playing:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55eb3;animation:chrome-media-dot 1.6s ease-in-out infinite}@keyframes chrome-media-dot{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}@media(prefers-reduced-motion:reduce){.chrome-btn-playing:after{animation:none}}.sr-only,.chrome-btn-sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grid{display:grid;gap:8px;justify-content:center;align-content:start;width:100%;height:100%;overflow:hidden}.cell-empty{background:transparent}.cell-button{background:#1b222a;border:1px solid #2a333d;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8%;user-select:none;-webkit-user-select:none;touch-action:none;text-align:center;transition:transform 80ms ease,background 80ms ease;min-height:0;min-width:0;container-type:size;container-name:cell;overflow:hidden}.cell-button:active{transform:scale(.97);filter:brightness(.8)}.cell-button .label{font-size:calc(clamp(8px,15cqmin,15px) * var(--content-scale) * var(--label-scale, 1));font-weight:600;line-height:1.2;word-break:break-word}.cell-button .key-hint{font-size:calc(clamp(7px,11cqmin,11px) * var(--content-scale) * var(--label-scale, 1));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;line-height:1.1;opacity:.6;word-break:break-word}.cell-button .icon{width:calc(clamp(14px,34cqmin,44px) * var(--content-scale));height:calc(clamp(14px,34cqmin,44px) * var(--content-scale));color:currentColor}.cell-button .icon[data-icon-missing]{display:inline-flex;align-items:center;justify-content:center;font-size:calc(clamp(14px,34cqmin,40px) * var(--content-scale));opacity:.45}.cell-jogstrip{background:linear-gradient(180deg,#1d2630,#141a20);border:1px solid #344150;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;user-select:none;-webkit-user-select:none;touch-action:none;text-align:center;min-height:0;min-width:0;overflow:hidden}.cell-jogstrip .jog-mark{color:#7dd3fc;width:calc(clamp(22px,5vw,34px) * var(--content-scale));height:calc(clamp(22px,5vw,34px) * var(--content-scale))}.cell-jogstrip .label{font-size:calc(clamp(13px,2.4vw,18px) * var(--content-scale));font-weight:700}.cell-jogstrip .hint{color:#8a96a3;font-size:calc(12px * var(--content-scale))}.chrome-jogstrip .cell-jogstrip .jog-mark{width:clamp(18px,4vw,26px);height:clamp(18px,4vw,26px);opacity:.6}.trackpad{position:relative;display:grid;place-items:center;width:100%;height:100%;border:2px solid #2a333d;border-radius:16px;color:#2a333d;background:linear-gradient(180deg,#11161b,#0d1116);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.trackpad-hint{font-size:clamp(20px,4vw,30px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.6;pointer-events:none}.manual-control{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;height:100%}.manual-surface{position:relative;flex:1;min-height:0}.manual-surface .trackpad{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.kbd-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:12px;border:none;border-radius:16px;background:transparent;outline:none;color:transparent;caret-color:#7dd3fc;font-size:16px;pointer-events:none;opacity:0}.kbd-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kbd-strip-btn{min-width:44px;display:inline-flex;align-items:center;justify-content:center}.kbd-strip-ctrl-armed{background:#2a333d;border-color:#3fb1d8;color:#7dd3fc}.kbd-strip-ime{flex:0 0 auto;padding:0 14px}.kbd-strip-ime-open{background:#2a333d;border-color:#3fb1d8;color:#7dd3fc}.empty{display:grid;place-items:center;height:100%;color:#6b7785}.nowplaying{display:flex;flex-direction:column;height:100%;padding:8px 4px 0;min-height:0}.nowplaying-empty{padding:14px 18px;border-radius:10px;background:#1b222a;border:1px dashed #2a333d;color:#8a96a3;font-size:calc(14px * var(--label-scale, 1));text-align:center;margin:auto}.lock-takeover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--text, #e6ebf0);text-align:center;padding:20px}.lock-takeover-glyph{opacity:.6}.lock-takeover-title{font-size:calc(20px * var(--label-scale, 1));font-weight:700}.lock-takeover-sub{color:#8a96a3;font-size:calc(14px * var(--label-scale, 1));max-width:30ch}.lock-takeover-cause{color:#f0b429;font-size:calc(13px * var(--label-scale, 1));max-width:34ch}.conn-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:5;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#0b0f14 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px}.conn-overlay-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 26px;border-radius:14px;background:#11161b;border:1px solid #2a333d;text-align:center;max-width:34ch}.conn-overlay-spinner{width:22px;height:22px;border-radius:50%;border:3px solid #2a333d;border-top-color:#7dd3fc;animation:conn-spin .9s linear infinite}@keyframes conn-spin{to{transform:rotate(360deg)}}.conn-overlay-title{font-size:calc(17px * var(--label-scale, 1));font-weight:700;color:#e6ebf0}.conn-overlay-sub{font-size:calc(13px * var(--label-scale, 1));color:#8a96a3}.conn-overlay-btn{margin-top:2px;padding:8px 18px;border-radius:10px;border:1px solid #2a333d;background:#1b222a;color:#e6ebf0;font-weight:600}.conn-overlay-btn:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.conn-overlay-spinner{animation:none}.conn-overlay-btn:active{transform:none}.media-error-toast{animation:none}.deck-error-return:active{transform:none}}.a11y-reduce-motion .conn-overlay-spinner{animation:none}.a11y-reduce-motion .conn-overlay-btn:active{transform:none}.media-error-toast{position:fixed;left:50%;bottom:calc(64px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:12px;max-width:min(92vw,520px);padding:10px 14px;border-radius:12px;background:#2a1b1b;border:1px solid #7f1d1d;color:#fecaca;box-shadow:0 8px 24px #00000073;animation:media-toast-in .16s ease-out}@keyframes media-toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.media-error-text{font-size:calc(13px * var(--label-scale, 1));line-height:1.35}.media-error-player{font-weight:700;color:#fecaca}.media-error-actions{display:flex;gap:6px;flex-shrink:0}.media-error-btn{padding:6px 12px;border-radius:8px;border:1px solid #7f1d1d;background:#3a2222;color:#fee2e2;font-size:12px;font-weight:600}.a11y-reduce-motion .media-error-toast{animation:none}.lock-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:10px;background:#1b222a;border:1px dashed #2a333d;color:#8a96a3;font-size:calc(13px * var(--label-scale, 1));margin:8px auto 0}.settings{width:100%;height:100%;padding:20px 16px;border:1px solid #2a333d;border-radius:16px;background:#11161b;color:#e6e9ef;overflow:auto}.settings-title{margin:0 0 14px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc}.settings-title-sub{margin-top:22px}.settings-editor-launch{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-bottom:20px;padding:14px 16px;border-radius:12px;border:1px solid #3fb1d8;background:#14313d;color:#7dd3fc;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;touch-action:manipulation;transition:background 80ms ease,transform 80ms ease}.settings-editor-launch:hover{background:#17394a}.settings-editor-launch:active{transform:scale(.99);background:#1b4557}.settings-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.settings-control{display:grid;grid-template-columns:minmax(100px,25%) 1fr auto;align-items:center;gap:12px}.settings-control-label{font-size:12px;color:#8a96a3;letter-spacing:.04em}.settings-control-value{min-width:48px;text-align:right;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:700;color:#7dd3fc}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;background:transparent;outline:none;touch-action:pan-x;cursor:pointer}.slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#14364a,#2a333d)}.slider::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#14364a,#2a333d)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#7dd3fc;border:2px solid #101418;box-shadow:0 1px 3px #00000080;cursor:grab}.slider::-webkit-slider-thumb:active{cursor:grabbing}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#7dd3fc;border:2px solid #101418;box-shadow:0 1px 3px #00000080;cursor:grab}.slider::-moz-range-thumb:active{cursor:grabbing}.toggle{position:relative;width:54px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.toggle-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:30px;border-radius:999px;background:#1b222a;border:1px solid #2a333d;transition:background .12s ease,border-color .12s ease}.toggle-thumb{position:absolute;top:50%;left:3px;width:22px;height:22px;transform:translateY(-50%);border-radius:50%;background:#6b7785;transition:transform .12s ease,background .12s ease}.toggle-on .toggle-track{background:#14364a;border-color:#3fb1d8}.toggle-on .toggle-thumb{transform:translateY(-50%) translate(24px);background:#7dd3fc}.settings-list{display:flex;flex-direction:column;gap:4px;margin:0}.settings-row{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:12px;padding:6px 0;border-bottom:1px solid #1b222a}.settings-row dt{font-size:12px;color:#8a96a3;letter-spacing:.04em}.settings-row dd{margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:#e6e9ef;word-break:break-all}.deck-error{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;padding:20px;border:2px solid #f87171;border-radius:16px;background:#1a1113;color:#fca5a5;overflow:auto}.deck-error-title{font-size:clamp(16px,3vw,22px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f87171}.deck-error-body{margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(11px,1.8vw,14px);line-height:1.4;white-space:pre-wrap;word-break:break-word;color:#fecaca}.deck-error-summary{font-size:clamp(13px,2.2vw,16px);color:#fecaca}.deck-error-summary strong{color:#fff}.deck-error-return{align-self:flex-start;padding:8px 14px;border-radius:10px;border:1px solid #7f1d1d;background:#2a1b1b;color:#fee2e2;font-weight:600}.deck-error-return:active{transform:scale(.97)}.a11y-reduce-motion .deck-error-return:active{transform:none}.password-gate{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.password-gate-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px}.password-gate-title{margin:0;font-size:clamp(28px,8vw,40px);font-weight:800;letter-spacing:.02em;text-align:center}.password-gate-hint{margin:0;text-align:center;font-size:14px;color:#9aa4b2}.password-gate-input{font:inherit;padding:14px 16px;border-radius:12px;border:1px solid #2a333d;background:#161b21;color:#e6e9ef}.password-gate-input:focus{outline:none;border-color:#4b91f1}.password-gate-submit{padding:14px 16px;border-radius:12px;background:#2563eb;color:#fff;font-weight:600}.password-gate-submit:disabled{opacity:.5}.settings-logout{width:100%;min-height:44px;padding:12px 16px;border-radius:12px;border:1px solid #5b2634;background:#2a1518;color:#fca5a5;font-weight:600}.settings-logout:active{background:#3a1c20}.cell-meter{background:#1b222a;border:1px solid #2a333d;border-radius:12px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:10px 12px;user-select:none;-webkit-user-select:none;touch-action:none;text-align:center;min-height:0;min-width:0;overflow:hidden}.cell-meter-stale{border-style:dashed;border-color:#2a333d;background:#161b21}.cell-meter .icon{width:calc(clamp(20px,5vw,28px) * var(--content-scale));height:calc(clamp(20px,5vw,28px) * var(--content-scale));color:currentColor;align-self:center}.meter-readout{display:flex;align-items:baseline;justify-content:center;gap:3px;line-height:1;min-height:0;min-width:0}.meter-value{font-size:calc(clamp(20px,5vw,30px) * var(--content-scale));font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.meter-unit{font-size:calc(clamp(11px,1.6vw,14px) * var(--content-scale));color:#7a8590;font-weight:500}.meter-bar{position:relative;height:calc(8px * var(--content-scale));background:#2a333d;border-radius:999px;overflow:hidden}.meter-bar-fill{height:100%;border-radius:999px;transition:width .25s ease,background .25s ease;box-shadow:inset 0 0 0 1px #ffffff14}.meter-label{font-size:calc(clamp(9px,1.5vw,12px) * var(--content-scale) * var(--label-scale, 1));font-weight:600;line-height:1.2;color:#7a8590;word-break:break-word}.cell-media{background:linear-gradient(160deg,#1c2833,#12181e);border:1px solid #344150;border-radius:18px;display:grid;min-height:0;min-width:0;overflow:hidden;user-select:none;-webkit-user-select:none;--media-accent: #59b8df;container-type:size}.media-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,1.5cqh,16px);padding:clamp(12px,2.5cqmin,24px);min-height:0;min-width:0;overflow:hidden}.media-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,1.5cqh,16px);width:100%;min-width:0}.media-art{flex:0 0 auto;aspect-ratio:1 / 1;width:min(52cqmin,300px);max-width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#26384a,#16202a 75%);border:1px solid #33445685;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #00000059}.media-art-icon{width:52%;height:52%;color:#ff8c00}.media-art-img{width:100%;height:100%;object-fit:cover;border-radius:16px}.media-meta{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;text-align:center}.media-title,.media-subtitle{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-title{font-size:clamp(16px,2.6vw,28px);font-weight:700;color:#f2f5f8}.media-subtitle{color:#9aa7b4;font-size:clamp(11px,1.6vw,16px)}.media-range{display:grid;align-items:center;gap:10px;width:100%;color:#9aa7b4;font-size:clamp(10px,1.4vw,13px);font-variant-numeric:tabular-nums}.media-range-position{grid-template-columns:auto minmax(0,1fr) auto}.media-range-volume{grid-template-columns:auto minmax(0,1fr);max-width:min(100%,320px)}.media-range input[type=range]{width:100%;min-width:0;accent-color:var(--media-accent);touch-action:none;cursor:pointer}.media-range input[type=range]:disabled{opacity:.4}.media-transport{display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,40px)}.media-play{display:flex;align-items:center;justify-content:center;width:clamp(48px,9vw,68px);height:clamp(48px,9vw,68px);border-radius:50%;border:0;background:var(--media-accent);color:#0e1720;box-shadow:0 4px 14px #59b8df59}.media-play svg{width:62%;height:62%;fill:currentColor;stroke-width:0}.media-play:active{transform:scale(.94)}.media-skip{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;color:#c4d2dd;padding:8px}.media-skip svg{width:clamp(22px,4vw,30px);height:clamp(22px,4vw,30px)}.media-skip:active{color:var(--media-accent);transform:scale(.9)}.media-speed{display:flex;align-items:center;justify-content:center;gap:12px;color:#9aa7b4;font-size:clamp(11px,1.5vw,14px)}.media-speed button{min-width:44px;min-height:44px;border:1px solid #3b4d5b;border-radius:8px;background:#1b2a36;color:#e6f7ff;font-size:18px;line-height:1}.media-speed button:active{background:#31536a}.media-speed output{min-width:52px;text-align:center;color:#e6e9ef;font-variant-numeric:tabular-nums}.cell-media-unavailable{border-style:dashed;opacity:.7}.media-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-volume-fallback{display:flex;align-items:center;justify-content:center;gap:12px;color:#9aa7b4}.media-volume-fallback button{min-width:44px;min-height:44px;border:1px solid #3b4d5b;border-radius:8px;background:#1b2a36;color:#e6f7ff;font-size:22px}.media-volume-fallback button:disabled{opacity:.4}@container (min-aspect-ratio: 4 / 3){.media-inner{flex-direction:row;gap:clamp(16px,4cqw,44px)}.media-art{width:auto;height:min(62cqmin,240px)}.media-body{align-items:flex-start;text-align:left;width:auto;min-width:0;flex:1 1 auto}.media-meta{align-items:flex-start;text-align:left}.media-transport,.media-speed{justify-content:flex-start}}.nowplaying-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.nowplaying-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;background:#1b222a;border:1px solid #2a333d;border-radius:10px;min-height:56px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.nowplaying-row-empty{grid-template-columns:1fr;justify-items:center;color:#8a96a3;font-size:calc(14px * var(--label-scale, 1));border-style:dashed;background:transparent}.nowplaying-app{grid-column:1 / -1;font-size:clamp(11px,1.4vw,13px);font-weight:600;color:#8a96a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowplaying-art{width:40px;height:40px;border-radius:8px;background:#161b21;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.nowplaying-art-icon{width:60%;height:60%;color:#8a96a3}.nowplaying-art-img{width:100%;height:100%;object-fit:cover;display:block}.nowplaying-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nowplaying-title{font-weight:700;font-size:clamp(13px,1.8vw,16px);color:#e6e9ef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowplaying-subtitle{font-size:clamp(11px,1.4vw,13px);color:#8a96a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowplaying-transport{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:0 0 auto}.nowplaying-skip{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:#c4d2dd;border-radius:8px}.nowplaying-skip svg{width:22px;height:22px;fill:currentColor;stroke-width:0}.nowplaying-skip:active:not(:disabled){background:#2a333d;color:#7dd3fc}.nowplaying-skip:disabled{opacity:.35;cursor:not-allowed}.nowplaying-play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;background:#7dd3fc;color:#0e1720}.nowplaying-play svg{width:60%;height:60%;fill:currentColor;stroke-width:0}.nowplaying-play:active{transform:scale(.94)}.windows{display:flex;flex-direction:column;height:100%;padding:8px 4px 0;min-height:0}.windows-empty{padding:14px 18px;border-radius:10px;background:#1b222a;border:1px dashed #2a333d;color:#8a96a3;font-size:calc(14px * var(--label-scale, 1));text-align:center;margin:auto}.windows-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.windows-row{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;background:#1b222a;border:1px solid #2a333d;border-radius:10px;min-height:44px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.windows-row-interactive{cursor:pointer}.windows-row-interactive:focus-visible{outline:2px solid #3fb1d8;outline-offset:2px}.windows-row-interactive:active{transform:scale(.99)}.windows-row-icon{width:28px;height:28px;display:block}.windows-row-icon-fallback{color:#4a5663}.windows-row-label{font-size:calc(15px * var(--label-scale, 1));font-weight:500;color:#e6e9ef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cell-stats{background:#1b222a;border:1px solid #2a333d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px 12px;user-select:none;-webkit-user-select:none;touch-action:none;min-height:0;min-width:0;overflow:hidden}.stats-title{color:#7a8590;font-weight:600;line-height:1.2;text-align:center}.stats-rows{display:flex;flex-direction:column;gap:3px;min-height:0}.stats-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;line-height:1.1}.stats-row-label{font-size:calc(clamp(10px,1.6vw,13px) * var(--content-scale) * var(--label-scale, 1));font-weight:600;color:#7a8590;letter-spacing:.02em}.stats-row-value{font-size:calc(clamp(14px,2.4vw,20px) * var(--content-scale));font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stats-row-unit{font-size:.6em;color:#7a8590;font-weight:500;margin-left:2px}.tooltip-floating{position:fixed;z-index:1000;transform:translate(-50%,calc(-100% - 8px));background:#f4f6fa;color:#14181d;border:1px solid #cdd3dc;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.3;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000073;animation:tooltip-fade-in .12s ease-out}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{opacity:1;transform:translate(-50%,calc(-100% - 8px))}}@media(prefers-reduced-motion:reduce){.tooltip-floating{animation:none}}@media(prefers-reduced-motion:reduce){.connection-connecting .connection-dot{animation:none}.chrome-btn-playing:after{animation:none}.chrome-btn:active,.cell-button:active,.nowplaying-skip:active:not(:disabled),.nowplaying-play:active,.media-play:active,.media-skip:active{transform:none}}@media(prefers-contrast:more){.tooltip-floating{background:#fff;color:#000;border:2px solid #000000;box-shadow:none}.cell-button,.cell-jogstrip,.cell-meter,.cell-stats,.cell-media,.nowplaying-row,.app-badge,.chrome-btn,.kbd-strip-btn,.slider,.toggle-track{border-width:2px;border-color:#6b7785}button:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 5px #fff,0 0 0 7px #000}.cell-jogstrip:focus-visible,.trackpad:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 5px #fff,0 0 0 7px #000}.connection-open .connection-dot{background:#4ade80;box-shadow:0 0 0 1px #fff}.connection-connecting .connection-dot{background:#f59e0b;box-shadow:0 0 0 1px #fff}.connection-closed .connection-dot{background:#f87171;box-shadow:0 0 0 1px #fff}.connection-unauthorized .connection-dot{background:#c084fc;box-shadow:0 0 0 1px #fff}}.a11y-larger-controls .chrome-btn,.a11y-larger-controls .kbd-strip-btn,.a11y-larger-controls .cell-button,.a11y-larger-controls .cell-jogstrip{min-width:48px;min-height:48px}.a11y-larger-controls .slider::-webkit-slider-thumb{width:32px;height:32px;margin-top:-13px}.a11y-larger-controls .slider::-moz-range-thumb{width:32px;height:32px}.a11y-larger-controls .toggle{width:60px;height:44px}.a11y-larger-controls .toggle-track{height:36px}.a11y-larger-controls .toggle-thumb{width:28px;height:28px}.a11y-high-contrast .cell-button,.a11y-high-contrast .cell-jogstrip,.a11y-high-contrast .cell-meter,.a11y-high-contrast .cell-stats,.a11y-high-contrast .cell-media,.a11y-high-contrast .nowplaying-row,.a11y-high-contrast .app-badge,.a11y-high-contrast .chrome-btn,.a11y-high-contrast .kbd-strip-btn,.a11y-high-contrast .slider,.a11y-high-contrast .toggle-track{border-width:2px;border-color:#6b7785}.a11y-high-contrast button:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 5px #fff,0 0 0 7px #000}.a11y-high-contrast .cell-jogstrip:focus-visible,.a11y-high-contrast .trackpad:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 5px #fff,0 0 0 7px #000}.a11y-high-contrast .connection-open .connection-dot,.a11y-high-contrast .connection-connecting .connection-dot,.a11y-high-contrast .connection-closed .connection-dot,.a11y-high-contrast .connection-unauthorized .connection-dot{box-shadow:0 0 0 1px #fff}.a11y-reduce-motion .connection-connecting .connection-dot{animation:none}.a11y-reduce-motion .chrome-btn-playing:after{animation:none}.a11y-reduce-motion .chrome-btn:active,.a11y-reduce-motion .cell-button:active,.a11y-reduce-motion .nowplaying-skip:active:not(:disabled),.a11y-reduce-motion .nowplaying-play:active,.a11y-reduce-motion .media-play:active,.a11y-reduce-motion .media-skip:active{transform:none}.a11y-reduce-motion .tooltip-floating{animation:none}.editor{display:flex;flex-direction:column;height:100%;background:#12161b}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #21262d;flex-shrink:0;gap:8px}.editor-header-left,.editor-header-right{display:flex;align-items:center;gap:8px}.editor-exit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#8b949e;background:transparent;border:1px solid transparent;cursor:pointer;transition:background .12s}.editor-exit-btn:hover,.editor-exit-btn:focus-visible{background:#21262d;color:#e6e9ef}.editor-title{margin:0;font-size:14px;font-weight:600;color:#e6e9ef}.editor-picker{position:relative}.editor-picker-trigger{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:#161b21;border:1px solid #30363d;color:#c9d1d9;font-size:13px;cursor:pointer;transition:border-color .12s}.editor-picker-trigger:hover,.editor-picker-trigger:focus-visible{border-color:#58a6ff}.editor-picker-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-picker-list{position:absolute;top:calc(100% + 4px);right:0;min-width:240px;max-height:320px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:#161b21;border:1px solid #30363d;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100}.editor-picker-option{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:5px;font-size:13px;color:#c9d1d9;cursor:pointer;transition:background .1s;gap:8px}.editor-picker-option:hover{background:#1c2128}.editor-picker-option-active{background:#1c2128;color:#e6e9ef}.editor-picker-option-view{color:#8b949e;font-style:italic}.editor-picker-tag{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#8b949e;background:#21262d;padding:0 5px;border-radius:3px;margin-left:auto}.editor-save-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;background:#238636;color:#fff;font-size:13px;font-weight:500;border:1px solid #2ea043;cursor:pointer;transition:background .12s}.editor-save-btn:hover:not(:disabled),.editor-save-btn:focus-visible:not(:disabled){background:#2ea043}.editor-save-btn:active:not(:disabled){background:#196c2e}.editor-save-btn:disabled{opacity:.5;cursor:default}.editor-save-group{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.editor-save-error{margin:0;font-size:11px;color:#da3633;white-space:nowrap}.editor-panes{display:flex;flex:1;min-height:0;overflow:hidden}.editor-pane{display:flex;flex-direction:column;padding:16px;overflow-y:auto}.editor-palette{width:180px;flex-shrink:0;border-right:1px solid #21262d;background:#0d1117}.editor-canvas{flex:1;min-width:0;background:#12161b}.editor-properties{width:220px;flex-shrink:0;border-left:1px solid #21262d;background:#0d1117}@media screen and (max-width:700px){.editor-header{flex-wrap:wrap}.editor-header-left{flex-basis:100%}.editor-panes{flex-direction:column;overflow-y:auto;min-height:0;flex:1 1 auto}.editor-pane{overflow-y:visible}.editor-palette{display:none}.editor-canvas{min-height:320px;flex:1 0 auto}.editor-properties{width:100%;max-height:220px;flex-shrink:1;border-left:none;border-top:1px solid #21262d}}.editor-pane-title{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}color: #8b949e; } .editor-pane-placeholder{margin:0;font-size:13px;color:#484f58;font-style:italic}.editor-palette-items{display:flex;flex-direction:column;gap:6px}.editor-palette-item{display:flex;align-items:center;gap:8px;padding:7px 8px;background:#161b22;border:1px solid #21262d;border-radius:6px;color:#c9d1d9;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.editor-palette-item:hover:not(:disabled){background:#1c2129;border-color:#30363d}.editor-palette-item:disabled{opacity:.45;cursor:default}.editor-palette-item-icon{flex-shrink:0;color:#8b949e}.editor-palette-item-text{display:flex;flex-direction:column;gap:1px;min-width:0}.editor-palette-item-label{font-size:12px;font-weight:500}.editor-palette-item-hint{font-size:10px;color:#8b949e}.prop-panel{display:flex;flex-direction:column;gap:4px}.prop-section{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid #21262d;margin-top:4px}.prop-section-header{display:flex;align-items:center;justify-content:space-between}.prop-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b949e}.prop-field{display:flex;flex-direction:column;gap:3px}.prop-field-label{font-size:11px;color:#8b949e}.prop-field-input{padding:6px 8px;font-size:13px;background:#161b22;border:1px solid #30363d;border-radius:6px;color:#e6e9ef;outline:none}.prop-field-input:focus{border-color:#58a6ff}.prop-field-input:read-only{opacity:.5;cursor:default}.prop-field-input[type=number]{-moz-appearance:textfield}.prop-field-input::-webkit-inner-spin-button,.prop-field-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select.prop-field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.prop-field-check{flex-direction:row;align-items:center;gap:6px}.prop-field-check .prop-field-label{flex:1}.prop-field-note{margin:0;font-size:12px;color:#484f58;font-style:italic}.prop-field-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;color:#8b949e;background:#21262d;border:1px solid #30363d;border-radius:4px;cursor:pointer;transition:color .15s,background .15s}.prop-field-btn:hover{color:#e6e9ef;background:#30363d}.prop-field-btn-remove{color:#da3633;border-color:#da3633;background:transparent}.prop-field-btn-remove:hover{background:#da363326}.prop-field-btn-add{color:#3fb950;border-color:#3fb950;background:transparent}.prop-field-btn-add:hover{background:#3fb95026}.prop-field-btn-delete{width:100%;justify-content:center;color:#da3633;border-color:#da3633;background:transparent;margin-top:4px}.prop-field-btn-delete:hover{background:#da363326}.prop-field-icon-preview{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#161b22;border:1px solid #30363d;border-radius:6px}.prop-field-icon-glyph{width:20px;height:20px;flex-shrink:0}.prop-field-icon-name{font-size:12px;font-family:monospace;color:#8b949e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-field-size-row{display:flex;align-items:center;gap:6px}.prop-field-size-item{display:flex;align-items:center;gap:4px;flex:1}.prop-field-size-sep{font-size:12px;color:#484f58}.prop-field-input-num{width:100%}.prop-field-size-label{font-size:11px;color:#8b949e}.prop-field-metric-row{display:flex;align-items:flex-start;gap:4px}.prop-field-metric-fields{display:flex;flex-direction:column;gap:3px;flex:1}.prop-field-metric-fields .prop-field-input{padding:4px 6px;font-size:12px}.prop-field-color-row{display:flex;align-items:center;gap:6px}.prop-field-color-swatch,.prop-field-color-preview{width:32px;height:32px;padding:0;border:1px solid #30363d;border-radius:6px;background:transparent;flex-shrink:0}.prop-field-color-swatch{cursor:pointer}.prop-field-color-preview{cursor:default}.prop-field-color-swatch::-webkit-color-swatch-wrapper{padding:2px}.prop-field-color-swatch::-webkit-color-swatch{border:none;border-radius:4px}.prop-field-color-swatch::-moz-color-swatch{border:none;border-radius:4px}.prop-field-color-text{flex:1}.prop-field-color-presets{display:flex;flex-wrap:wrap;gap:4px}.prop-field-color-preset{width:22px;height:22px;padding:0;border:1px solid #30363d;border-radius:4px;cursor:pointer}.prop-field-color-swatch:focus-visible,.prop-field-color-preset:focus-visible{outline:2px solid #58a6ff;outline-offset:-2px}.editor-canvas-cell-selected{outline:2px solid #58a6ff;outline-offset:-2px}.editor-canvas-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.editor-canvas-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-shrink:0}.editor-canvas-app{font-size:14px;font-weight:600;color:#e6e9ef}.editor-canvas-match{font-size:11px;color:#8b949e;font-family:monospace}.editor-canvas-widget-count{font-size:12px;color:#8b949e;margin-left:auto}.editor-canvas-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-shrink:0;flex-wrap:wrap}.editor-canvas-toolbar-group{display:flex;align-items:center;gap:4px}.editor-canvas-toolbar-label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.04em;margin-right:4px}.editor-canvas-toolbar-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:5px;font-size:11px;color:#8b949e;background:transparent;border:1px solid #30363d;cursor:pointer;transition:background .12s,border-color .12s}.editor-canvas-toolbar-btn:hover{background:#21262d;border-color:#484f58}.editor-canvas-toolbar-btn-active,.editor-canvas-toolbar-btn-active:hover{background:#1c3a5c;border-color:#58a6ff;color:#c9d1d9}.editor-canvas-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border:1px dashed #21262d;border-radius:8px;padding:8px;align-content:start}.editor-canvas-grid-preview{margin:0 auto}.editor-canvas-grid-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#484f58;font-size:13px;font-style:italic}.editor-canvas-grid .grid{display:grid;justify-content:center;gap:8px;align-content:start}.editor-canvas-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(160deg,#2d333b,#21262d);border:1px solid #30363d;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;aspect-ratio:1 / 1;transition:border-color .12s,box-shadow .12s;min-width:0;overflow:hidden}.editor-canvas-cell:hover{border-color:#484f58}.editor-canvas-cell-blank{background:transparent;border-style:dashed;border-color:#21262d}.editor-canvas-cell-unsupported{opacity:.55;background:linear-gradient(160deg,#1c2128,#161b21);border-style:dashed}.editor-canvas-cell-unsupported-badge{position:absolute;top:3px;right:4px;font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#484f58;background:#12161b;padding:1px 4px;border-radius:3px}.editor-canvas-cell-macro-badge{position:absolute;top:3px;left:28px;font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#d2991d;background:#272115;padding:1px 4px;border-radius:3px}.editor-canvas-cell-drag{position:absolute;top:3px;left:3px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:#484f58;background:transparent;border:none;cursor:grab;opacity:0;transition:opacity .12s;z-index:2}.editor-canvas-cell:hover .editor-canvas-cell-drag,.editor-canvas-cell-drag:focus-visible{opacity:1}.editor-canvas-cell-drag:active{cursor:grabbing}.editor-canvas-cell-body{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 4px;overflow:hidden}.editor-canvas-cell-icon{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.editor-canvas-cell-icon .icon{width:20px;height:20px}.editor-canvas-cell-glyph{font-size:18px;line-height:1}.editor-canvas-cell-label{font-size:10px;font-weight:500;color:#c9d1d9;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.editor-canvas-cell-kind{position:absolute;bottom:2px;left:4px;font-size:8px;color:#484f58;text-transform:uppercase;letter-spacing:.04em}.editor-canvas-cell-span{position:absolute;bottom:2px;right:4px;opacity:0;transition:opacity .12s}.editor-canvas-cell:hover .editor-canvas-cell-span,.editor-canvas-cell-span:focus-within{opacity:1}.editor-canvas-cell-span-controls{display:flex;align-items:center;gap:1px;background:#161b21;border:1px solid #30363d;border-radius:5px;overflow:hidden}.editor-canvas-cell-span-btn,.editor-canvas-cell-span-full-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#8b949e;cursor:pointer;height:16px;min-width:16px;font-size:10px;font-family:monospace;transition:background .12s,color .12s}.editor-canvas-cell-span-btn:hover{background:#21262d;color:#c9d1d9}.editor-canvas-cell-span-full-btn{min-width:auto;padding:0 4px;font-size:9px;font-weight:600}.editor-canvas-cell-span-full-btn:hover{background:#1c3a5c;color:#58a6ff}.editor-canvas-cell-span-btn:disabled{opacity:.3;cursor:default}.editor-picker-separator{height:1px;background:#30363d;margin:4px 0;border:none}.editor-picker-option-new{color:#58a6ff;gap:6px}.editor-picker-option.editor-picker-option-new:hover{background:#1c3a5c}.editor-creation-form{display:flex;flex-direction:column;gap:16px;max-width:440px;margin:24px auto;padding:24px;background:#0d1117;border:1px solid #30363d;border-radius:8px}.editor-creation-prompt{margin:0;font-size:15px;color:#c9d1d9;line-height:1.4}.editor-creation-field{display:flex;flex-direction:column;gap:4px}.editor-creation-field-label{font-size:12px;font-weight:500;color:#8b949e;text-transform:uppercase;letter-spacing:.04em}.editor-creation-input{padding:6px 10px;border-radius:6px;border:1px solid #30363d;background:#161b22;color:#c9d1d9;font-size:13px;font-family:inherit}.editor-creation-input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.editor-creation-input::placeholder{color:#484f58}.editor-creation-alt{display:flex;align-items:center;gap:10px}.editor-creation-alt-label{font-size:12px;color:#8b949e}.editor-creation-alt-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border-radius:6px;border:1px solid #30363d;background:#161b22;color:#c9d1d9;font-size:13px;cursor:pointer;transition:border-color .12s,background .12s}.editor-creation-alt-btn:hover{border-color:#58a6ff;background:#1c2128}.editor-creation-alt-code{font-size:11px;color:#8b949e;font-family:monospace}.editor-creation-actions{display:flex;gap:8px;justify-content:flex-end}.editor-creation-btn{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .12s}.editor-creation-btn-primary{background:#238636;color:#fff;border-color:#2ea043}.editor-creation-btn-primary:hover:not(:disabled){background:#2ea043}.editor-creation-btn-primary:disabled{opacity:.5;cursor:default}.editor-creation-btn-cancel{background:#21262d;color:#c9d1d9;border-color:#30363d}.editor-creation-btn-cancel:hover{background:#30363d}.icon-picker-trigger{flex-shrink:0;margin-left:auto}.icon-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-picker{width:400px;max-height:560px;display:flex;flex-direction:column;background:#0d1117;border:1px solid #30363d;border-radius:8px;box-shadow:0 16px 48px #0006;overflow:hidden}.icon-picker-tabs{display:flex;border-bottom:1px solid #21262d}.icon-picker-tab{flex:1;padding:8px 0;border:none;background:transparent;color:#8b949e;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color .12s,border-color .12s}.icon-picker-tab:hover{color:#c9d1d9}.icon-picker-tab-active{color:#58a6ff;border-bottom-color:#58a6ff}.icon-picker-search{padding:8px;border-bottom:1px solid #21262d}.icon-picker-search-input{padding:6px 10px;border-radius:6px;border:1px solid #30363d;background:#161b22;color:#c9d1d9;font-size:13px;font-family:inherit;width:100%;box-sizing:border-box}.icon-picker-search-input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.icon-picker-search-input::placeholder{color:#484f58}.icon-picker-grid{flex:1;min-height:0;overflow-y:auto;padding:4px}.icon-picker-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:2px 0}.icon-picker-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;border:1px solid transparent;border-radius:6px;background:transparent;color:#c9d1d9;cursor:pointer;font-family:inherit;font-size:10px;transition:background 80ms,border-color 80ms;min-width:0;overflow:hidden}.icon-picker-item:hover{background:#161b22;border-color:#30363d}.icon-picker-item-selected{background:#1c3a5c;border-color:#58a6ff}.icon-picker-item-glyph{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.icon-picker-item-glyph svg{width:100%;height:100%}.icon-picker-item-name{font-size:9px;color:#8b949e;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.icon-picker-loading,.icon-picker-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#8b949e;font-size:13px;padding:24px}.icon-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #21262d;gap:8px}.icon-picker-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#161b22;border:1px solid #30363d;border-radius:6px;font-size:12px;color:#c9d1d9;min-width:0;flex:1}.icon-picker-chip-glyph{width:16px;height:16px;flex-shrink:0}.icon-picker-chip-name{font-family:monospace;font-size:11px;color:#8b949e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.icon-picker-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:4px;background:transparent;color:#8b949e;font-size:12px;cursor:pointer;flex-shrink:0;transition:background 80ms,color 80ms}.icon-picker-chip-remove:hover{background:#21262d;color:#da3633}.icon-picker-chip-empty{font-size:12px;color:#484f58}.icon-picker-close{padding:5px 14px;border-radius:6px;border:1px solid #30363d;background:#21262d;color:#c9d1d9;font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;transition:background .12s;white-space:nowrap}.icon-picker-close:hover{background:#30363d}.cell-danger{border-color:#b91c1c;box-shadow:0 0 0 1px #b91c1c66;position:relative}.cell-danger-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:#b91c1c;color:#fff;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.cell-danger-badge svg{width:12px;height:12px}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.confirm-modal-card{background:#161b21;border:2px solid #b91c1c;border-radius:16px;padding:24px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 48px #0009;color:#e6e9ef}.confirm-modal-badge{align-self:flex-start;width:36px;height:36px;border-radius:50%;background:#b91c1c;color:#fff;display:inline-flex;align-items:center;justify-content:center}.confirm-modal-badge-icon{width:22px;height:22px}.confirm-modal-title{margin:0;font-size:22px;font-weight:700;letter-spacing:.01em}.confirm-modal-body{margin:0;font-size:16px;line-height:1.5;color:#c9d1d9}.confirm-modal-body strong{color:#fff;font-weight:600}.confirm-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-button{font:inherit;padding:12px 20px;border-radius:10px;border:1px solid #2a333d;font-weight:600;cursor:pointer;min-width:96px}.confirm-modal-cancel{background:#21262d;color:#e6e9ef}.confirm-modal-cancel:hover,.confirm-modal-cancel:focus-visible{background:#2a333d}.confirm-modal-confirm{background:#b91c1c;color:#fff;border-color:#b91c1c}.confirm-modal-confirm:hover,.confirm-modal-confirm:focus-visible{background:#991b1b}.confirm-modal-confirm:focus-visible,.confirm-modal-cancel:focus-visible{outline:2px solid #4b91f1;outline-offset:2px}.settings-control-choice{flex-wrap:wrap;align-items:flex-start}.settings-choice{display:flex;gap:6px;flex:1 1 100%;min-width:0}.settings-choice-option{flex:1 1 0;min-width:0;min-height:44px;padding:7px 8px;border-radius:9px;border:1px solid #2a333d;background:#1b222a;color:#e6e9ef;font-size:12px;letter-spacing:.02em;touch-action:manipulation}.settings-choice-option[aria-pressed=true]{background:#59b8df;border-color:#59b8df;color:#06222e;font-weight:700}.settings-help-link{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:9px 12px;border:1px solid #2a333d;border-radius:9px;background:#161c22;color:#7dd3fc;font-size:12px;letter-spacing:.03em;text-align:left;cursor:pointer;touch-action:manipulation}.settings-help-link:hover{border-color:#3a4a57}
