:root{--bg:#0a0a0f;--surface:#13131a;--border:#23233a;--text:#e4e4ef;--text-dim:#8888a4;--accent:#6366f1;--accent-light:#818cf8;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-shell{flex-direction:column;height:100%;display:flex}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.toolbar-left{align-items:center;gap:10px;display:flex}.toolbar-title{background:linear-gradient(135deg, var(--accent-light), #c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.toolbar-sep{color:var(--border);font-size:1.2rem}.toolbar-doc{color:var(--text-dim);font-size:.85rem;font-weight:500}.toolbar-right{align-items:center;gap:8px;display:flex}.toolbar-right button{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:4px 12px;font-size:.8rem;transition:border-color .15s,background .15s}.toolbar-right button:hover{border-color:var(--accent);background:#6366f11a}.toolbar-info{color:var(--text-dim);margin-left:8px;font-size:.75rem}#canvas-container{background:radial-gradient(circle at 50% 0%, #6366f10f 0%, transparent 50%), var(--bg);flex:1;position:relative;overflow:hidden}#canvas-container svg{background:0 0!important}