html,body{color:#eee;background:#0b0d10;height:100%;margin:0;padding:0;font-family:system-ui,sans-serif}.osd-shell{width:100vw;height:100vh;display:flex}.osd-canvas-area{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.osd-canvas-area canvas{image-rendering:pixelated}.osd-sidebar{background:#11151a;border-left:1px solid #1f242a;flex-direction:column;flex-shrink:0;width:320px;display:flex}.osd-topbar{border-bottom:1px solid #1f242a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.osd-topbar-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.osd-pause-btn{color:#eee;cursor:pointer;background:0 0;border:1px solid #2a313a;border-radius:4px;width:32px;height:28px;font-size:14px;line-height:1}.osd-pause-btn:hover{background:#1c2128}.osd-info{color:#c8ced4;border-bottom:1px solid #1f242a;flex-shrink:0;max-height:40%;padding:12px;font-size:13px;overflow-y:auto}.osd-info-purpose{margin:0 0 10px;line-height:1.4}.osd-info-controls{border-collapse:collapse;width:100%;font-size:12px}.osd-info-controls td{vertical-align:top;padding:4px 6px}.osd-info-controls td:first-child{white-space:nowrap}.osd-info-controls kbd{background:#1a1f25;border:1px solid #2a313a;border-radius:3px;margin:0 2px 0 0;padding:1px 5px;font-family:monospace;font-size:11px;display:inline-block}.osd-tweakpane{flex:1;min-height:0;padding:8px;overflow-y:auto}