.drawing-node{width:100%;height:100%;position:relative;overflow:visible;pointer-events:none}.drawing-node svg{display:block;pointer-events:none}.drawing-node path{pointer-events:visiblePainted}.drawing-node__hit-path{cursor:pointer}.drawing-node__ink-path,.drawing-node__arrow-ink{transition:filter .16s ease}.sticky-note{width:100%;height:100%;position:relative;border-radius:2px 2px 8px;padding:16px;box-shadow:2px 4px 10px #00000026;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;touch-action:none}.sticky-note--selected{box-shadow:0 0 0 2px var(--accent-color, #0ea5e9),4px 8px 16px #0003}.sticky-note__fold{position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-radius:0 0 8px;border-color:transparent transparent rgba(0,0,0,.1) rgba(0,0,0,.1);box-shadow:-2px -2px 4px #0000000d}.sticky-note__drag-handle{position:absolute;top:8px;right:8px;width:28px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;z-index:3;opacity:.35;color:#0f172ab3;background:#0000000f;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0;outline:none;transition:opacity .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.sticky-note:hover .sticky-note__drag-handle,.sticky-note--selected .sticky-note__drag-handle{opacity:.85}.sticky-note__drag-handle:hover{opacity:1;color:#0f172af2;background:#0000001f;border-color:#00000024;transform:scale(1.08);box-shadow:0 2px 8px #0000001a}.sticky-note__drag-handle:active{cursor:grabbing;transform:scale(.94);background:#0000002e;box-shadow:none}.sticky-note__text,.sticky-note__textarea{flex:1;width:100%;height:100%;outline:none;overflow-y:auto;font-family:var(--font-sans, system-ui, sans-serif);font-weight:500;color:#1a1a1a;word-wrap:break-word;white-space:pre-wrap;line-height:1.4;position:relative;z-index:1;background:transparent;border:none;resize:none;padding:0 42px 0 0;margin:0;box-sizing:border-box}.sticky-note__textarea{touch-action:manipulation;cursor:text}.sticky-note__placeholder{position:absolute;top:16px;left:16px;color:#1a1a1a66;pointer-events:none;font-family:var(--font-sans, system-ui, sans-serif);font-weight:500;z-index:0}.sticky-note__text::-webkit-scrollbar{width:4px}.sticky-note__text::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.sticky-note--yellow{background-color:#fef08a}.sticky-note--yellow .sticky-note__fold{border-color:transparent transparent #fde047 #fde047}.sticky-note--pink{background-color:#fbcfe8}.sticky-note--pink .sticky-note__fold{border-color:transparent transparent #f9a8d4 #f9a8d4}.sticky-note--blue{background-color:#bfdbfe}.sticky-note--blue .sticky-note__fold{border-color:transparent transparent #93c5fd #93c5fd}.sticky-note--green{background-color:#bbf7d0}.sticky-note--green .sticky-note__fold{border-color:transparent transparent #86efac #86efac}.sticky-note--purple{background-color:#e9d5ff}.sticky-note--purple .sticky-note__fold{border-color:transparent transparent #d8b4fe #d8b4fe}.sticky-note--orange{background-color:#fed7aa}.sticky-note--orange .sticky-note__fold{border-color:transparent transparent #fdba74 #fdba74}.map-node{width:100%;height:100%;position:relative;background:#0f172a;border:1px solid rgba(255,255,255,.16);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 35px #00000080;cursor:default}.map-node--selected{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f173,0 12px 35px #00000080}.map-node__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#0f172af5;border-bottom:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:.82rem;font-weight:650;-webkit-user-select:none;user-select:none;cursor:grab;flex-shrink:0;z-index:10}.map-node__header:active{cursor:grabbing}.map-node__header-title{display:flex;align-items:center;gap:6px}.map-node__drag-icon{font-size:16px!important;color:#64748b}.map-node__header-coords{font-family:var(--font-mono, monospace);font-size:.75rem;color:#94a3b8;background:#ffffff0f;padding:2px 8px;border-radius:9999px;border:1px solid rgba(255,255,255,.08)}.map-node .leaflet-container{flex:1;width:100%!important;height:100%!important;min-height:100px;background:#1e293b;cursor:crosshair}.map-node__controls{position:absolute;top:46px;right:14px;display:flex;align-items:center;gap:4px;z-index:10000;background:#0f172ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border-radius:8px;box-shadow:0 4px 14px #00000040;border:1px solid rgba(255,255,255,.2)}.map-node__action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .15s ease}.map-node__action-btn:hover{background:#ffffff29;color:#f8fafc}.map-node__action-btn.active{background:#6366f133;color:#818cf8;border-color:#6366f1}.map-node__marker-panel{position:absolute;left:20px;bottom:20px;z-index:1000;display:flex;flex-direction:column;gap:4px;width:min(230px,calc(100% - 40px));padding:6px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d}.map-node__marker-row{display:grid;grid-template-columns:18px minmax(0,1fr) 22px 22px 22px;align-items:center;gap:4px;border-radius:6px;padding:2px;transition:background .15s ease}.map-node__marker-row.active-anchor{background:#38bdf82e}.map-node__marker-dot{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#6366f1;color:#fff;font-size:10px;font-weight:700}.map-node__marker-main{display:flex;flex-direction:column;min-width:0;gap:2px}.map-node__marker-row input{min-width:0;height:24px;border:1px solid var(--border-default, #e5e7eb);border-radius:5px;padding:0 6px;font-size:12px}.map-node__marker-position{color:#4b5563;font-size:10px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-node__marker-row button{height:22px;border:0;border-radius:5px;background:transparent;color:#374151;cursor:pointer}.map-node__marker-row button:disabled{cursor:default;opacity:.45}.map-node__marker-row button:hover{background:#ef444424;color:#dc2626}[data-theme=dark] .map-node__marker-panel{background:#1f2937db;border-color:#4b556373}[data-theme=dark] .map-node__marker-row input{background:#111827;color:#f9fafb;border-color:#4b5563}[data-theme=dark] .map-node__marker-row button{color:#f3f4f6}[data-theme=dark] .map-node__marker-position{color:#cbd5e1}.text-node{width:100%;height:100%;min-height:48px;padding:10px 14px;box-sizing:border-box;position:relative;display:flex;align-items:flex-start;font-family:var(--font-sans, system-ui, sans-serif);outline:2px solid transparent;transition:outline-color .2s ease;border-radius:6px}.text-node--selected{outline:2px solid rgba(99,102,241,.65)}.text-node__content,.text-node__textarea{flex:1;width:100%;height:100%;outline:none;word-wrap:break-word;white-space:pre-wrap;background:transparent;border:none;resize:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;line-height:1.5;position:relative;z-index:1}.text-node__placeholder{position:absolute;top:10px;left:14px;color:var(--text-muted, #9ca3af);pointer-events:none;z-index:0}.image-node{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:border-color var(--transition-fast)}.image-node__file-input{display:none}.image-node--selected{border-color:var(--accent-primary)}.image-node--empty{border:2px dashed var(--border-default);background:var(--bg-surface)}.image-node--empty:hover{border-color:var(--accent-primary);background:#6366f10d}.image-node__img{width:100%;height:100%;display:block;pointer-events:none}.image-node__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary);font-size:var(--text-xs);-webkit-user-select:none;user-select:none;border:0;background:transparent;cursor:pointer;width:100%;height:100%}.image-node__placeholder svg{opacity:.5}.image-node__replace-btn{position:absolute;right:8px;bottom:8px;height:28px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-md);cursor:pointer}.shape-node{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.shape-node__svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.shape-node__label{position:relative;z-index:2;color:var(--text-primary, #f0f0f5);font-size:var(--text-sm, 14px);font-weight:500;text-align:center;padding:8px 12px;word-break:break-word;white-space:pre-wrap;max-width:84%;max-height:84%;overflow:hidden;cursor:text;line-height:1.35;-webkit-user-select:text;user-select:text}.shape-node__label--empty{opacity:.45;font-style:italic;font-size:12px}.shape-node__textarea{position:relative;z-index:2;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px dashed var(--accent-primary, #6366f1);border-radius:var(--radius-sm, 6px);color:var(--text-primary, #f0f0f5);font-family:inherit;font-size:var(--text-sm, 14px);font-weight:500;text-align:center;padding:6px 10px;outline:none;width:84%;max-height:84%;resize:none;line-height:1.35;box-shadow:0 4px 14px #0000004d}.shape-node__textarea::placeholder{color:#ffffff73}.frame-node{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.frame-node__header{position:absolute;top:-28px;left:0;display:flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;-webkit-user-select:none;user-select:none;z-index:5}.frame-node__title{cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.frame-node__title:hover{background:var(--bg-hover);border-color:var(--border-strong)}.frame-node__input{background:var(--bg-surface);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;padding:2px 6px;outline:none;width:160px}.frame-node__body{flex:1;width:100%;height:100%;border:2px dashed var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),background-color var(--transition-fast);pointer-events:none}.frame-node--selected .frame-node__body{border-style:solid;border-color:var(--accent-primary)!important;box-shadow:0 0 0 1px var(--accent-primary)}.code-node{width:100%;height:100%;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 25px #0006;font-family:Fira Code,JetBrains Mono,Consolas,Monaco,monospace}.code-node--selected{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f166}.code-node__header{background:#1e293b;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.code-node__dots{display:flex;gap:6px}.code-dot{width:10px;height:10px;border-radius:50%}.code-dot.red{background:#ef4444}.code-dot.yellow{background:#f59e0b}.code-dot.green{background:#22c55e}.code-node__filename{font-size:.75rem;color:#94a3b8;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.code-node__filename-input{background:#0f172a;border:1px solid #6366f1;color:#f8fafc;font-size:.75rem;padding:2px 6px;border-radius:4px;outline:none}.code-node__copy-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.7rem;padding:3px 8px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.code-node__copy-btn:hover{background:#6366f133;color:#fff;border-color:#6366f1}.code-node__textarea{flex:1;background:transparent;border:none;color:#38bdf8;font-family:inherit;font-size:.82rem;line-height:1.5;padding:12px;resize:none;outline:none;white-space:pre}.code-node__textarea::placeholder{color:#475569}.canvio-tooltip-wrapper{position:relative;display:inline-flex}.canvio-tooltip{position:absolute;background:var(--glass-bg, rgba(19, 19, 26, .95));color:var(--text-primary, #ffffff);border:1px solid var(--glass-border, rgba(255, 255, 255, .18));border-radius:8px;padding:5px 10px;font-family:var(--font-sans, system-ui, sans-serif);font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease;z-index:10000;box-shadow:0 10px 25px #00000080,0 0 15px #6366f126;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.canvio-tooltip-wrapper:hover .canvio-tooltip{opacity:1}.canvio-tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-6px) scale(.92);margin-bottom:8px}.canvio-tooltip-wrapper:hover .canvio-tooltip-top{transform:translate(-50%) translateY(0) scale(1)}.canvio-tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(6px) scale(.92);margin-top:8px}.canvio-tooltip-wrapper:hover .canvio-tooltip-bottom{transform:translate(-50%) translateY(0) scale(1)}.canvio-tooltip-left{right:100%;top:50%;transform:translateY(-50%) translate(-6px) scale(.92);margin-right:8px}.canvio-tooltip-wrapper:hover .canvio-tooltip-left{transform:translateY(-50%) translate(0) scale(1)}.canvio-tooltip-right{left:100%;top:50%;transform:translateY(-50%) translate(6px) scale(.92);margin-left:8px}.canvio-tooltip-wrapper:hover .canvio-tooltip-right{transform:translateY(-50%) translate(0) scale(1)}.canvio-toolbar-container{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:var(--z-toolbar);width:max-content;max-width:calc(100vw - 24px)}@keyframes toolbar-enter{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.canvio-toolbar-enter{animation:toolbar-enter .4s cubic-bezier(.16,1,.3,1) forwards}.canvio-toolbar{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--toolbar-bg, var(--glass-bg, rgba(19, 19, 27, .85)));border:1px solid var(--toolbar-border, var(--glass-border, rgba(255, 255, 255, .12)));border-radius:var(--radius-full, 9999px);box-shadow:var(--toolbar-shadow, 0 10px 30px rgba(0, 0, 0, .5)),0 0 20px var(--selection-ring-soft, rgba(128, 131, 255, .2));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.canvio-toolbar::-webkit-scrollbar{display:none}.canvio-toolbar-button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;touch-action:manipulation;scroll-snap-align:center}.canvio-toolbar-button:hover{color:var(--text-primary);background:var(--bg-hover);transform:translateY(-2px) scale(1.08)}.canvio-toolbar-button.active{color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 35%,var(--bg-surface));box-shadow:0 0 18px var(--selection-ring-soft);border:1px solid var(--accent-primary);transform:translateY(-2px) scale(1.12)}.canvio-toolbar-divider{width:1px;height:24px;flex:0 0 1px;background:var(--border-strong);margin:0 var(--space-1)}@media(max-width:760px){.canvio-toolbar-container{bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 16px)}.canvio-toolbar{border-radius:var(--radius-lg, 16px);padding:5px 8px;gap:4px}.canvio-toolbar-button{width:42px;height:42px;flex:0 0 42px}}@media(max-width:480px){.canvio-toolbar-container{bottom:calc(8px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 12px)}.canvio-toolbar{padding:4px 6px;gap:3px}.canvio-toolbar-button{width:42px;height:42px;flex:0 0 42px}.canvio-toolbar-divider{margin:0 2px}}@media(pointer:coarse){.canvio-toolbar{padding:6px 8px}.canvio-toolbar-button{width:46px;height:46px;flex-basis:46px}}.node-inspector{position:absolute;left:50%;z-index:260;display:flex;align-items:center;gap:5px;background:var(--toolbar-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--toolbar-border);border-radius:10px;box-shadow:var(--toolbar-shadow);padding:5px 8px;-webkit-user-select:none;user-select:none;pointer-events:auto;white-space:nowrap;max-width:calc(100vw - 16px);overflow-x:auto;scrollbar-width:none}.node-inspector::-webkit-scrollbar{display:none}@keyframes toolbarEnter{0%{opacity:0;transform:translate(-50%,-80%) scale(.9)}to{opacity:1}}.canvio-toolbar-enter{animation:toolbarEnter .25s cubic-bezier(.175,.885,.32,1.275) forwards}.node-inspector__colors{display:flex;align-items:center;gap:4px}.node-inspector__color-btn{width:18px;height:18px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast)}.node-inspector__color-btn:hover{transform:scale(1.2)}.node-inspector__color-btn.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface),var(--shadow-sm)}.node-inspector__divider{width:1px;height:16px;background:var(--border-subtle);margin:0 4px}.node-inspector__shapes{display:flex;align-items:center;gap:2px}.node-inspector__shape-btn{background:transparent;border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.node-inspector__shape-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.node-inspector__shape-btn.selected{background:var(--accent-primary);color:#fff}.node-inspector__actions,.node-inspector__segments{display:flex;align-items:center;gap:2px}.node-inspector__segment{height:26px;min-width:44px;padding:0 9px;border:0;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all var(--transition-fast, .15s ease)}.node-inspector__segment svg{flex-shrink:0;opacity:.85}.node-inspector__segment:hover{background:var(--bg-hover);color:var(--text-primary)}.node-inspector__segment:hover svg{opacity:1}.node-inspector__segment.selected{background:var(--accent-primary, #6366f1);color:#fff;box-shadow:0 1px 4px #6366f159}.node-inspector__segment.selected svg{opacity:1;stroke:currentColor}.node-inspector__range{width:72px;accent-color:var(--accent-primary)}.node-inspector__mini-control{height:26px;min-width:88px;display:flex;align-items:center;gap:6px;padding:0 6px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-surface) 82%,transparent);color:var(--text-secondary);font-size:10px;font-weight:700}.node-inspector__mini-control input{width:58px;accent-color:var(--accent-primary)}.node-inspector__segment--tight{min-width:26px;width:26px;padding:0;font-weight:800}.node-inspector__btn{background:transparent;border:none;color:var(--text-secondary);width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.node-inspector__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.node-inspector__btn.active{background:var(--accent-primary);color:#fff}.node-inspector__btn.danger:hover{background:#ef444433;color:var(--accent-danger)}.node-inspector__btn--ai{background:linear-gradient(135deg,#a855f726,#6366f126);border:1px solid rgba(168,85,247,.25)}.node-inspector__btn--ai:hover{background:linear-gradient(135deg,#a855f74d,#6366f14d);border-color:#a855f780;transform:scale(1.08)}.node-inspector__btn.spinning span{animation:inspector-ai-spin 1s linear infinite}@keyframes inspector-ai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light] .node-inspector{background:#fffffff5;border-color:#0f172a1f;box-shadow:0 12px 34px #0f172a1f}@media(pointer:coarse){.node-inspector{top:-64px;gap:7px;padding:7px 9px;border-radius:14px}.node-inspector__color-btn,.node-inspector__shape-btn,.node-inspector__btn,.node-inspector__segment--tight{min-width:36px;width:36px;height:36px}.node-inspector__segment{min-width:52px;height:36px;padding-inline:10px}.node-inspector__mini-control{min-height:36px}}@media(max-width:520px){.node-inspector{max-width:calc(100vw - 12px)}}.node-renderer{position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid transparent;border-radius:10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.node-renderer.selected{border:1.5px solid var(--selection-ring);box-shadow:0 0 0 1px var(--selection-ring-soft),0 8px 28px #0f172a1f}.node-renderer.is-interacting{filter:drop-shadow(0 10px 28px rgba(15,23,42,.18))}.node-renderer.node-type-drawing{pointer-events:none}.node-renderer.node-type-drawing path,.node-renderer.node-type-drawing line,.node-renderer.node-type-drawing g,.node-renderer.node-type-drawing .resize-handle,.node-renderer.node-type-drawing .node-port{pointer-events:auto}.node-renderer.node-type-drawing.selected{border-color:transparent;box-shadow:none}.node-renderer.node-type-drawing.selected .drawing-node__ink-path,.node-renderer.node-type-drawing.selected .drawing-node__arrow-ink{filter:drop-shadow(0 0 .5px var(--selection-ring)) drop-shadow(0 0 8px var(--selection-ring-soft))}.node-renderer.node-type-drawing:hover .drawing-node__ink-path,.node-renderer.node-type-drawing:hover .drawing-node__arrow-ink{filter:drop-shadow(0 0 5px var(--selection-ring-soft))}.resize-handle{position:absolute;width:10px;height:10px;background:var(--bg-surface);border:2px solid var(--selection-ring);border-radius:50%;box-shadow:0 2px 10px #0f172a2e;transition:transform var(--transition-fast),background var(--transition-fast);z-index:30}.resize-handle:hover{background:var(--selection-ring);transform:scale(1.25)}.resize-handle.tl{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.tr{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.bl{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.br{bottom:-6px;right:-6px;cursor:nwse-resize}.node-renderer.relation-source{border:1.5px solid var(--relation-active)!important;border-radius:var(--radius-md);animation:pulse-relation-source 1.5s infinite ease-in-out}.node-renderer.relation-target{border:1.5px solid var(--accent-success)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-success) 18%,transparent),0 10px 30px #0f172a24}.node-renderer.node-type-shape.selected{border-color:transparent}.node-renderer.node-type-shape.relation-source{border-color:transparent!important;box-shadow:none;animation:none}.node-renderer.node-type-shape.relation-target{border-color:transparent!important;box-shadow:none}.node-renderer.node-type-shape.relation-source .shape-node__svg{filter:drop-shadow(0 0 8px var(--accent-secondary));animation:pulse-shape-source 1.5s infinite ease-in-out}.node-renderer.node-type-shape.relation-target .shape-node__svg{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent-success) 68%,transparent))}@keyframes pulse-shape-source{0%{filter:drop-shadow(0 0 4px rgba(167,139,250,.4))}50%{filter:drop-shadow(0 0 14px rgba(167,139,250,.9))}to{filter:drop-shadow(0 0 4px rgba(167,139,250,.4))}}@keyframes pulse-relation-source{0%{box-shadow:0 0 0 2px var(--relation-active-soft)}50%{box-shadow:0 0 0 6px var(--relation-active-soft),0 0 22px var(--relation-active-soft)}to{box-shadow:0 0 0 2px var(--relation-active-soft)}}.node-port{position:absolute;width:12px;height:12px;background:var(--bg-surface);border:2px solid var(--relation-active);border-radius:50%;cursor:pointer;z-index:25;box-shadow:0 0 0 3px var(--relation-active-soft);opacity:.92;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.node-renderer.relation-mode .node-port{opacity:1}.node-port:hover,.node-port.active{transform:scale(1.4);background:var(--relation-active);box-shadow:0 0 0 5px var(--relation-active-soft),0 0 12px var(--relation-active)}.node-port.top{top:-7px;left:50%;transform:translate(-50%)}.node-port.right{right:-7px;top:50%;transform:translateY(-50%)}.node-port.bottom{bottom:-7px;left:50%;transform:translate(-50%)}.node-port.left{left:-7px;top:50%;transform:translateY(-50%)}.node-port.top:hover,.node-port.top.active{transform:translate(-50%) scale(1.4)}.node-port.right:hover,.node-port.right.active{transform:translateY(-50%) scale(1.4)}.node-port.bottom:hover,.node-port.bottom.active{transform:translate(-50%) scale(1.4)}.node-port.left:hover,.node-port.left.active{transform:translateY(-50%) scale(1.4)}@media(pointer:coarse){.resize-handle{width:18px;height:18px;border-width:3px}.resize-handle.tl{top:-10px;left:-10px}.resize-handle.tr{top:-10px;right:-10px}.resize-handle.bl{bottom:-10px;left:-10px}.resize-handle.br{bottom:-10px;right:-10px}.node-port{width:22px;height:22px;border-width:3px;box-shadow:0 0 0 5px var(--relation-active-soft)}.node-port.top{top:-13px}.node-port.right{right:-13px}.node-port.bottom{bottom:-13px}.node-port.left{left:-13px}}[data-theme=light] .node-renderer.selected{box-shadow:0 0 0 1px var(--selection-ring-soft),0 8px 24px #0f172a14}.multi-selection-inspector{position:absolute;top:0;left:0;transform-origin:center bottom;z-index:1000;pointer-events:auto;animation:scaleIn .2s cubic-bezier(.175,.885,.32,1.275)}.multi-selection-inspector .inspector-panel{transform:translate(-50%,-100%);display:flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:6px;box-shadow:0 4px 12px #0000001a,0 0 0 1px #0000000d}.multi-selection-inspector .inspector-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.multi-selection-inspector .inspector-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.multi-selection-inspector .inspector-btn.danger:hover{background:#ef44441a;color:#ef4444}.multi-selection-inspector .inspector-divider{width:1px;height:20px;background:var(--border-subtle);margin:0 4px}.relation-group{transition:opacity var(--transition-fast)}.relation-line-core,.relation-line-rim,.relation-line-casing,.relation-line-glow{transition:stroke-width var(--transition-fast),stroke-opacity var(--transition-fast),opacity var(--transition-fast)}.relation-line-core{filter:drop-shadow(0 1px 0 rgba(0,0,0,.1))}@keyframes relationFlow{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}@keyframes relationPulseGlow{0%{stroke-opacity:.5;filter:drop-shadow(0 0 3px var(--relation-active-soft, rgba(99, 102, 241, .4)))}50%{stroke-opacity:1;filter:drop-shadow(0 0 10px var(--relation-active-soft, rgba(99, 102, 241, .95)))}to{stroke-opacity:.5;filter:drop-shadow(0 0 3px var(--relation-active-soft, rgba(99, 102, 241, .4)))}}.relation-animated{stroke-dasharray:8 7;animation:relationFlow 1.1s linear infinite}.relation-group--hovered .relation-line-core,.relation-group--selected .relation-line-core{animation:relationPulseGlow 1.8s ease-in-out infinite}.relation-group--eraser:hover .relation-line-core{stroke:var(--accent-danger)!important;stroke-width:4px!important}.relation-group--eraser:hover .relation-line-casing{stroke:var(--relation-casing);stroke-width:10px}.canvas{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-canvas);touch-action:none;overscroll-behavior:none}.canvas--relation-ready{cursor:crosshair}.canvas--relation-aiming{cursor:cell}.canvas--relation-snapped{cursor:alias}.canvas__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--canvas-grid-dot, var(--border-subtle)) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.canvas__world{position:absolute;top:50%;left:50%;transform-origin:0 0;pointer-events:none}.canvas__world>*{pointer-events:auto}.canvas__radial-ring{position:fixed;z-index:1000;width:170px;height:170px;transform:translate(-50%,-50%);pointer-events:none;animation:radialPopIn .22s cubic-bezier(.16,1,.3,1) forwards;-webkit-user-select:none;user-select:none}@keyframes radialPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.canvas__radial-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:var(--toolbar-bg, rgba(19, 19, 27, .92));border:1px solid var(--toolbar-border, rgba(255, 255, 255, .2));box-shadow:0 4px 15px #0006;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .15s ease}.canvas__radial-center:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-50%,-50%) scale(1.15)}.canvas__radial-circle-item{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:var(--toolbar-bg, rgba(19, 19, 27, .92));border:1px solid var(--toolbar-border, rgba(255, 255, 255, .18));box-shadow:0 6px 20px #00000073,0 0 15px var(--selection-ring-soft, rgba(128, 131, 255, .25));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;opacity:0;scale:.5;animation:popInStagger .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes popInStagger{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.canvas__radial-circle-item:nth-child(2){animation-delay:.03s}.canvas__radial-circle-item:nth-child(3){animation-delay:.06s}.canvas__radial-circle-item:nth-child(4){animation-delay:.09s}.canvas__radial-circle-item:nth-child(5){animation-delay:.12s}.canvas__radial-circle-item:nth-child(6){animation-delay:.15s}.canvas__radial-circle-item:nth-child(7){animation-delay:.18s}.canvas__radial-circle-item:hover{background:color-mix(in srgb,var(--accent-primary) 35%,var(--bg-surface));color:var(--text-primary);border-color:var(--accent-primary);box-shadow:0 0 22px var(--selection-ring-soft),0 8px 24px #00000080}.canvas__radial-circle-item.ai-item{background:linear-gradient(135deg,#a855f740,#6366f140);border-color:#a855f766;color:#c084fc}.canvas__radial-circle-item.ai-item:hover{background:linear-gradient(135deg,#a855f773,#6366f173);border-color:#c084fc;color:#fff}.canvas__radial-label{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0f172af2;color:#f8fafc;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 12px #0000004d}.canvas__radial-circle-item:hover .canvas__radial-label{opacity:1}@media(pointer:coarse){.canvas__radial-ring{width:196px;height:196px}.canvas__radial-center{width:48px;height:48px}.canvas__radial-circle-item{width:56px;height:56px}.canvas__radial-label{opacity:1}}.cursors-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-cursors);transform-origin:0 0}.remote-cursor{position:absolute;pointer-events:none;z-index:9999;display:flex;flex-direction:column;align-items:flex-start;transition:transform .12s cubic-bezier(.2,.9,.3,1.1);will-change:transform}.remote-cursor__pointer{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.remote-cursor__label{margin-top:4px;margin-left:12px;padding:4px 8px;border-radius:var(--radius-sm);color:#fff;font-family:var(--font-sans);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.15);pointer-events:none}.share-btn{position:relative;display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--toolbar-bg) 92%,transparent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid color-mix(in srgb,var(--toolbar-border) 82%,transparent);color:var(--text-primary);height:40px;min-height:40px;padding:0 15px;border-radius:14px;cursor:pointer;z-index:var(--z-toolbar);font-family:var(--font-sans);font-size:12.5px;font-weight:700;line-height:1;box-shadow:0 10px 28px #00000029,0 1px 2px #0000001f;transition:all var(--transition-base)}.share-btn:hover{background:color-mix(in srgb,var(--bg-hover) 78%,var(--toolbar-bg));border-color:var(--accent-primary)}.share-btn:active{transform:scale(.97)}@media(max-width:768px){.share-btn{height:34px;min-height:34px;padding:0 8px;font-size:11px;gap:0}.share-btn>span:not(.material-symbols-outlined){display:none}}.export-menu-container{position:relative;display:flex;align-items:center;gap:8px}.export-menu__trigger-btn,.export-menu__trigger-btn *{color:var(--text-primary, #f8fafc)!important}.export-menu__trigger-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;height:38px;padding:0 14px;border-radius:9999px;font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-menu__trigger-btn:hover{background:var(--bg-hover)}@media(max-width:768px){.export-menu__trigger-btn{padding:0 8px;height:34px;gap:0}.export-menu__trigger-btn>span:not(.material-symbols-outlined){display:none}}.export-menu__trigger-btn:hover{color:var(--accent-primary)}.export-menu__status-chip{max-width:180px;padding:6px 12px;border-radius:9999px;border:1px solid rgba(34,197,94,.3);background:#22c55e1f;color:var(--accent-success);font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-sm)}.export-menu__status-chip--error{border-color:#ef44444d;background:#ef44441f;color:var(--accent-danger)}@keyframes export-menu-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.export-menu-enter{animation:export-menu-enter .2s cubic-bezier(.16,1,.3,1) forwards}.export-menu__popover{position:absolute;top:52px;left:0;width:260px;-webkit-user-select:none;user-select:none;z-index:1000}.export-menu__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.export-menu__close{background:transparent;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .15s ease}.export-menu__close:hover{background:var(--bg-hover);color:var(--text-primary)}.export-menu__section{display:flex;flex-direction:column;gap:8px}.export-menu__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.export-menu__message{font-size:11px;color:var(--accent-success);line-height:1.3}.export-menu__message--error{color:var(--accent-danger)}.export-menu__action-btn{display:flex;align-items:center;gap:10px;background:var(--glass-bg, rgba(255, 255, 255, .04));border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:10px;padding:10px 12px;font-size:.82rem;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .18s ease;width:100%}.export-menu__action-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));border-color:var(--border-strong, rgba(255, 255, 255, .2));transform:translateY(-1px)}.export-menu__action-btn.primary{background:linear-gradient(135deg,#8083ff26,#6366f126);border-color:#6366f166;color:var(--text-primary)}.export-menu__action-btn.primary:hover{background:linear-gradient(135deg,#8083ff40,#6366f140);border-color:#6366f199}.export-menu__divider{height:1px;background:var(--border-subtle)}.export-menu__preset-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;margin-top:2px;padding:2px 0}.export-menu__preset-item{display:flex;align-items:flex-start;gap:10px;background:transparent;border:none;border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer;width:100%;transition:background .15s ease,color .15s ease}.export-menu__preset-item:hover{background:var(--bg-hover)}.export-menu__preset-item .material-symbols-outlined{margin-top:2px;color:var(--text-primary);font-size:16px}.export-menu__preset-info{display:flex;flex-direction:column;gap:2px}.export-menu__preset-title{font-size:.84rem;font-weight:600;color:var(--text-primary)}.export-menu__preset-desc{font-size:11px;color:var(--text-secondary);line-height:1.35}.export-menu__file-input{display:none}.template-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d15b8;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:template-fade-in .22s cubic-bezier(.16,1,.3,1)}@keyframes template-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.template-modal__dialog{width:min(1120px,calc(100vw - 48px));height:min(820px,calc(100vh - 48px));background:var(--surface-dim, #13131b);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 30px 90px #0009,0 0 30px #c0c1ff1a;display:flex;overflow:hidden;position:relative;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.template-sidebar{width:250px;min-width:250px;background:#13131bd9;border-right:1px solid rgba(255,255,255,.08);padding:24px 16px;display:flex;flex-direction:column;gap:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .25s ease,border-color .25s ease}.template-sidebar__brand{padding:0 8px}.template-sidebar__logo{display:flex;align-items:center;gap:10px}.template-sidebar__title{font-family:var(--font-display, "Outfit", sans-serif);font-size:1.35rem;font-weight:900;letter-spacing:-.02em;color:var(--primary, #c0c1ff)}.template-sidebar__badge{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant, #c7c4d7);margin-top:4px}.template-sidebar__nav{display:flex;flex-direction:column;gap:4px;flex:1}.template-sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:transparent;border:none;color:var(--on-surface-variant, #c7c4d7);font-family:var(--font-sans, "Inter", sans-serif);font-size:.88rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease}.template-sidebar__link:hover{background:#ffffff0f;color:var(--text-primary, #ffffff)}.template-sidebar__link.active{background:#8083ff2e;color:var(--primary, #c0c1ff);font-weight:600;border-right:3px solid var(--primary-container, #8083ff)}.template-sidebar__footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.template-sidebar__create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:9999px;background:var(--primary-container, #8083ff);border:none;color:#fff;font-family:var(--font-sans, "Inter", sans-serif);font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 0 20px #8083ff4d;transition:all .2s ease}.template-sidebar__create-btn:hover{background:#6b6eff;transform:translateY(-1px);box-shadow:0 0 26px #8083ff73}.template-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-container-lowest, #0d0d15);transition:background .25s ease}.template-main__header{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-b:1px solid rgba(255,255,255,.06);background:#13131b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;transition:background .25s ease,border-color .25s ease}.template-search{position:relative;flex:1;max-width:440px}.template-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--on-surface-variant, #c7c4d7);font-size:1.15rem;pointer-events:none}.template-search__input{width:100%;height:38px;padding:0 36px 0 40px;background:var(--surface-container-low, #1b1b23);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--on-surface, #e4e1ed);font-family:var(--font-sans, "Inter", sans-serif);font-size:.88rem;outline:none;transition:all .2s ease}.template-search__input:focus{border-color:var(--primary, #c0c1ff);box-shadow:0 0 16px #c0c1ff33;background:var(--surface-container, #1f1f27)}.template-search__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--on-surface-variant);cursor:pointer;padding:2px;border-radius:50%;display:flex}.template-close-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--on-surface-variant, #c7c4d7);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.template-close-btn:hover{background:#ffb4ab26;border-color:#ffb4ab4d;color:#ffb4ab}.template-main__body{flex:1;padding:28px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:28px}.template-hero h2{font-family:var(--font-display, "Outfit", sans-serif);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface, #e4e1ed);margin:0}.template-hero p{font-size:.92rem;color:var(--on-surface-variant, #c7c4d7);margin:6px 0 0}.template-section{display:flex;flex-direction:column;gap:14px}.template-section__header{display:flex;align-items:center;justify-content:space-between}.template-section__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary, #c0c1ff);margin:0}.template-section__count{font-size:.75rem;color:var(--on-surface-variant)}.template-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-tool-card{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#1b1b2399;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--on-surface, #e4e1ed);cursor:pointer;text-align:left;transition:all .2s ease}.template-tool-card:hover{background:var(--surface-container-low, #1b1b23);border-color:#c0c1ff59;transform:translateY(-1px);box-shadow:0 0 20px #c0c1ff1f}.template-tool-card__icon{width:42px;height:42px;border-radius:10px;background:var(--surface-dim, #13131b);border:1px solid rgba(255,255,255,.1);color:var(--primary, #c0c1ff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s ease}.template-tool-card:hover .template-tool-card__icon{border-color:#c0c1ff66}.template-tool-card strong{display:block;font-size:.95rem;font-weight:700;color:var(--on-surface)}.template-tool-card p{font-size:.8rem;color:var(--on-surface-variant);margin:3px 0 0}.template-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{background:#1b1b23bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none;position:relative}.template-card:hover,.template-card:focus-visible{border-color:#c0c1ff59;transform:translateY(-2px);box-shadow:0 12px 35px #00000080,0 0 20px #c0c1ff26;background:var(--surface-container-low, #1b1b23)}.template-card__preview{height:140px;background:var(--surface-container-lowest, #0d0d15);border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px}.template-card__preview span,.template-card__preview i{position:absolute;display:block;border-radius:8px;border:1px solid color-mix(in srgb,var(--template-accent, #8083ff) 36%,transparent);background:color-mix(in srgb,var(--template-accent, #8083ff) 14%,rgba(255,255,255,.05))}.template-card__preview span:nth-child(1){width:90px;height:48px;left:20px;top:24px}.template-card__preview span:nth-child(2){width:64px;height:38px;right:80px;top:16px}.template-card__preview span:nth-child(3){width:70px;height:36px;right:20px;bottom:16px}.template-card__preview span:nth-child(4){width:58px;height:30px;left:110px;bottom:14px}.template-card__preview i{height:2px;border:0;border-radius:999px;background:var(--template-accent, #8083ff);transform-origin:left center;opacity:.8}.template-card__preview--flow i{width:170px;left:60px;top:48px}.template-card__preview--radial i{width:140px;left:70px;top:50px;transform:rotate(-16deg)}.template-card__preview--system i{width:160px;left:65px;top:45px;transform:rotate(10deg)}.template-card__preview--spatial span:nth-child(1){width:110px;height:65px;border-radius:8px;background:linear-gradient(135deg,#0f172a66,#0f172a1a),color-mix(in srgb,var(--template-accent) 22%,rgba(255,255,255,.05))}.template-card__content{padding:16px;display:flex;flex-direction:column;flex:1;gap:10px}.template-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.template-card__top h4{font-family:var(--font-display, "Outfit", sans-serif);font-size:1.1rem;font-weight:700;color:var(--on-surface, #e4e1ed);margin:0}.template-card__category{display:block;font-size:.72rem;color:var(--on-surface-variant, #c7c4d7);margin-top:2px}.template-card__badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-card__desc{font-size:.82rem;color:var(--on-surface-variant, #c7c4d7);margin:0;line-height:1.4}.template-card__outcome{font-size:.78rem;color:var(--on-surface, #e4e1ed);margin:0;padding-left:10px;border-left:2px solid var(--template-accent, #8083ff);line-height:1.35}.template-card__footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:10px}.template-card__stats{font-size:.72rem;color:var(--on-surface-variant)}.template-card__apply-btn{padding:6px 16px;border-radius:9999px;background:#8083ff26;border:1px solid rgba(192,193,255,.3);color:var(--primary, #c0c1ff);font-size:.78rem;font-weight:700;cursor:pointer;opacity:0;transform:translateY(4px);transition:all .2s ease}.template-card:hover .template-card__apply-btn{opacity:1;transform:translateY(0);background:var(--primary-container, #8083ff);color:#fff;border-color:transparent;box-shadow:0 0 15px #8083ff4d}.template-empty{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--on-surface-variant)}.template-empty__reset{padding:8px 18px;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--on-surface);font-size:.82rem;cursor:pointer;transition:all .2s ease}.template-empty__reset:hover{background:#ffffff26}[data-theme=light] .template-modal__overlay{background:#0f172a6b}[data-theme=light] .template-modal__dialog{background:#fff;border-color:#0f172a1f;box-shadow:0 30px 90px #0f172a40}[data-theme=light] .template-sidebar{background:#f8fafc;border-right-color:#0f172a14}[data-theme=light] .template-sidebar__title{color:#4f46e5}[data-theme=light] .template-sidebar__badge{color:#64748b}[data-theme=light] .template-sidebar__link{color:#475569}[data-theme=light] .template-sidebar__link:hover{background:#0f172a0d;color:#0f172a}[data-theme=light] .template-sidebar__link.active{background:#6366f11f;color:#4f46e5;border-right-color:#6366f1}[data-theme=light] .template-sidebar__footer{border-top-color:#0f172a14}[data-theme=light] .template-main{background:#f1f5f9}[data-theme=light] .template-main__header{background:#ffffffd9;border-bottom-color:#0f172a14}[data-theme=light] .template-search__input{background:#fff;border-color:#0f172a24;color:#0f172a}[data-theme=light] .template-search__icon{color:#64748b}[data-theme=light] .template-close-btn{background:#0f172a0d;border-color:#0f172a1a;color:#475569}[data-theme=light] .template-hero h2{color:#0f172a}[data-theme=light] .template-hero p{color:#475569}[data-theme=light] .template-section__label{color:#4f46e5}[data-theme=light] .template-tool-card{background:#fff;border-color:#0f172a1a;color:#0f172a;box-shadow:0 4px 15px #0f172a0a}[data-theme=light] .template-tool-card:hover{background:#fff;border-color:#6366f1;box-shadow:0 8px 25px #6366f126}[data-theme=light] .template-tool-card__icon{background:#f8fafc;border-color:#0f172a14;color:#4f46e5}[data-theme=light] .template-tool-card strong{color:#0f172a}[data-theme=light] .template-tool-card p{color:#64748b}[data-theme=light] .template-card{background:#fff;border-color:#0f172a1a;box-shadow:0 4px 18px #0f172a0d}[data-theme=light] .template-card:hover{background:#fff;border-color:#6366f1;box-shadow:0 12px 32px #6366f12e}[data-theme=light] .template-card__preview{background:#f8fafc;border-bottom-color:#0f172a14}[data-theme=light] .template-card__top h4{color:#0f172a}[data-theme=light] .template-card__category{color:#64748b}[data-theme=light] .template-card__desc{color:#475569}[data-theme=light] .template-card__outcome{color:#1e293b}[data-theme=light] .template-card__footer{border-top-color:#0f172a14}[data-theme=light] .template-card__stats{color:#64748b}@media(max-width:1024px){.template-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.template-modal__dialog{flex-direction:column;width:calc(100vw - 24px);height:calc(100vh - 24px)}.template-sidebar{width:100%;min-width:100%;height:auto;padding:16px;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.template-sidebar__nav{flex-direction:row;overflow-x:auto}.template-sidebar__link{white-space:nowrap}.template-cards-grid,.template-tools-grid{grid-template-columns:1fr}}.ai-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:56px;pointer-events:auto;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.ai-modal__content{background:var(--toolbar-bg, rgba(19, 19, 27, .92));border:1px solid var(--border-strong, rgba(192, 193, 255, .28));border-radius:var(--radius-xl, 18px);width:660px;max-width:min(94vw,660px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;padding:14px 18px;box-shadow:var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, .5)),0 0 30px var(--selection-ring-soft, rgba(128, 131, 255, .25));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--text-primary);display:flex;flex-direction:column;gap:12px;animation:slideDown .25s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-modal__header-actions{display:flex;align-items:center;gap:8px}.ai-modal__settings-toggle{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:9999px;color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:5px 12px;cursor:pointer;transition:all .18s ease}.ai-modal__settings-toggle:hover,.ai-modal__settings-toggle.active{background:#8083ff33;border-color:#c0c1ff66;color:#fff}@media(max-width:768px){.ai-modal__content{width:calc(100vw - 20px);max-width:100vw;padding:16px;border-radius:14px}}.ai-modal__header-row{display:flex;align-items:center;gap:10px;width:100%}.ai-modal__sparkle{font-size:1.5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}.ai-modal__prompts-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.ai-modal__close{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px;border-radius:6px;transition:all .15s ease}.ai-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-modal__form{display:flex;flex-direction:column}.ai-modal__input-wrapper{display:flex;gap:10px;background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,var(--border-default));border-radius:var(--radius-md, 8px);padding:6px 6px 6px 14px;transition:border-color .2s ease;min-width:0}.ai-modal__input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.ai-modal__input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.ai-modal__input::placeholder{color:var(--text-tertiary)}.ai-modal__generate-btn{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s ease,transform .15s ease;white-space:nowrap}.ai-modal__generate-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.ai-modal__generate-btn:disabled{opacity:.5;cursor:not-allowed}.ai-modal__quick-actions{display:flex;gap:10px;margin-top:4px}.ai-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--bg-surface) 60%,transparent);border:1px solid var(--border-default);border-radius:var(--radius-md, 8px);color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.ai-action-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-surface));border-color:var(--accent-primary);transform:translateY(-1px)}.ai-action-btn:disabled{opacity:.5;cursor:not-allowed}.ai-modal__quick-prompts{display:flex;flex-direction:column;gap:8px;font-size:.8rem;color:var(--text-secondary)}.ai-modal__prompt-pills{display:flex;flex-direction:column;gap:6px}.ai-prompt-pill{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md, 8px);color:var(--text-primary);padding:10px 12px;font-size:.8rem;text-align:left;cursor:pointer;transition:all .15s ease}.ai-prompt-pill:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.ai-prompt-pill strong,.ai-prompt-pill span{display:block}.ai-prompt-pill strong{font-size:.84rem;margin-bottom:3px}.ai-prompt-pill span{color:var(--text-secondary);line-height:1.35}.ai-modal__settings{display:flex;flex-direction:column;gap:12px;margin-top:14px;padding:16px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:color-mix(in srgb,var(--bg-surface, #1e1e28) 40%,transparent);border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-primary, #8083ff) 15%,var(--border-default, rgba(255, 255, 255, .1)))}.ai-modal__provider-tabs{display:flex;gap:6px;background:var(--bg-surface, #13131a);padding:4px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-default, rgba(255, 255, 255, .1))}.ai-provider-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-family:var(--font-sans);font-size:.8rem;font-weight:500;cursor:pointer;position:relative;transition:all .15s ease}.ai-provider-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.ai-provider-tab.active{background:color-mix(in srgb,var(--accent-primary, #8083ff) 20%,var(--bg-surface));color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px #00000040}.ai-provider-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary, #666);transition:background .2s ease,box-shadow .2s ease}.ai-provider-dot.active{background:#10b981;box-shadow:0 0 6px #10b98199}.ai-modal__settings-fields{display:grid;grid-template-columns:1fr 150px;gap:12px}.ai-modal__field-group{display:flex;flex-direction:column;gap:6px}.ai-modal__settings-header{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-secondary);font-weight:650}.ai-modal__key-link{color:var(--accent-primary, #8083ff)!important;font-weight:600;font-size:.75rem;text-decoration:none;transition:opacity .15s ease}.ai-modal__key-link:hover{opacity:.8;text-decoration:underline}.ai-modal__key-input-wrapper{position:relative;display:flex;align-items:center}.ai-modal__api-key-input{width:100%;height:38px;background:var(--bg-surface, #13131a);border:1px solid var(--border-default, rgba(255, 255, 255, .12));border-radius:var(--radius-md, 8px);padding:0 36px 0 12px;color:var(--text-primary);font-family:monospace;font-size:.85rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.ai-modal__api-key-input:focus{border-color:var(--accent-primary, #8083ff);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.ai-modal__toggle-key-btn{position:absolute;right:6px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;font-size:.85rem;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .15s ease}.ai-modal__toggle-key-btn:hover{opacity:1}.ai-modal__model-select{width:100%;height:38px;background:var(--bg-surface, #13131a);border:1px solid var(--border-default, rgba(255, 255, 255, .12));border-radius:var(--radius-md, 8px);padding:0 10px;color:var(--text-primary);font-family:var(--font-sans);font-size:.82rem;font-weight:500;outline:none;cursor:pointer;transition:border-color .2s ease}.ai-modal__model-select:focus{border-color:var(--accent-primary, #8083ff)}.ai-modal__settings .material-symbols-outlined{line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ai-modal__settings-hint .material-symbols-outlined{font-size:14px}.ai-modal__settings-footer{display:flex;align-items:center}.ai-modal__settings-hint{font-size:.75rem;color:var(--text-tertiary, #94a3b8);margin:0;line-height:1.4;display:flex;align-items:center;gap:6px}[data-theme=light] .ai-modal__overlay{background:#0f172a6b}[data-theme=light] .ai-modal__content{background:#fff;border-color:#4f46e52e;box-shadow:0 28px 90px #0f172a47,0 0 30px #6366f114}[data-theme=light] .ai-prompt-pill,[data-theme=light] .ai-modal__input-wrapper{background:#fff;border-color:#0f172a21}[data-theme=light] .ai-prompt-pill:hover{background:#f8fafc}[data-theme=dark] .ai-modal__content{background:linear-gradient(135deg,#13131b,#191827);border-color:#a855f747;color:#f8fafc}@media(max-width:720px){.ai-modal__content{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.ai-modal__input-wrapper{flex-direction:column;padding:10px}.ai-modal__generate-btn{width:100%}}@media(max-width:520px){.ai-modal__content{width:calc(100vw - 16px);padding:14px;gap:14px}}.minimap-container{position:fixed;bottom:16px;right:16px;width:160px;height:120px;border-radius:var(--radius-md);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);z-index:calc(var(--z-toolbar) - 1);pointer-events:auto;transition:opacity var(--transition-base)}.minimap-container:hover{border-color:var(--border-strong)}.minimap__canvas{width:100%;height:100%;cursor:pointer;display:block}@media(max-width:768px){.minimap-container{bottom:62px;right:10px;width:96px;height:66px;opacity:.85}}.relation-inspector{background:var(--toolbar-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--toolbar-border);border-radius:var(--radius-lg);box-shadow:var(--toolbar-shadow);padding:12px;width:260px;display:flex;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none}[data-theme=light] .relation-inspector{background:#fffffff5;border-color:#0f172a1f;box-shadow:0 14px 38px #0f172a1f}.relation-inspector__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.relation-inspector__title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.relation-inspector__close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:2px}.relation-inspector__close:hover{color:var(--text-primary);background:var(--bg-hover)}.relation-inspector__section{display:flex;flex-direction:column;gap:4px}.relation-inspector__label{font-size:11px;color:var(--text-tertiary);font-weight:500}.relation-inspector__pills{display:flex;flex-wrap:wrap;gap:4px;max-height:80px;overflow-y:auto}.relation-inspector__pill{font-size:11px;padding:3px 8px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.relation-inspector__pill:hover{background:var(--bg-hover);color:var(--text-primary)}.relation-inspector__pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.relation-inspector__input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:6px 8px;font-size:var(--text-xs);color:var(--text-primary);outline:none}.relation-inspector__input:focus{border-color:var(--accent-primary)}.relation-inspector__button-group{display:flex;background:var(--bg-surface);border-radius:var(--radius-md);padding:2px;gap:2px}.relation-inspector__btn{flex:1;background:transparent;border:none;color:var(--text-secondary);font-size:11px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.relation-inspector__btn:hover{color:var(--text-primary)}.relation-inspector__btn.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.relation-inspector__row{flex-direction:row;gap:6px}.relation-inspector__toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:5px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.relation-inspector__toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.relation-inspector__toggle.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.relation-inspector__colors{display:flex;gap:6px}.relation-inspector__color-btn{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast)}.relation-inspector__color-btn:hover{transform:scale(1.15)}.relation-inspector__color-btn.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface),var(--shadow-sm)}.relation-inspector__footer{padding-top:6px;border-top:1px solid var(--border-subtle)}.relation-inspector__delete-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--accent-danger);padding:6px;border-radius:var(--radius-md);font-size:11px;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.relation-inspector__delete-btn:hover{background:#ef444440}@media(pointer:coarse){.relation-inspector{width:min(320px,calc(100vw - 16px));padding:14px;gap:12px}.relation-inspector__close,.relation-inspector__pill,.relation-inspector__btn,.relation-inspector__toggle,.relation-inspector__delete-btn{min-height:40px;touch-action:manipulation}.relation-inspector__color-btn{width:30px;height:30px}.relation-inspector__input{min-height:40px;font-size:16px}}.pen-inspector{position:fixed;bottom:82px;left:50%;transform:translate(-50%);background:var(--glass-bg, rgba(18, 18, 26, .9));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border, rgba(255, 255, 255, .14));border-radius:var(--radius-full, 9999px);padding:6px 14px;display:flex;align-items:center;gap:10px;z-index:930;max-width:calc(100vw - 24px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;box-shadow:0 10px 30px #00000080;color:var(--text-primary, #f0f0f5)}.pen-inspector::-webkit-scrollbar{display:none}@media(max-width:900px){.pen-inspector{bottom:calc(76px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg, 12px);padding:6px 10px}.pen-inspector__title,.pen-size-btn span:not(.pen-size-dot){display:none}}.pen-inspector__title{font-size:.8rem;font-weight:600;color:var(--text-secondary, #94a3b8);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.pen-inspector__colors{display:flex;align-items:center;gap:6px}.pen-color-btn{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.pen-color-btn:hover{transform:scale(1.15)}.pen-color-btn.selected{border-color:var(--text-primary);transform:scale(1.2);box-shadow:0 0 0 2px var(--bg-surface),0 0 8px color-mix(in srgb,var(--text-primary) 25%,transparent)}.pen-inspector__divider{width:1px;height:18px;background:var(--border-default);flex:0 0 1px}.pen-inspector__sizes{display:flex;align-items:center;gap:4px}.pen-size-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary, #94a3b8);font-size:.75rem;padding:4px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.pen-size-btn:hover{background:var(--bg-hover)}.pen-size-btn.active{background:var(--relation-active-soft);border-color:var(--accent-primary, #6366f1);color:var(--text-primary)}.pen-size-dot{border-radius:50%}.pen-shape-toggle{background:color-mix(in srgb,var(--bg-surface) 74%,transparent);border:1px solid var(--border-default);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:12px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.pen-shape-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.pen-shape-toggle.active{background:color-mix(in srgb,var(--accent-primary) 20%,var(--bg-surface));border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 10px #a855f74d}.pen-finish-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:12px;cursor:pointer;white-space:nowrap;transition:all .15s ease;box-shadow:0 2px 8px #22c55e4d}.pen-finish-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:520px){.pen-inspector{bottom:calc(74px + env(safe-area-inset-bottom,0px));gap:6px}.pen-shape-toggle{max-width:128px;overflow:hidden;text-overflow:ellipsis}}@media(pointer:coarse){.pen-inspector{gap:8px;padding:8px 10px}.pen-color-btn{width:28px;height:28px;border-width:2.5px;touch-action:manipulation}.pen-size-btn,.pen-shape-toggle,.pen-finish-btn{min-height:40px;padding-inline:12px;touch-action:manipulation}}.world-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:var(--bg-canvas);cursor:crosshair}.world-page[data-tool=select]{cursor:default}.world-page[data-tool=pan]{cursor:grab}.world-page[data-tool=pan]:active{cursor:grabbing}.world-page[data-tool=draw],.world-page[data-tool=highlighter],.world-page[data-tool=arrow]{cursor:crosshair}.world-page[data-tool=text]{cursor:text}.world-page[data-tool=eraser]{cursor:cell}.world-page__empty-launcher{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;pointer-events:none;z-index:calc(var(--z-toolbar) - 1)}.world-page__empty-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 60%);opacity:.08;border-radius:50%;filter:blur(80px);pointer-events:none;animation:pulse-glow 8s ease-in-out infinite alternate}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.06}to{transform:translate(-50%,-50%) scale(1.15);opacity:.12}}.world-page__empty-hero{text-align:center;animation:fade-up .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.world-page__empty-title{font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px}.world-page__empty-title span{background:linear-gradient(135deg,var(--accent-primary),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.world-page__empty-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:480px;margin:0 auto}.world-page__starter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;width:min(720px,calc(100vw - 32px));padding:16px;border:1px solid var(--glass-border);border-radius:var(--radius-lg, 24px);background:color-mix(in srgb,var(--glass-bg) 80%,transparent);box-shadow:0 24px 64px #0003;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);pointer-events:auto;opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) .15s forwards}.world-page__starter-card{min-height:84px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.88rem;font-weight:750;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.world-page__starter-card:hover,.world-page__starter-card:focus-visible{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px);outline:none}.world-page__starter-card.primary{background:color-mix(in srgb,var(--accent-primary) 16%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent-primary) 42%,var(--border-subtle))}.world-page__starter-card.map-card{background:color-mix(in srgb,#10b981 14%,var(--bg-surface));border-color:color-mix(in srgb,#10b981 45%,var(--border-subtle));color:#6ee7b7}.world-page__starter-card.map-card:hover{background:color-mix(in srgb,#10b981 25%,var(--bg-surface));border-color:#34d399;box-shadow:0 0 16px #34d3994d}.world-page__starter-card.ai-card{background:linear-gradient(135deg,color-mix(in srgb,#a855f7 14%,var(--bg-surface)),color-mix(in srgb,#6366f1 14%,var(--bg-surface)));border-color:color-mix(in srgb,#a855f7 40%,var(--border-subtle));color:#c4b5fd}.world-page__starter-card.ai-card:hover{background:linear-gradient(135deg,color-mix(in srgb,#a855f7 28%,var(--bg-surface)),color-mix(in srgb,#6366f1 28%,var(--bg-surface)));border-color:#c084fc;box-shadow:0 0 20px #a855f74d}.connection-status{position:relative;top:auto;right:auto;display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:600;z-index:var(--z-toolbar);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-base);white-space:nowrap}.connection-status.connected{color:var(--accent-success)}.world-header{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:var(--z-toolbar);pointer-events:none}.world-header>*{pointer-events:auto}.world-header__left{display:flex;align-items:center;gap:12px;position:relative}.canvio-brand-btn,.canvio-brand-btn *{color:var(--text-primary)!important}.canvio-brand-btn{display:flex;align-items:center;gap:9px;background:transparent;border:none;font-family:var(--font-display, "Outfit", sans-serif);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1;cursor:pointer;padding:6px 12px;border-radius:12px;transition:background .2s ease}.canvio-brand-btn:hover{background:var(--bg-hover)}.canvio-brand-text{font-weight:800;letter-spacing:-.01em}.canvio-arrow{font-size:.75rem;opacity:.8;margin-left:1px}.presence-avatar-stack{display:flex;align-items:center;margin-left:8px}.presence-avatar{width:34px;min-width:34px;height:34px;border-radius:50%;background:var(--bg-surface, #1e1e28);border:2px solid var(--accent-primary, #8083ff);box-shadow:0 2px 10px #0006;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #ffffff);font-weight:700;font-size:.75rem;margin-left:-10px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease,z-index .2s ease}.presence-avatar:first-child{margin-left:0}.presence-avatar:hover{transform:translateY(-2px) scale(1.15);z-index:50!important}.presence-avatar__img{width:100%;height:100%;object-fit:cover}.presence-avatar__initial{font-size:10px;font-weight:700;text-transform:uppercase}.presence-avatar--more{background:var(--surface-container-high, #292932);border-color:#ffffff40;color:var(--text-primary, #ffffff)}.canvio-dropdown-menu{position:absolute;top:52px;left:0;width:285px;max-width:calc(100vw - 16px);background:var(--glass-bg, rgba(19, 19, 26, .92));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:14px;box-shadow:0 15px 40px #0006,0 0 20px #6366f126;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1000;animation:canvio-menu-enter .18s ease-out forwards}@keyframes canvio-menu-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.canvio-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:500;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.canvio-menu-item .material-symbols-outlined{font-size:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvio-menu-item:hover{background:var(--bg-hover);color:var(--accent-primary)}.canvio-menu-divider{height:1px;background:var(--border-subtle);margin:4px 0}.canvio-menu-swatches{padding:6px 8px 4px;display:flex;flex-direction:column;gap:6px}.world-header__center{position:absolute;left:50%;transform:translate(-50%)}.ai-navigator-pill,.ai-navigator-pill *{color:var(--text-primary, #f8fafc)!important}.ai-navigator-pill{display:flex;align-items:center;gap:8px;padding:8px 22px;border-radius:9999px;background:linear-gradient(135deg,#8083ff2e,#6366f12e);border:1px solid rgba(99,102,241,.35);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 0 20px #6366f133;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .2s ease}.ai-navigator-pill:hover{background:linear-gradient(135deg,#8083ff4d,#6366f14d);border-color:#6366f199;transform:scale(1.03);box-shadow:0 0 28px #6366f159}.world-header__right{display:flex;align-items:center;gap:6px}.header-icon-btn,.header-icon-btn *{color:var(--text-secondary, #cbd5e1)!important}.header-icon-btn:hover,.header-icon-btn:hover *{color:#fff!important}.header-icon-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-divider{width:1px;height:20px;background:var(--border-strong);margin:0 4px}.header-ai-btn{width:34px;height:34px;border-radius:8px;background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.header-ai-btn:hover{transform:scale(1.15) rotate(6deg);background:var(--bg-hover);color:var(--accent-primary, #8083ff)}.template-trigger-btn--icon{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important}.canvas-appearance{display:flex;align-items:center;gap:8px}.canvas-bg-swatches{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--glass-border);border-radius:9999px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm)}.canvas-bg-swatch{width:20px;height:20px;min-width:20px;border-radius:50%;border:1.5px solid var(--border-strong);cursor:pointer;padding:0;margin:0;outline:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.canvas-bg-swatch:hover,.canvas-bg-swatch.active{transform:scale(1.18);border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 35%,transparent)}@media(max-width:1120px){.world-page__top-left{max-width:calc(100vw - 24px)}.connection-status{top:auto;right:12px;bottom:74px;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:768px){.world-header{padding:0 8px;height:52px;gap:6px}.world-header__center{display:none}.world-header__left{gap:6px;min-width:0}.canvio-brand-btn{padding:4px 6px;font-size:1.05rem;gap:6px}.world-header__right{gap:4px;min-width:0}.header-icon-btn,.header-ai-btn,.template-trigger-btn--icon{width:44px!important;min-width:44px!important;height:44px!important}.presence-avatar-stack{margin-left:4px}.presence-avatar{width:30px;min-width:30px;height:30px;margin-left:-8px}.world-page__starter-panel{grid-template-columns:1fr;width:min(320px,calc(100vw - 24px))}.world-page__starter-card{min-height:60px;flex-direction:row;padding:12px 16px}.world-page__empty-launcher{gap:28px}.world-page__empty-title{font-size:2rem}.world-page__empty-subtitle{font-size:.95rem}.world-page__empty-bg-glow{width:300px;height:300px}}@media(max-width:520px){.canvio-brand-text,.canvio-arrow{display:none}.canvio-brand-btn{width:44px;height:44px;justify-content:center;padding:0}.presence-avatar-stack{display:none}}@media(pointer:coarse){.header-icon-btn,.header-ai-btn,.template-trigger-btn--icon,.canvio-brand-btn{min-width:44px!important;height:44px!important}.canvas-bg-swatch{width:28px;min-width:28px;height:28px}.canvio-menu-item,.world-page__starter-card{min-height:44px;touch-action:manipulation}}.home-page{min-height:100vh;width:100vw;background-color:var(--bg-canvas, #0a0a0b);color:var(--text-primary, #e4e1ed);font-family:var(--font-sans);display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:auto}.home-nav{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background:var(--glass-bg, rgba(19, 19, 27, .75));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.home-logo{font-family:var(--font-display);font-size:1.45rem;font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;line-height:1}.home-logo__text{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;line-height:1}.home-nav__links{display:flex;align-items:center;gap:12px}.home-theme-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.home-theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.home-nav__link{color:var(--text-secondary);font-weight:500;font-size:.9rem;text-decoration:none;padding:6px 14px;border-radius:9999px;transition:all .2s ease;background:transparent;border:none;cursor:pointer}.home-nav__link:hover{background:var(--bg-hover);color:var(--text-primary)}.home-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;font-size:.9rem;padding:10px 22px;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 0 20px #6366f159;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.home-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 28px #6366f180}.home-btn-secondary{border:1px solid var(--glass-border, rgba(255, 255, 255, .15));color:var(--text-primary);font-weight:500;font-size:.9rem;padding:10px 22px;border-radius:9999px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.home-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.home-hero{position:relative;z-index:10;padding:120px 24px 60px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1200px;margin:0 auto}.home-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:var(--glass-bg, rgba(255, 255, 255, .05));border:1px solid var(--glass-border, rgba(255, 255, 255, .12));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:24px;font-size:.825rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary, #a855f7);box-shadow:0 0 20px #a855f726;transition:all .25s ease;-webkit-user-select:none;user-select:none}.home-hero__badge:hover{border-color:#a855f766;box-shadow:0 0 25px #a855f740;transform:translateY(-1px)}.home-hero__badge-dot{width:7px;height:7px;border-radius:50%;background:#6366f1;box-shadow:0 0 8px #6366f1;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.home-hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:20px;max-width:850px}.home-hero__title span{background:linear-gradient(135deg,#6366f1,#a855f7,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-hero__subtitle{font-size:1.15rem;line-height:1.6;color:var(--text-secondary);max-width:680px;margin-bottom:32px}.home-hero__cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.home-preview{margin-top:48px;width:100%;max-width:1050px;height:480px;border-radius:20px;overflow:hidden;position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 20px 60px #00000040,0 0 30px #6366f126}.home-preview__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-size:28px 28px;background-image:radial-gradient(circle,var(--border-default) 1px,transparent 1px)}.preview-sticky{position:absolute;padding:16px;border-radius:10px;box-shadow:0 10px 25px #00000040;font-size:.85rem;font-weight:500;transition:transform .3s ease}.preview-sticky:hover{transform:scale(1.05) rotate(0)!important}.preview-sticky-1{top:18%;left:15%;width:200px;background:#fef08a;color:#1f2937;transform:rotate(-3deg)}.preview-sticky-2{top:45%;left:62%;width:180px;background:#bfdbfe;color:#1e3a8a;transform:rotate(4deg)}.preview-sticky-3{top:55%;left:28%;width:210px;background:#bbf7d0;color:#14532d;transform:rotate(-2deg)}.preview-shape-rect{position:absolute;top:22%;right:18%;width:170px;height:90px;background:#8b5cf633;border:1px solid #a78bfa;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:600;font-size:.9rem;box-shadow:0 0 20px #8b5cf640}.preview-shape-circle{position:absolute;bottom:18%;right:15%;width:110px;height:110px;border-radius:50%;background:#22c55e33;border:1px solid #22c55e;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:600;font-size:.85rem;box-shadow:0 0 20px #22c55e40}.home-features{position:relative;z-index:10;max-width:1200px;margin:40px auto 80px;padding:0 24px}.home-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:28px;transition:transform .25s ease,border-color .25s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent-primary)}.feature-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-card__icon--edit{background:#a78bfa26;color:#8b5cf6}.feature-card__icon--arrow{background:#22c55e26;color:#22c55e}.feature-card__icon--group{background:#6366f126;color:#6366f1}.feature-card__icon--map{background:#ef444426;color:#ef4444}.feature-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.feature-card__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.home-worlds{max-width:1200px;margin:0 auto 100px;padding:0 24px}.home-worlds__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px;width:100%}.home-worlds__title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.worlds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.world-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s ease}.world-card:hover{transform:translateY(-3px);border-color:var(--accent-primary);box-shadow:0 10px 30px #00000026}.world-card__preview{height:140px;background:var(--bg-hover);position:relative;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.world-card__info{padding:16px}.world-card__name{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:4px}.world-card__date{font-size:.8rem;color:var(--text-secondary)}.world-card--create{border:2px dashed var(--border-default);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:var(--text-secondary)}.world-card--create:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f10d}@media(max-width:640px){.home-worlds__header{flex-direction:column;align-items:flex-start;gap:12px}.home-worlds__header .home-btn-primary{width:100%;justify-content:center}}.home-footer{width:100%;max-width:100%;margin:4rem 0 0;padding:1.5rem 24px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.home-footer__brand{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.home-footer__links{display:flex;align-items:center;gap:12px}.home-footer__link{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:color .15s ease}.home-footer__link:hover{color:var(--text-primary)}.home-footer__divider{color:var(--text-tertiary);font-size:.8rem}.support-page{height:100vh;min-height:100vh;width:100%;background-color:var(--bg-canvas, #0a0a0f);color:var(--text-primary, #f0f0f5);font-family:var(--font-sans, "Inter", system-ui, -apple-system, sans-serif);display:flex;flex-direction:column;align-items:center;padding:80px 1.5rem 3rem;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.support-nav{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background:var(--glass-bg, rgba(19, 19, 27, .75));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));box-sizing:border-box}.support-logo{font-family:var(--font-display);font-size:1.45rem;font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;line-height:1}.support-logo__text{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;line-height:1;font-weight:900}.support-nav__links{display:flex;align-items:center;gap:12px}.support-nav__link{color:var(--text-secondary);font-weight:500;font-size:.9rem;text-decoration:none;padding:6px 14px;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.support-nav__link:hover{color:var(--text-primary);background:var(--bg-hover)}.support-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.support-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.support-theme-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.support-theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.support-hero{max-width:680px;text-align:center;margin:1.75rem 0 1.25rem;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.support-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;background:#6366f11f;border:1px solid rgba(99,102,241,.28);color:var(--text-primary, #f0f0f5);border-radius:20px;font-size:.82rem;font-weight:600;margin-bottom:.75rem}.support-hero__title{font-size:2.4rem;font-weight:900;line-height:1.15;letter-spacing:-.03em;margin:0 0 .5rem;color:var(--text-primary, #f0f0f5)}.support-hero__title span{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.support-hero__subtitle{font-size:1.1rem;font-weight:600;line-height:1.4;color:var(--text-primary, #f0f0f5);margin:0 0 .4rem}.support-hero__text{font-size:.95rem;line-height:1.5;color:var(--text-secondary, #9494a8);margin:0}.support-main-container{width:100%;max-width:860px;margin-bottom:2rem;flex-shrink:0}.support-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.support-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:100%}.support-reason-card{background:var(--bg-surface, rgba(255, 255, 255, .04));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden}.support-reason-card:hover{transform:translateY(-2px)}.card-coffee{border-top:3px solid #f59e0b}.card-coffee:hover{border-color:#f59e0b}.icon-coffee{background:#f59e0b26;color:#f59e0b}.card-support{border-top:3px solid #f43f5e}.card-support:hover{border-color:#f43f5e}.icon-support{background:#f43f5e26;color:#f43f5e}.card-sponsor{border-top:3px solid #6366f1}.card-sponsor:hover{border-color:#6366f1}.icon-sponsor{background:#6366f126;color:#6366f1}.support-card__icon-wrapper{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.support-reason-card h3{font-size:1.1rem;font-weight:700;margin:0 0 .35rem;color:var(--text-primary, #f0f0f5)}.support-reason-card p{color:var(--text-secondary, #9494a8);font-size:.88rem;line-height:1.4;margin:0}.support-amount-selector{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:14px;padding:1.1rem}.support-amount__label{font-size:.95rem;font-weight:700;color:var(--text-primary, #f0f0f5)}.support-amount__buttons{display:flex;gap:10px;width:100%;max-width:440px}.support-amount-btn{flex:1;background:var(--bg-canvas, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .15));color:var(--text-primary, #f0f0f5);font-weight:700;font-size:1rem;padding:8px 0;border-radius:8px;cursor:pointer;transition:all .15s ease}.support-amount-btn:hover{border-color:var(--accent-primary, #6366f1)}.support-amount-btn.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.support-custom-input-group,.support-name-group{display:flex;flex-direction:column;gap:6px;max-width:440px;width:100%;margin:0 auto}.support-custom-input-group label,.support-name-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary, #9494a8)}.support-input{background:var(--bg-surface, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .15));color:var(--text-primary, #f0f0f5);padding:10px 12px;border-radius:8px;font-size:.95rem;outline:none;transition:all .15s ease}.support-input:focus{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f133}.support-action-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:.25rem auto 0}.support-btn-action{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #6366f14d;display:flex;align-items:center;justify-content:center;gap:8px}.support-btn-action:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 25px #6366f166}.support-action-subtext{font-size:.85rem;color:var(--text-secondary, #9494a8);margin-top:8px;text-align:center;font-weight:500}.support-transparency-note{width:100%;max-width:440px;margin:0 auto;text-align:center;font-size:.8rem;color:var(--text-secondary, #9494a8);padding:8px 12px;border-radius:8px;background:var(--bg-surface, rgba(255, 255, 255, .02));border:1.5px dashed var(--border-default, rgba(255, 255, 255, .1));display:flex;align-items:center;justify-content:center}.support-impact-box{width:100%;max-width:440px;margin:.5rem auto 0;background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:12px;padding:1rem 1.25rem}.support-impact-box h4{font-size:.9rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary, #f0f0f5)}.support-impact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.support-impact-list li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary, #9494a8)}.impact-icon{font-size:1rem}.support-promise-line{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));font-size:.85rem;line-height:1.45;font-weight:600;color:var(--text-primary, #f0f0f5);text-align:center}.support-thankyou-box{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:3rem 2rem;text-align:center;max-width:550px;margin:0 auto}.support-thankyou-box h2{color:var(--text-primary, #f0f0f5);font-size:1.6rem;margin:1rem 0 .5rem}.support-thankyou-box p{color:var(--text-secondary, #9494a8);margin:0;line-height:1.5}.support-thankyou__name{color:var(--accent-success, #22c55e)!important;font-weight:600;margin-top:1rem!important}.support-footer{width:100%;max-width:100%;padding:1.5rem 24px;box-sizing:border-box;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;margin-top:auto;flex-shrink:0}.support-footer__brand{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary, #9494a8)}.support-footer__links{display:flex;gap:1rem}.support-footer__link{background:transparent;border:none;color:var(--text-secondary, #9494a8);cursor:pointer;font-size:.85rem;transition:color .15s ease}.support-footer__link:hover{color:var(--text-primary, #f0f0f5)}.guide-page{height:100vh;min-height:100vh;width:100%;background-color:var(--bg-canvas, #0a0a0f);color:var(--text-primary, #f0f0f5);font-family:var(--font-sans, "Inter", system-ui, -apple-system, sans-serif);display:flex;flex-direction:column;align-items:center;padding:80px 1.5rem 3rem;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.guide-nav{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background:var(--glass-bg, rgba(19, 19, 27, .75));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));box-sizing:border-box}.guide-logo{font-family:var(--font-display);font-size:1.45rem;font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;line-height:1}.guide-logo__text{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;line-height:1;font-weight:900}.guide-nav__links{display:flex;align-items:center;gap:12px}.guide-nav__link{color:var(--text-secondary);font-weight:500;font-size:.9rem;text-decoration:none;padding:6px 14px;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.guide-nav__link:hover{color:var(--text-primary);background:var(--bg-hover)}.guide-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.guide-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.guide-theme-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.guide-theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.guide-hero{max-width:760px;text-align:center;margin:2rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.guide-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;background:#6366f11f;border:1px solid rgba(99,102,241,.28);color:var(--text-primary, #f0f0f5);border-radius:20px;font-size:.82rem;font-weight:600;margin-bottom:.75rem}.guide-hero__title{font-size:2.75rem;font-weight:900;line-height:1.15;letter-spacing:-.03em;margin:0 0 .5rem;color:var(--text-primary, #f0f0f5)}.guide-hero__title span{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.guide-hero__subtitle{font-size:1.15rem;color:var(--text-secondary, #9494a8);margin:0}.guide-tabs-nav{display:flex;align-items:center;gap:8px;background:var(--bg-surface, #181825);border:1px solid var(--border-default, rgba(255, 255, 255, .12));border-radius:14px;padding:6px;margin-bottom:2rem;max-width:1000px;width:100%;box-shadow:0 4px 20px #00000014;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;min-height:54px}.guide-tabs-nav::-webkit-scrollbar{display:none}.guide-tab-btn{flex:1 0 auto;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:transparent;border:none;color:var(--text-primary, #e2e8f0);font-weight:600;font-size:.9rem;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.guide-tab-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #ffffff)}.guide-tab-btn.active{background:var(--accent-primary, #6366f1)!important;color:#fff!important;box-shadow:0 4px 15px #6366f166}.guide-main{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:2.5rem;margin-bottom:3rem}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.guide-feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:20px;padding:2.25rem;box-shadow:0 8px 30px #0000000d}@media(max-width:840px){.guide-feature-detail{grid-template-columns:1fr}}.guide-detail__tag{font-size:.8rem;font-weight:700;color:var(--accent-primary, #6366f1);text-transform:uppercase;letter-spacing:.05em}.guide-detail__info h2{font-size:1.75rem;font-weight:800;margin:.4rem 0 .75rem;color:var(--text-primary, #f0f0f5)}.guide-detail__info p{color:var(--text-secondary, #9494a8);font-size:.95rem;line-height:1.55;margin:0 0 1.5rem}.capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:500px){.capabilities-grid{grid-template-columns:1fr}}.cap-card{background:var(--bg-surface, rgba(255, 255, 255, .04));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:12px;padding:1rem}.cap-icon{font-size:1.4rem;margin-bottom:.4rem}.cap-card h4{font-size:.92rem;font-weight:700;margin:0 0 .35rem;color:var(--text-primary, #f0f0f5)}.cap-card p{font-size:.82rem;color:var(--text-secondary, #9494a8);line-height:1.4;margin:0}.guide-detail__visual-canvas{background:#09090e!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #0006;display:flex;flex-direction:column;min-height:320px}.visual-canvas-header{height:38px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.visual-canvas-dots{display:flex;gap:6px}.visual-canvas-dots span{width:9px;height:9px;border-radius:50%}.visual-canvas-dots span:nth-child(1){background:#ef4444}.visual-canvas-dots span:nth-child(2){background:#f59e0b}.visual-canvas-dots span:nth-child(3){background:#10b981}.visual-canvas-title{font-size:.78rem;font-weight:600;color:#94a3b8!important}.visual-canvas-body{flex:1;padding:1.5rem;position:relative;display:flex;flex-direction:column;gap:1rem;justify-content:center}.visual-canvas-body.center-content{align-items:center}.visual-node{background:#1e1e2d!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px;padding:10px 14px;box-shadow:0 4px 15px #0006}.visual-node-bar{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:700;color:#94a3b8!important;margin-bottom:6px}.visual-node-content{color:#f8fafc!important}.visual-node-content p{font-size:.82rem;margin:4px 0 0;color:#cbd5e1!important}.demo-sticky{border-left:4px solid #f59e0b!important}.demo-map{border-left:4px solid #6366f1!important}.visual-node-map-bg{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:#f8fafc!important;background:#6366f12e;padding:12px;border-radius:8px;margin-top:4px}.visual-connector-line{display:flex;align-items:center;justify-content:center;padding:4px 0}.visual-sketch-demo{display:flex;align-items:center;gap:1.5rem}.sketch-label{font-size:.72rem;font-weight:700;color:#94a3b8!important;display:block;margin-bottom:6px;text-align:center}.rough-box{border:2px dashed #f59e0b;padding:16px 20px;border-radius:12px;font-weight:600;font-size:.85rem;color:#f59e0b}.snapped-shape{text-align:center}.perfect-circle{border:2px solid #10b981;background:#10b98126;width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#10b981}.visual-ai-prompt{background:#a855f72e;border:1px solid rgba(168,85,247,.35);color:#c084fc!important;padding:10px 14px;border-radius:10px;font-weight:600;font-size:.88rem;display:flex;align-items:center;gap:8px}.visual-ai-results{display:flex;flex-direction:column;gap:8px;margin-top:6px}.ai-node{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-left:3px solid #c084fc;color:#f8fafc!important;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500}.visual-pdf-preview-box{display:flex;flex-direction:column;align-items:center;gap:12px}.pdf-page-mockup{width:160px;height:200px;background:#fff;color:#111;border-radius:6px;padding:12px;box-shadow:0 8px 25px #00000080;display:flex;flex-direction:column;justify-content:space-between}.pdf-page-num{font-size:.65rem;font-weight:700;color:#64748b}.pdf-page-content{display:flex;flex-direction:column;gap:8px}.pdf-line{height:6px;background:#cbd5e1;border-radius:4px}.pdf-line.long{width:100%}.pdf-line.medium{width:70%}.pdf-line.short{width:40%}.pdf-action-tag{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:#f87171}.guide-protips-section{background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:20px;padding:2rem}.guide-protips-section h2{font-size:1.5rem;font-weight:800;margin:0 0 1.25rem;color:var(--text-primary, #f0f0f5);display:flex;align-items:center;gap:10px}.protips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.protip-card{background:var(--bg-surface, rgba(255, 255, 255, .04));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:14px;padding:1.25rem}.protip-icon{font-size:1.5rem;margin-bottom:.5rem}.protip-card h4{font-size:.95rem;font-weight:700;margin:0 0 .4rem;color:var(--text-primary, #f0f0f5)}.protip-card p{font-size:.85rem;color:var(--text-secondary, #9494a8);line-height:1.45;margin:0}.protip-card kbd{background:var(--bg-canvas, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .2));color:var(--text-primary, #f0f0f5);padding:2px 6px;border-radius:4px;font-family:monospace}.guide-shortcuts-section{text-align:center;background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:20px;padding:2rem}.guide-shortcuts-section h2{font-size:1.5rem;font-weight:800;margin:0 0 1.5rem;color:var(--text-primary, #f0f0f5)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.shortcut-card{background:var(--bg-surface, rgba(255, 255, 255, .04));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:8px}.shortcut-card kbd{background:var(--bg-canvas, rgba(0, 0, 0, .2));border:1px solid var(--border-default, rgba(255, 255, 255, .2));box-shadow:0 2px #0000001a;color:var(--text-primary, #f0f0f5);padding:4px 10px;border-radius:6px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:.85rem}.shortcut-card span{font-size:.85rem;color:var(--text-secondary, #9494a8)}.guide-cta-section{text-align:center;padding:2rem 0;display:flex;flex-direction:column;align-items:center}.guide-cta-section h2{font-size:2rem;font-weight:900;margin:0 0 .5rem;color:var(--text-primary, #f0f0f5)}.guide-cta-section p{color:var(--text-secondary, #9494a8);margin:0 0 1.5rem}.guide-btn-action{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #6366f14d;display:flex;align-items:center;gap:10px}.guide-btn-action:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 25px #6366f166}.guide-footer{width:100%;max-width:100%;padding:1.5rem 24px;box-sizing:border-box;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;margin-top:auto;flex-shrink:0}.guide-footer__brand{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary, #9494a8)}.guide-footer__links{display:flex;gap:1rem}.guide-footer__link{background:transparent;border:none;color:var(--text-secondary, #9494a8);cursor:pointer;font-size:.85rem;transition:color .15s ease}.guide-footer__link:hover{color:var(--text-primary, #f0f0f5)}@media(max-width:768px){.guide-page{padding:72px 1rem 2rem}.guide-nav{padding:0 14px}.guide-nav__link{display:none}.guide-hero{margin:1.25rem 0}.guide-hero__title{font-size:2.1rem}.guide-hero__subtitle{font-size:1rem}.guide-tabs-nav{border-radius:12px;padding:5px;gap:6px;flex-shrink:0;min-height:48px}.guide-tab-btn{padding:8px 14px;font-size:.82rem;flex:0 0 auto;min-height:38px}.guide-feature-detail{padding:1.5rem;gap:1.5rem}.guide-footer{flex-direction:column;gap:12px;text-align:center;padding:1.25rem 16px}}@media(max-width:480px){.guide-hero__title{font-size:1.75rem}.guide-hero__subtitle{font-size:.9rem}.guide-feature-detail{padding:1.15rem;border-radius:14px}.visual-sketch-demo{flex-direction:column;gap:1rem}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-canvas: 0;--z-nodes: 10;--z-relations: 5;--z-selection: 20;--z-cursors: 30;--z-toolbar: 100;--z-panel: 200;--z-overlay: 300;--z-toast: 400}[data-theme=dark]{--bg-canvas: #0a0a0f;--bg-surface: #13131a;--bg-elevated: #1a1a24;--bg-hover: #22222e;--bg-active: #2a2a38;--bg-overlay: rgba(0, 0, 0, .6);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--border-focus: #6366f1;--text-primary: #f0f0f5;--text-secondary: #9494a8;--text-tertiary: #5c5c72;--text-inverse: #0a0a0f;--accent-primary: #6366f1;--accent-primary-hover: #7577f5;--accent-secondary: #a78bfa;--accent-success: #22c55e;--accent-warning: #f59e0b;--accent-danger: #ef4444;--sticky-yellow: #fbbf24;--sticky-pink: #f472b6;--sticky-blue: #60a5fa;--sticky-green: #4ade80;--sticky-purple: #a78bfa;--sticky-orange: #fb923c;--glass-bg: rgba(19, 19, 26, .8);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--toolbar-bg: rgba(19, 19, 26, .9);--toolbar-border: rgba(255, 255, 255, .08);--toolbar-shadow: 0 4px 24px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-canvas: #f5f5f7;--bg-surface: #ffffff;--bg-elevated: #fafafa;--bg-hover: #f0f0f2;--bg-active: #e8e8ec;--bg-overlay: rgba(0, 0, 0, .3);--border-subtle: rgba(0, 0, 0, .05);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .2);--border-focus: #6366f1;--text-primary: #111118;--text-secondary: #6b6b80;--text-tertiary: #9494a8;--text-inverse: #ffffff;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-secondary: #8b5cf6;--accent-success: #16a34a;--accent-warning: #d97706;--accent-danger: #dc2626;--sticky-yellow: #fbbf24;--sticky-pink: #f472b6;--sticky-blue: #60a5fa;--sticky-green: #4ade80;--sticky-purple: #a78bfa;--sticky-orange: #fb923c;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--glass-blur: blur(16px);--toolbar-bg: rgba(255, 255, 255, .92);--toolbar-border: rgba(0, 0, 0, .08);--toolbar-shadow: 0 4px 24px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:auto;user-select:auto}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:has(.home-page){overflow-y:auto!important;height:auto!important}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-canvas: 0;--z-nodes: 10;--z-relations: 5;--z-selection: 20;--z-cursors: 30;--z-toolbar: 100;--z-panel: 200;--z-overlay: 300;--z-toast: 400}[data-theme=dark],html{--bg-canvas: #0a0a0f;--bg-surface: #13131a;--bg-elevated: #1a1a24;--bg-hover: rgba(255, 255, 255, .12);--bg-active: rgba(255, 255, 255, .2);--bg-overlay: rgba(0, 0, 0, .7);--border-subtle: rgba(255, 255, 255, .1);--border-default: rgba(255, 255, 255, .18);--border-strong: rgba(255, 255, 255, .32);--border-focus: #8083ff;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0a0a0f;--accent-primary: #8083ff;--accent-primary-hover: #c0c1ff;--accent-secondary: #c0c1ff;--accent-success: #4ae176;--accent-warning: #fbbf24;--accent-danger: #f87171;--sticky-yellow: #fbbf24;--sticky-pink: #f472b6;--sticky-blue: #60a5fa;--sticky-green: #4ade80;--sticky-purple: #a78bfa;--sticky-orange: #fb923c;--glass-bg: rgba(19, 19, 26, .85);--glass-border: rgba(255, 255, 255, .14);--glass-blur: blur(20px);--toolbar-bg: rgba(19, 19, 26, .9);--toolbar-border: rgba(255, 255, 255, .14);--toolbar-shadow: 0 10px 30px rgba(0, 0, 0, .6);--selection-ring: #8083ff;--selection-ring-soft: rgba(128, 131, 255, .28);--relation-default: #cbd5e1;--relation-casing: rgba(10, 10, 15, .84);--relation-label-bg: rgba(18, 19, 27, .94);--relation-active: #c0c1ff;--relation-active-soft: rgba(192, 193, 255, .25)}[data-theme=light]{--bg-canvas: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--bg-overlay: rgba(15, 23, 42, .4);--border-subtle: rgba(15, 23, 42, .08);--border-default: rgba(15, 23, 42, .15);--border-strong: rgba(15, 23, 42, .25);--border-focus: #6366f1;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-secondary: #8b5cf6;--accent-success: #16a34a;--accent-warning: #d97706;--accent-danger: #dc2626;--sticky-yellow: #fbbf24;--sticky-pink: #f472b6;--sticky-blue: #60a5fa;--sticky-green: #4ade80;--sticky-purple: #a78bfa;--sticky-orange: #fb923c;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(15, 23, 42, .12);--glass-blur: blur(20px);--toolbar-bg: rgba(255, 255, 255, .92);--toolbar-border: rgba(15, 23, 42, .12);--toolbar-shadow: 0 10px 30px rgba(15, 23, 42, .12);--selection-ring: #4f46e5;--selection-ring-soft: rgba(79, 70, 229, .18);--relation-default: #475569;--relation-casing: rgba(245, 245, 247, .9);--relation-label-bg: rgba(255, 255, 255, .95);--relation-active: #6d5dfc;--relation-active-soft: rgba(99, 102, 241, .18)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.leaflet-container{background:var(--bg-surface)!important;font-family:var(--font-sans)!important}.leaflet-bar{border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--radius-sm)!important;overflow:hidden}.leaflet-bar a{background-color:var(--toolbar-bg)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--glass-border)!important;transition:background var(--transition-fast)}.leaflet-bar a:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.leaflet-popup-content-wrapper{background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.leaflet-popup-tip{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important}.relation-group--eraser:hover .relation-line-core{stroke:var(--accent-danger)!important;stroke-width:3px!important}.dot-grid{background-size:24px 24px;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px)}.glass-panel{background:var(--glass-bg, rgba(31, 31, 39, .55));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.neon-glow-primary{box-shadow:0 0 20px #8083ff40}.neon-glow-tertiary{box-shadow:0 0 20px #4ae17640}.font-display{font-family:var(--font-display)}