:root{--color-bg:#ffffff;--color-surface:#f7f8fa;--color-border:#e3e6ec;--color-text:#0b1220;--color-text-muted:#5b6675;--color-primary:#1e2b7c;--color-accent:#ff5910;--color-success:#0a9460;--color-danger:#b82128;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-body:Inter,system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:20px;letter-spacing:-.01em}h1,h2{font-weight:650}h2{font-size:14px}.mono{font-family:var(--font-mono)}.muted{color:var(--color-text-muted)}.shell-top{height:52px;background:var(--color-bg);border-bottom:1px solid var(--color-border);gap:18px;padding:0 18px;position:sticky;top:0;z-index:50}.shell-brand,.shell-top{display:flex;align-items:center}.shell-brand{gap:9px;font-weight:650;font-size:14.5px;color:var(--color-text);white-space:nowrap}.shell-brand i{width:26px;height:26px;border-radius:7px;background:var(--color-primary);color:#fff;font:700 11px var(--font-body);font-style:normal;display:flex;align-items:center;justify-content:center}.shell-nav{gap:4px}.shell-nav,.shell-nav a{display:flex;align-items:center;height:100%}.shell-nav a{padding:0 12px;font-size:13px;font-weight:550;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.shell-nav a:hover{color:var(--color-text);text-decoration:none}.shell-nav a.on{color:var(--color-primary);border-bottom-color:var(--color-primary)}.shell-spacer{flex:1}.shell-user{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 10%,white);color:var(--color-primary);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.wrap{max-width:980px;margin:0 auto;padding:28px 22px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.page-head p{margin-top:3px;font-size:13px}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px}.card+.card{margin-top:14px}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font:600 13px var(--font-body);cursor:pointer;white-space:nowrap;transition:border-color .12s,background .12s}.btn:hover{border-color:var(--color-primary);text-decoration:none}.btn:disabled{opacity:.55;cursor:wait}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--color-primary) 88%,black)}.btn-accent{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-danger{color:var(--color-danger)}.btn-sm{padding:5px 10px;font-size:12px}.input,select.input{width:100%;padding:9px 11px;font:500 13.5px var(--font-body);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent)}.field{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted)}.field .input{margin-top:5px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:650;border-radius:6px;color:var(--color-success);background:color-mix(in srgb,var(--color-success) 11%,white)}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--color-success)}.badge-muted{color:var(--color-text-muted);background:var(--color-surface)}.kvs{width:100%;border-collapse:collapse}.kvs td{padding:9px 0;border-bottom:1px solid var(--color-border);font-size:13.5px;vertical-align:top}.kvs tr:last-child td{border-bottom:none}.kvs td:first-child{color:var(--color-text-muted);width:38%}.err{font-size:13px;color:var(--color-danger)}.studio{display:flex;flex-direction:column;height:calc(100vh - 52px);overflow:hidden}.studio-top{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.studio-title{font-size:15.5px;font-weight:650}.studio-stats{display:flex;gap:14px;font-size:12px;color:var(--color-text-muted)}.studio-stats b{color:var(--color-text);font-weight:650}.studio-body{display:flex;flex:1;min-height:0}.studio-dock{width:290px;min-width:290px;background:var(--color-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;min-height:0}.dock-head{padding:12px 14px 8px;border-bottom:1px solid var(--color-border)}.dock-list{flex:1;overflow-y:auto;padding:8px 10px}.guest-chip{display:flex;align-items:center;gap:9px;padding:9px 10px;margin-bottom:6px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12.5px;cursor:grab;user-select:none;touch-action:none}.guest-chip:hover{border-color:var(--color-primary)}.guest-chip.seated{opacity:.55}.guest-chip .gc-av{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:color-mix(in srgb,var(--color-primary) 10%,white);color:var(--color-primary);font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.guest-chip .gc-name{font-weight:600;line-height:1.25}.guest-chip .gc-sub{font-size:10.5px;color:var(--color-text-muted)}.dock-foot{padding:10px 12px;border-top:1px solid var(--color-border);display:grid;gap:8px}.studio-canvas-wrap{flex:1;position:relative;overflow:hidden;background:var(--color-surface)}.studio-props{right:14px;width:250px;box-shadow:0 14px 40px rgba(11,18,32,.12);padding:14px}.studio-props,.studio-toolbar{position:absolute;top:14px;z-index:20;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.studio-toolbar{left:14px;display:flex;gap:6px;padding:6px;box-shadow:0 8px 24px rgba(11,18,32,.08)}.studio-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:20;background:color-mix(in srgb,var(--color-text) 88%,transparent);font-weight:550;padding:7px 14px;border-radius:99px;white-space:nowrap}.drag-ghost,.studio-status{color:#fff;font-size:12px;pointer-events:none}.drag-ghost{position:fixed;z-index:1000;transform:translate(-50%,-130%);background:var(--color-primary);font-weight:650;padding:6px 12px;border-radius:8px;box-shadow:0 10px 26px rgba(11,18,32,.3)}@media (max-width:760px){.studio-dock{position:absolute;z-index:30;height:100%;transform:translateX(-100%);transition:transform .2s}.studio-dock.open{transform:none;box-shadow:18px 0 40px rgba(11,18,32,.18)}.studio-props{width:calc(100vw - 28px)}}