:root{--bar-h: 40px;--bg: #1e1f22;--bar-bg: #2b2d31;--bar-border: #1e1f22;--text: #dbdee1;--text-dim: #949ba4;--hover: #35373c;--accent: #5865f2}:root[data-theme=light]{--bg: #ffffff;--bar-bg: #f2f3f5;--bar-border: #e3e5e8;--text: #2e3338;--text-dim: #5c5e66;--hover: #e3e5e8;--accent: #5865f2}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:gg sans,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.bar{flex:0 0 var(--bar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px 0 12px;background:var(--bar-bg);border-bottom:1px solid var(--bar-border);-webkit-user-select:none;user-select:none}.bar-left,.bar-right{display:flex;align-items:center;gap:6px;min-width:0}.title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker{appearance:none;max-width:260px;padding:4px 26px 4px 8px;border:1px solid var(--bar-border);border-radius:4px;background:var(--bg);background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.picker:hover{background-color:var(--hover)}.picker:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.picker:not([hidden])+.title{display:none}.btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-dim);cursor:pointer;transition:background-color .12s ease,color .12s ease}.btn:hover{background:var(--hover);color:var(--text)}.btn-icon{font-size:15px;line-height:1}.stage{position:relative;flex:1 1 auto;min-height:0;background:var(--bg)}.frame{display:block;width:100%;height:100%;border:0;background:var(--bg);opacity:0;transition:opacity .18s ease}.app[data-state=ready] .frame{opacity:1}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;text-align:center;background:var(--bg);transition:opacity .18s ease}.app[data-state=ready] .overlay{opacity:0;pointer-events:none}.overlay-title{margin:12px 0 0;font-size:15px;font-weight:600;color:var(--text)}.overlay-detail{margin:0;max-width:46ch;font-size:13px;line-height:1.5;color:var(--text-dim)}.overlay-detail code{padding:1px 5px;border-radius:3px;background:var(--bar-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.spinner{width:26px;height:26px;border:2.5px solid var(--hover);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.app[data-state=error] .spinner{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}.frame,.overlay,.btn{transition:none}}