:root{color:#1c2321;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}button{border:0}.appShell{min-height:100vh;color:#1c2321}.controlPanel{position:fixed;inset:0 auto 0 0;z-index:80;width:320px;display:flex;flex-direction:column;gap:18px;overflow:auto;padding:22px;border-right:1px solid #d7ded9;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:8px 0 28px #1c232114}.panelHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}.panelHeader>div{min-width:0}.eyebrow{margin:0 0 4px;color:#b53d2e;font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:1.45rem;line-height:1.1}h2{color:#43514c;font-size:.78rem;font-weight:800;text-transform:uppercase}.sponsorBadge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:28px;margin-top:10px;padding:5px 8px;border:1px solid rgba(18,106,107,.22);border-radius:8px;color:#126a6b;background:#e8f3ef;font-size:.72rem;font-weight:750;line-height:1;text-decoration:none}.sponsorBadge span{color:#5b6a65}.sponsorBadge strong{color:#0f595a;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.sponsorBadge:hover{border-color:#126a6b6b;background:#dceee8}.installSnippet{display:flex;align-items:center;width:calc(100% + 56px);max-width:calc(100% + 56px);margin-top:8px;overflow:hidden;border:1px solid #d7ded9;border-radius:8px;color:#243530;background:#f8faf8}.installSnippet code{min-width:0;flex:1;padding:8px 9px;overflow:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.72rem;font-weight:750;line-height:1.2;white-space:nowrap}.copyInstallButton{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;width:34px;padding:0;border-left:1px solid #d7ded9;border-radius:0;color:#126a6b;background:#e8f3ef;font-size:.72rem;font-weight:850}.copyInstallButton:hover{background:#dceee8}.controlGroup{display:grid;gap:10px}.actionGrid,.toggleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.actionButton,.toggleButton,.iconButton,.pinButton,.nudgePad button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:8px;color:#20302b;background:#edf3ef;transition:background-color .14s ease,box-shadow .14s ease,transform .14s ease}.actionButton:hover,.toggleButton:hover,.iconButton:hover,.pinButton:hover,.nudgePad button:hover{background:#dfeae4}.actionButton:active,.toggleButton:active,.iconButton:active,.pinButton:active,.nudgePad button:active{transform:translateY(1px)}.actionButton{gap:6px;flex-direction:column;height:58px;padding:8px 4px;font-size:.76rem;font-weight:750}.toggleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggleButton{justify-content:space-between;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:800}.toggleButton[aria-pressed=true],.pinButton[aria-pressed=true]{color:#fff;background:#126a6b;box-shadow:0 8px 18px #126a6b38}.toggleTrack{position:relative;width:28px;height:16px;flex:0 0 auto;border-radius:999px;background:#20302b38}.toggleTrack span{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:999px;background:currentColor;transition:transform .14s ease}.toggleButton[aria-pressed=true] .toggleTrack span{transform:translate(12px)}.iconButton{width:40px;height:40px;flex:0 0 auto}.pinGroup{grid-template-columns:1fr auto;align-items:start}.pinGroup h2{grid-column:1 / -1}.pinGrid{display:grid;width:120px;grid-template-columns:repeat(3,1fr);gap:6px}.pinButton{width:36px;height:36px}.pinButton span{width:7px;height:7px;border-radius:999px;background:#7a8b85}.nudgePad{display:grid;width:86px;grid-template-columns:repeat(3,1fr);gap:6px}.nudgePad button{width:26px;height:26px;min-height:26px}.nudgePad button:first-child{grid-column:2}.nudgePad button:nth-child(2){grid-column:1}.nudgePad button:nth-child(3){grid-column:3}.nudgePad button:nth-child(4){grid-column:2}.rangeRow{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:10px;color:#43514c;font-size:.86rem;font-weight:800}.rangeRow input{accent-color:#126a6b}.statusGroup pre{min-height:110px;max-height:190px;margin:0;overflow:auto;padding:12px;border:1px solid #d7ded9;border-radius:8px;color:#2c3935;background:#f8faf8;font-size:.72rem;line-height:1.45}.logGroup ol{min-height:76px;margin:0;padding:0 0 0 18px;color:#43514c;font-size:.78rem;line-height:1.55}.stage{position:fixed;top:0;right:0;bottom:0;left:320px;overflow:hidden;background:linear-gradient(rgba(18,106,107,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(18,106,107,.08) 1px,transparent 1px),linear-gradient(135deg,rgba(242,190,34,.16),transparent 42%),#f4f7f5;background-size:34px 34px,34px 34px,auto,auto}.stageTopbar{position:absolute;top:24px;right:24px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.stageTopbar span{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(28,35,33,.1);border-radius:8px;color:#1f3b38;background:#ffffffb3;font-size:.78rem;font-weight:800}@media(max-width:760px){body{overflow:hidden}.controlPanel{inset:auto 0 0 0;width:auto;max-height:206px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,280px);overflow-x:auto;overflow-y:hidden;padding:14px;border-top:1px solid #d7ded9;border-right:0;box-shadow:0 -8px 28px #1c23211a}.panelHeader{align-items:start}h1{font-size:1.12rem}.stage{top:0;right:0;bottom:206px;left:0}.stageTopbar{top:14px;right:14px;left:14px}}@media(prefers-reduced-motion:reduce){.actionButton,.toggleButton,.iconButton,.pinButton,.nudgePad button,.toggleTrack span{transition:none}}