@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";.shell{background:var(--bg-base);width:100vw;height:100vh;display:flex;overflow:hidden}.rail{width:var(--rail-width);background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;flex-shrink:0;align-items:center;padding:10px 0;display:flex;position:relative}.rail__brand{border-bottom:1px solid var(--border-subtle);justify-content:center;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.rail__logo{letter-spacing:.06em;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:5px;padding:3px 6px;font-size:11px;font-weight:700}.rail__nav{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.rail__btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-tertiary);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.rail__btn:hover{background:var(--bg-raised);color:var(--text-primary)}.rail__btn--active{background:var(--bg-raised);color:var(--gizmo-colour,var(--accent))}.rail__btn--active:hover{color:var(--gizmo-colour,var(--accent))}.rail__btn-bar{background:var(--gizmo-colour,var(--accent));border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.rail__btn-hint{font-size:8px;font-family:var(--font-mono);color:var(--text-disabled);opacity:0;transition:opacity var(--transition-fast);line-height:1;position:absolute;bottom:3px;right:3px}.rail__btn:hover .rail__btn-hint{opacity:1}.rail__btn--small{width:36px;height:36px}.rail__tooltip{left:calc(var(--rail-width) + 8px);background:var(--text-primary);color:#fff;border-radius:var(--radius-md);pointer-events:none;white-space:nowrap;z-index:200;flex-direction:column;gap:2px;padding:7px 11px;animation:.1s tooltip-in;display:flex;position:absolute;box-shadow:0 4px 12px #00000026}.rail__tooltip:before{content:"";background:var(--text-primary);clip-path:polygon(100% 0,100% 100%,0 50%);width:8px;height:8px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.rail__tooltip-label{font-size:13px;font-weight:500}.rail__tooltip-sub{font-size:10px;font-family:var(--font-mono);opacity:.5}@keyframes tooltip-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.rail__bottom{border-top:1px solid var(--border-subtle);justify-content:center;width:100%;padding-top:12px;display:flex}.shell__main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.gizmo-panel{opacity:0;pointer-events:none;flex-direction:column;transition:opacity .15s;display:flex;position:absolute;inset:0;overflow:hidden}.gizmo-panel--active{opacity:1;pointer-events:all}:root{--bg-base:#f9f8f6;--bg-surface:#fff;--bg-raised:#f2f1ee;--bg-hover:#eeece8;--bg-active:#e8e5df;--border-subtle:#e3e0d9;--border-default:#d4d0c8;--border-strong:#b8b3a8;--text-primary:#1a1917;--text-secondary:#5c574f;--text-tertiary:#8c8680;--text-disabled:#b8b3a8;--accent:#c96442;--accent-hover:#b5583a;--accent-subtle:#f5ede8;--accent-border:#e8cfc4;--success:#3a7a2e;--success-bg:#edf6ea;--success-border:#c4e0bc;--warn:#b8860b;--warn-bg:#fbf3e0;--warn-border:#e0c878;--danger:#a0422e;--danger-bg:#fdf0ed;--danger-border:#f0cfc8;--info:#3a6fa0;--info-bg:#edf4fb;--info-border:#c8dff0;--rail-width:56px;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-pane:-4px 0 24px #00000012;--transition-fast:.12s ease;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-subtle)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}