*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-accent:#4caf50;--c-accent-bg:#1a2a1a;--c-accent-bg2:#1e3e1e;--c-bg-0:#0a0a0a;--c-bg-1:#111;--c-bg-2:#151515;--c-bg-3:#1a1a1a;--c-bg-4:#222;--c-border:#333;--c-border-strong:#555;--c-text:#ccc;--c-text-dim:#999;--c-text-dim2:#666;--c-warn:#f90;--c-warn-bg:#3a2a1a;--fs-xxs:9px;--fs-xs:10px;--fs-sm:11px;--fs-md:12px;--fs-lg:14px;--sp-1:4px;--sp-2:6px;--sp-3:8px;--sp-4:12px;--r-sm:3px;--r-md:6px;--r-pill:999px}body{color:#ccc;background:#111;font-family:monospace;font-size:13px;overflow:hidden}#nav-bar{z-index:200;background:#000000e6;border-bottom:1px solid #333;align-items:center;gap:6px;height:36px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}#nav-bar .site-title{color:#4caf50;margin-right:10px;font-size:13px;font-weight:700}#nav-bar a{color:#999;border-radius:3px;padding:4px 10px;font-size:12px;text-decoration:none;transition:background .12s,color .12s}#nav-bar a:hover{color:#fff;background:#333}#nav-bar a.active{color:#4caf50;background:#1a3a1a}canvas{display:block}.panel{z-index:10;background:#000000d1;border:1px solid #444;border-radius:6px;min-width:200px;max-height:calc(100vh - 56px);padding:14px;transition:min-width .18s,max-width .18s,padding .18s;position:absolute;top:46px;left:10px;overflow-y:auto}.panel h2{color:#4caf50;margin-bottom:10px;font-size:13px}.panel-header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.panel-header h2{flex:1;margin:0}.panel-toggle{color:#999;cursor:pointer;background:0 0;border:1px solid #444;border-radius:3px;flex-shrink:0;width:22px;height:22px;margin:0;padding:0;font-size:13px;line-height:1}.panel-toggle:hover{color:#4caf50;background:#222;border-color:#4caf50}.panel.collapsed{min-width:0;max-width:38px;padding:6px;overflow:hidden}.panel.collapsed>:not(.panel-header){display:none!important}.panel.collapsed .panel-header{margin-bottom:0}.panel.collapsed .panel-header h2{display:none}.panel.collapsed .panel-toggle{width:26px;height:26px}#status{color:#ccc;margin-bottom:8px;font-size:12px}#vfs-info{color:#4caf50;word-break:break-all;margin-bottom:10px;font-size:11px;line-height:1.5}select,button,input[type=text]{color:#ccc;cursor:pointer;background:#2a2a2a;border:1px solid #555;border-radius:3px;outline:none;width:100%;margin-bottom:6px;padding:6px 10px;font-family:monospace;font-size:12px}button:hover{background:#3a3a3a;border-color:#777}button.primary{color:#4caf50;background:#1a4a1a;border-color:#4caf50}button.primary:hover{color:#111;background:#4caf50}button:disabled{opacity:.4;cursor:default}