@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";.arena-full-page{z-index:1000;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.arena-container{color:#000;background-color:#f5f5f5;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.arena-dot-grid{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#d9d9d9 1.5px,#0000 1.5px);background-size:18px 18px;position:absolute;inset:0}.arena-navbar{z-index:100;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0}.arena-navbar>*{pointer-events:auto}.arena-nav-left,.arena-nav-right{align-items:center;gap:1.5rem;display:flex}.export-dropdown-container{position:relative}.export-btn{color:#000;cursor:pointer;letter-spacing:.02em;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000000d}.export-btn:hover{background:var(--accent);border-color:#000;box-shadow:0 10px 15px -3px #00000014}.export-menu{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:.1rem;min-width:210px;padding:.4rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 25px -5px #0000001a}.export-item{color:#000;cursor:pointer;border-radius:10px;align-items:center;gap:.55rem;padding:.6rem .85rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.export-item:hover{background:#f3f4f6}.export-chevron{opacity:.4;margin-left:auto;transition:transform .15s}.export-chevron.rotated{transform:rotate(180deg)}.export-sub-options{flex-direction:column;padding-left:.3rem;display:flex;overflow:hidden}.export-sub-item{color:#4b5563;cursor:pointer;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .85rem .45rem 1.3rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.export-sub-item:hover{color:#000;background:#f3f4f6}.bg-preview{border:1px solid #e5e7eb;border-radius:4px;flex-shrink:0;width:15px;height:15px}.transparent-bg{background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 50%/8px 8px}.white-bg{background:#fff}.dark-bg{background:#202124}.black-bg{background:#000}.export-divider{background:#e5e7eb;height:1px;margin:.25rem .5rem}.arena-canvas-wrapper{z-index:1;-webkit-user-select:none;user-select:none;background:0 0;flex:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.arena-canvas{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mermaid-canvas-inner{justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex}.mermaid-render-target{justify-content:center;align-items:center;margin:auto;padding:6rem;display:flex}.mermaid-render-target svg{max-width:none;max-height:none}.mermaid-render-target .node rect,.mermaid-render-target .node polygon,.mermaid-render-target .node circle,.mermaid-render-target .node ellipse,.mermaid-render-target .node{transition:filter .2s}.mermaid-render-target .node:hover{filter:brightness(.95)drop-shadow(0 4px 6px #0000001a)}.mermaid-render-target .edgePath path{stroke-width:1.8px}.mermaid-render-target .edgeLabel{font-family:Space Grotesk,sans-serif;font-size:12px}.mermaid-render-target .cluster rect{stroke-dasharray:5 4;transition:stroke .2s,stroke-width .2s,filter .2s;rx:14!important;ry:14!important}.mermaid-render-target .cluster:hover rect,.mermaid-render-target .cluster:hover>rect{filter:drop-shadow(0 4px 8px #0000000f);stroke-width:2.2px!important}.mermaid-render-target text{font-family:Space Grotesk,sans-serif!important}@keyframes marching-ants{to{stroke-dashoffset:-16px}}.mermaid-render-target .node-selected>rect,.mermaid-render-target .node-selected>polygon,.mermaid-render-target .node-selected>circle,.mermaid-render-target .node-selected>ellipse,.mermaid-render-target .node-selected>path,.mermaid-render-target .node-selected .label-container path:first-child{filter:drop-shadow(0 0 5px #0003);stroke:#000!important;stroke-width:3px!important;stroke-dasharray:8 8!important;animation:.8s linear infinite marching-ants!important}.mermaid-render-target .node-selected.node-overlay-active .label-container path{stroke:#0000!important;animation:none!important}.mermaid-render-target path.edge-selected,.mermaid-render-target .edge-selected path{stroke:#10b981!important;stroke-width:4px!important;filter:drop-shadow(0 0 12px #10b981d9)!important}.mermaid-render-target .edge-selected .arrowheadPath,.mermaid-render-target path.edge-selected~.arrowheadPath{fill:#10b981!important;stroke:#10b981!important}.mermaid-render-target .label-selected{color:#fff!important;z-index:100!important;background:#10b981!important;border-color:#10b981!important;transform:scale(1.1)!important;box-shadow:0 0 12px #10b981d9!important}.mermaid-render-target path.edge-thickness-thick,.mermaid-render-target .edge-thickness-thick path,.mermaid-render-target .edge-thickness-thick{stroke-width:3.5px!important}.mermaid-render-target .edgePaths path.flowchart-link,.mermaid-render-target path.flowchart-link{pointer-events:none;transition:stroke-width .15s,filter .15s}.mermaid-render-target path.edge-hover{stroke-width:4px!important;filter:drop-shadow(0 0 8px #06b6d4bf)drop-shadow(0 0 3px #06b6d466)!important}.mermaid-render-target path.edge-hover.edge-thickness-thick{stroke-width:6px!important}.mermaid-render-target.is-dragging-edge .edge-hitbox-overlay{pointer-events:none!important}.mermaid-render-target.is-dragging-edge path.flowchart-link{filter:none!important;stroke-width:inherit!important}.mermaid-render-target.is-dragging-edge path.edge-selected,.mermaid-render-target.is-dragging-edge .edge-selected path{stroke:#10b981!important;stroke-width:4px!important;filter:drop-shadow(0 0 12px #10b981d9)!important}.mermaid-render-target.is-dragging-edge .edge-drag-handle{pointer-events:none!important}.render-error-badge{color:#991b1b;z-index:15;background:#fee2e2;border:1px solid #fca5a5;border-radius:99rem;padding:.5rem 1rem;font-size:.76rem;font-weight:600;position:absolute;bottom:5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000000d}.arena-loader-overlay{z-index:5;background:#f5f5f5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.tool-tray-left{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:.25rem;padding:.35rem;display:flex;position:absolute;bottom:1rem;left:1rem;box-shadow:0 4px 15px #0000000d}.tool-tray-right{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:.25rem;padding:.35rem;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 4px 15px #0000000d}.tool-btn-theme{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:85px;height:34px;padding:0 .8rem;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.tool-btn-theme:hover{color:#000;background:#f3f4f6}.tool-btn-theme.active{color:#000;background:var(--accent);border-color:#000}.tool-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.tool-btn:hover:not(.disabled){color:#000;background:#f3f4f6}.tool-btn.active{background:var(--accent);color:#000}.tool-btn.disabled{opacity:.3;cursor:not-allowed}.tool-divider{background:#e5e7eb;width:1px;height:20px;margin:0 .4rem}.zoom-tray-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:.5rem;margin:0 .2rem;padding:2px 4px;display:flex}.zoom-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.zoom-action-btn:hover{color:#000;background:#e5e7eb}.zoom-percentage-readout{color:#000;text-align:center;min-width:42px;font-size:.7rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.ai-chip-btn{color:#fff;font-family:var(--font-logo);cursor:pointer;letter-spacing:.1em;background:#000;border:2px solid #000;border-radius:12px;align-items:center;padding:.5rem 1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000001a}.ai-chip-btn:hover{background:var(--accent);color:#000;border-color:#000;box-shadow:0 10px 15px -3px #00000026}.ai-chip-btn.retry-glow{color:#fff;background:#7f1d1d;animation:3s infinite alternate retry-magical-pulse-red;border-color:#ef4444!important;box-shadow:0 0 15px #ef444499,inset 0 0 8px #ef444466!important}@keyframes retry-magical-pulse-red{0%{filter:brightness();transform:scale(1);box-shadow:0 0 10px #ef444466,inset 0 0 5px #ef444433}50%{filter:brightness(1.2);transform:scale(1.02);box-shadow:0 0 25px #ef4444cc,inset 0 0 15px #ef444480}to{filter:brightness(1.1);transform:scale(1.01);box-shadow:0 0 15px #ef444480,inset 0 0 10px #ef44444d}}.node-brush-selected rect,.node-brush-selected polygon,.node-brush-selected circle,.node-brush-selected ellipse{filter:drop-shadow(0 0 10px #3b82f64d);stroke:#3b82f6!important;stroke-width:3px!important;stroke-dasharray:8 8!important;animation:.8s linear infinite marching-ants!important}.edge-brush-highlight path{transition:all .2s;stroke:#06b6d4!important;stroke-width:4px!important;filter:drop-shadow(0 0 12px #06b6d4cc)!important}.edge-brush-highlight .arrowheadPath{fill:#06b6d4!important;stroke:#06b6d4!important}.ai-chip-text{text-transform:uppercase;font-size:.725rem;font-weight:800}.template-panel{z-index:100;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:320px;padding:1.5rem 1.25rem;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:20px 0 50px #0000000d}.template-panel-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.template-panel-header span{font-family:var(--font-logo);letter-spacing:.15em;color:#000;font-size:.85rem;font-weight:800}.template-scroll-area{scrollbar-width:none;flex-direction:column;flex:1;gap:2rem;display:flex;overflow-y:auto}.template-scroll-area::-webkit-scrollbar{display:none}.template-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.7rem;font-weight:700}.template-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.template-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .15s;display:flex}.template-close-btn:hover{color:#000;background:#f3f4f6}.template-card{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:.45rem;transition:all .2s;display:flex;position:relative}.template-card:hover{border-color:#000;transform:translateY(-1px);box-shadow:0 4px 6px #00000005}.template-card.active{border-color:var(--accent);background:#f0fdf4}.template-preview{border:1px solid #e5e7eb;border-radius:7px;width:100%;height:32px}.template-card:hover .template-preview{transform:scale(1.02)}.template-name{color:#4b5563;letter-spacing:.04em;text-align:center;font-size:.6rem;font-weight:600}.template-card.active .template-name{color:#000;font-weight:700}.template-check{background:var(--accent);color:#000;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:absolute;top:4px;right:4px}.node-edit-sidebar{z-index:1000;box-sizing:border-box;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:340px;padding:1.25rem;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 40px #0000000d}.popover-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.popover-title{color:#000;font-size:.85rem;font-weight:700}.popover-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.popover-close:hover{color:#1f2937;background:#f3f4f6}.popover-shapes{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.sidebar-shapes-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.shape-btn-sidebar{color:#4b5563;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.45rem;padding:.5rem .6rem;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.shape-btn-sidebar:hover{color:#000;background:#f3f4f6;border-color:#d1d5db}.shape-btn-sidebar.active{background:var(--accent);color:#000;border-color:#000}.shape-btn{color:#4b5563;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;height:40px;transition:all .2s;display:flex}.shape-btn:hover{color:#000;background:#f3f4f6;border-color:#d1d5db}.shape-btn.active{background:var(--accent);color:#000;border-color:#000}.popover-colors{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 1px 2px #0000001a}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#000;transform:scale(1.1)}.color-plus-swatch{color:#6b7280;cursor:pointer;border:1.5px dashed #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:relative;overflow:hidden}.color-plus-swatch:hover{color:#000;background:#f3f4f6;border-color:#000}.custom-color-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.popover-section{margin-bottom:1rem}.popover-input{color:#000;width:100%;font-size:.85rem;font-family:var(--font-body);box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:.75rem 1rem;font-weight:500;transition:all .2s}.popover-input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 2px #0000000d}.popover-row-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.popover-label-mini{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.65rem;font-weight:700;display:block}.popover-apply-btn{color:#fff;cursor:pointer;background:#000;border:2px solid #000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.85rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.popover-apply-btn:hover{background:var(--accent);color:#000;border-color:var(--accent)}.popover-apply-btn:disabled{opacity:.4;cursor:not-allowed}.node-add-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;pointer-events:auto;background:#000;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;line-height:1;transition:opacity .2s,transform .15s;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0003}.node-add-btn:hover{background:var(--accent);color:#000;border-color:#000;transform:translate(-50%)scale(1.15)}.mermaid-render-target .node:hover .node-add-btn{opacity:1}.code-editor-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.code-editor-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;padding:1.5rem;display:flex;box-shadow:0 20px 60px -15px #0000001a}.code-editor-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.code-editor-title{color:#000;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.code-editor-textarea{color:#000;min-height:350px;font-family:var(--font-mono);resize:none;tab-size:4;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;flex:1;padding:1rem;font-size:.85rem;line-height:1.6}.code-editor-textarea:focus{background:#fff;border-color:#000;box-shadow:0 0 0 2px #0000000d}.code-editor-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.code-editor-cancel{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s}.code-editor-cancel:hover{color:#000;background:#f3f4f6;border-color:#e5e7eb}.code-editor-actions .popover-apply-btn{width:auto;margin-top:0;padding:.45rem 1.2rem}.sidebar-footer-actions{flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1.5rem;display:flex}.popover-delete-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.popover-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.mermaid-render-target .cluster text.titleText{text-anchor:start!important;dominant-baseline:hanging!important;x:12!important;y:15!important}.suggestion-card-container{flex-direction:column;margin-bottom:20px;display:flex}.suggestion-card{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.suggestion-card:hover{background:#fff;border-color:#000;box-shadow:0 4px 12px #0000000f}.suggestion-card p{color:#1f2937;margin:0;font-size:.825rem;font-weight:500;line-height:1.5}.suggestion-card.disabled{opacity:.55;pointer-events:none!important;cursor:default!important;box-shadow:none!important;background:#f8fafc!important;border-color:#e2e8f0!important}.suggestion-card.disabled p{color:#94a3b8!important}.suggestion-card.disabled .sug-apply-hint{opacity:1!important;color:#9ca3af!important}.sug-apply-hint{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;opacity:0;margin-top:8px;font-size:9px;font-weight:700;transition:opacity .2s}.suggestion-card:hover .sug-apply-hint{opacity:1}.sug-nav-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.sug-nav-btn:hover:not(:disabled){color:#000;background:#e2e8f0}.sug-nav-btn:disabled{opacity:.3;cursor:not-allowed}.sug-dots{justify-content:center;gap:4px;margin-top:10px;display:flex}.sug-dot{background:#e2e8f0;border-radius:50%;width:5px;height:5px;transition:all .2s}.sug-dot.active{background:#000;border-radius:3px;width:12px}.sug-card-loading{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:80px;display:flex}.edgeLabel,.mermaid-render-target div.label,.mermaid-render-target .edgeLabel foreignObject{overflow:visible!important}.mermaid-render-target .edgeLabel .label,.mermaid-render-target foreignObject .label{letter-spacing:.02em;-webkit-backdrop-filter:blur(8px)saturate(180%);white-space:nowrap;border:1px solid #ffffff1a;transition:all .2s;display:inline-block;box-shadow:0 2px 5px #0000001a;pointer-events:auto!important;border-radius:6px!important;padding:4px 8px!important;font-size:11px!important;font-weight:700!important}.edgePath:hover+.edgeLabel .label,.edgePaths path:hover+.edgeLabel .label,.flowchart-link:hover+.edgeLabel .label{z-index:100;transform:translate(-50%,-50%)scale(1.1);color:#fff!important;background:#06b6d4!important;box-shadow:0 0 10px #06b6d4cc!important}.mermaid-render-target .path{stroke-width:1.5px!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.popup-beta-badge{color:#111827;text-transform:uppercase;letter-spacing:0;background:#fff;border:1px solid #111827;border-radius:999px;justify-content:center;align-items:center;padding:2px 5px;font-size:8px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 3px 8px #0000001f}.magical-glow{animation:3s infinite alternate magical-shimmer-inward;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #0000001a,inset 0 0 30px #0000000d;border-color:#0000001a!important}@keyframes magical-shimmer-inward{0%{box-shadow:inset 0 0 10px #0000000d,inset 0 0 20px #00000008}to{box-shadow:inset 0 0 25px #00000026,inset 0 0 50px #0000001a}}.interpretation-card{text-align:left;background:#fff;border:1px solid #0000001a;border-left:4px solid #000;border-radius:14px;margin-bottom:0;padding:18px;position:relative;box-shadow:0 4px 20px -5px #0000000d}.interpretation-header{color:#000;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.interpretation-text{color:#1e293b;margin:0 0 16px;font-size:.85rem;font-weight:500;line-height:1.6}.interpretation-actions{gap:10px;display:flex}.btn-proceed{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;flex:1;padding:10px;font-size:.75rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #00000026}.btn-proceed:hover{background:#10b981!important;transform:none!important}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-cancel:hover{color:#000;background:#f1f5f9}.sug-card-loading.magical-glow{background:#fff;border:1px solid #0000001a;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:160px;display:flex}.mini-loader{border:4px solid #f1f5f9;border-top-color:#000;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.agent-progress-card{text-align:left;background:#ffffffeb;border:1px solid #11182714;border-radius:14px;min-width:280px;max-width:420px;margin-top:1.25rem;padding:1rem 1.1rem;box-shadow:0 18px 40px -26px #0f172a73}.agent-progress-title{color:#111827;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;font-size:.72rem;font-weight:900}.agent-progress-step{color:#475569;padding-left:.9rem;font-size:.78rem;line-height:1.45;position:relative}.agent-progress-step:before{content:"";background:#111827;border-radius:999px;width:5px;height:5px;position:absolute;top:.52rem;left:0}.agent-error-panel{z-index:9;color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:14px;flex-direction:column;gap:.5rem;width:min(460px,100vw - 32px);padding:1rem 1.1rem;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px -28px #7f1d1d80}.agent-error-panel strong{color:#7f1d1d;font-size:.9rem}.agent-error-panel span{font-size:.8rem;line-height:1.45}.agent-status-panel{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #11182714;border-radius:12px;width:min(330px,100vw - 32px);padding:.8rem .9rem;position:absolute;bottom:1rem;left:1rem;box-shadow:0 16px 34px -26px #0f172a80}.agent-status-title{color:#111827;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.67rem;font-weight:900}.agent-status-line{color:#475569;font-size:.72rem;line-height:1.38}.agent-status-line.muted{color:#64748b;margin-top:.3rem}.chat-toggle-btn{color:#fff;cursor:pointer;background:#000;border:2px solid #000;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000001a}.chat-toggle-btn svg{fill:#fff;transition:fill .3s cubic-bezier(.4,0,.2,1)}.chat-toggle-btn:hover{background:var(--accent);border-color:#000;box-shadow:0 10px 15px -3px #00000026}.chat-toggle-btn:hover svg{fill:#000}.chat-toggle-btn.active{background:var(--accent);border-color:#000}.chat-toggle-btn.active svg{fill:#000}.chat-toggle-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.chat-sidebar{z-index:6000;box-sizing:border-box;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:360px;padding:1.25rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #0000000d}.agent-status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #10b981}.chat-messages-container{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:1rem;padding:.5rem 0;display:flex;overflow-y:auto}.chat-messages-container::-webkit-scrollbar{display:none}.chat-message-bubble{box-sizing:border-box;border-radius:14px;max-width:85%;padding:.8rem 1rem;font-size:.825rem;line-height:1.45;animation:.25s cubic-bezier(.4,0,.2,1) message-fade-in}@keyframes message-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-message-bubble.user{color:#fff;background:#000;border-radius:16px 16px 4px;align-self:flex-end;box-shadow:0 4px 12px #00000026}.chat-message-bubble.user .chat-message-header{color:#94a3b8}.chat-message-bubble.agent{color:#1e293b;box-shadow:none;background:0 0;border:none;align-self:flex-start;width:100%;padding:.5rem 0}.chat-message-header{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem;font-size:.65rem;font-weight:700}.chat-message-bubble.user .chat-message-header{text-align:right}.chat-message-text{word-break:break-word;white-space:pre-wrap}.chat-input-area{border-top:1px solid #f1f5f9;padding-top:1rem}.chat-input-wrapper{box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;align-items:flex-end;padding:.5rem .5rem .5rem .75rem;transition:all .2s;display:flex}.chat-input-wrapper.disabled{cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.chat-input-wrapper:focus-within:not(.disabled){background:#fff;border-color:#000;box-shadow:0 0 0 2px #0000000d}.chat-input-textarea{color:#000;font-size:.85rem;font-family:var(--font-body);resize:none;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:80px;margin:0;padding:4px 4px 4px 0;font-weight:500}.chat-input-textarea:disabled{color:#9ca3af;cursor:not-allowed}.chat-input-textarea::-webkit-scrollbar{display:none}.chat-send-btn-inline{color:#fff;cursor:pointer;background:#000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.chat-send-btn-inline:hover:not(:disabled){background:var(--accent);color:#000}.chat-send-btn-inline:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.typing-indicator span{background-color:#94a3b8;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1.4s ease-in-out infinite both typing-bounce;display:inline-block}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.edge-drag-handle{transition:transform .1s,r .1s}.edge-drag-handle:hover{cursor:grab;r:10!important}.edge-drag-handle:active{cursor:grabbing}.mermaid-render-target .node.node-drag-hover rect,.mermaid-render-target .node.node-drag-hover polygon,.mermaid-render-target .node.node-drag-hover circle,.mermaid-render-target .node.node-drag-hover ellipse,.mermaid-render-target .node.node-drag-hover path:first-child,.mermaid-render-target .node.node-drag-hover>path{stroke:#10b981!important;stroke-width:3px!important;stroke-dasharray:5 5!important;filter:drop-shadow(0 0 8px #10b98199)!important}.mermaid-render-target .node.node-drag-hover path:nth-of-type(2){stroke:#0000!important}.layout-toggle-btn{color:#fff;cursor:pointer;background:#000;border:2px solid #000;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000001a}.layout-toggle-btn svg{color:#fff;transition:color .3s cubic-bezier(.4,0,.2,1)}.layout-toggle-btn:hover{background:var(--accent);border-color:#000;box-shadow:0 10px 15px -3px #00000026}.layout-toggle-btn:hover svg{color:#000}.layout-toggle-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.layout-notification-toast-wrapper{pointer-events:none;z-index:6500;justify-content:center;display:flex;position:absolute;bottom:5rem;left:0;right:0}.layout-notification-toast{color:#000;pointer-events:auto;background:#fff;border:1px solid #e5e7eb;border-radius:99rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 10px 25px -5px #0000001a}.agent-scratchpad{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin:1rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 12px #0000000a}.agent-scratchpad.working{border-color:#3b82f6;box-shadow:0 4px 14px #3b82f61a}.agent-scratchpad.success{border-color:#10b981;box-shadow:0 4px 14px #10b9811a}.agent-scratchpad.error{border-color:#ef4444;box-shadow:0 4px 14px #ef44441a}.scratchpad-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s;display:flex}.scratchpad-toggle:hover{background-color:#f9fafb}.scratchpad-icon{color:#374151;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.scratchpad-heading{flex-direction:column;flex:1;display:flex}.scratchpad-heading strong{color:#111827;font-size:.8rem;font-weight:700}.scratchpad-heading small{color:#6b7280;margin-top:1px;font-size:.65rem}.scratchpad-spinner{color:#6b7280;animation:1s linear infinite spin}.agent-scratchpad.working .scratchpad-spinner{color:#3b82f6}.scratchpad-chevron{color:#9ca3af;transition:transform .2s}.scratchpad-chevron.open{color:#111827;transform:rotate(180deg)}.scratchpad-body{background:#fcfcfd;border-top:1px solid #f1f5f9;padding:1rem}.scratchpad-steps{flex-direction:column;gap:.75rem;display:flex}.scratchpad-step{align-items:flex-start;gap:.65rem;display:flex}.scratchpad-step-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:.7rem;display:flex}.scratchpad-step.done .scratchpad-step-icon{color:#385723;background:#e2f0d9}.scratchpad-step.error .scratchpad-step-icon{color:#b91c1c;background:#fee2e2}.scratchpad-step.active .scratchpad-step-icon{color:#3b82f6;background:#dbeafe}.scratchpad-step-copy{flex-direction:column;flex:1;display:flex}.scratchpad-step-copy strong{color:#374151;font-size:.75rem;font-weight:600}.scratchpad-step-copy small{color:#6b7280;margin-top:1px;font-size:.68rem}.actor{fill:#fff!important;stroke:#a1a1aa!important;stroke-width:2px!important}g.actor-man circle,g.actor-man line,g.actor-man path{stroke:#00e5ff!important;fill:#e0f7fa!important;stroke-width:2px!important}.actor-line{stroke:#a1a1aa!important}.seq-participant-group{transform-origin:50%;cursor:pointer;transition:translate .2s cubic-bezier(.4,0,.2,1),filter .2s cubic-bezier(.4,0,.2,1)!important}.seq-participant-group:hover{filter:drop-shadow(0 3px 5px #0000001f)!important;translate:0 -1.5px!important}.actor[name*=service i],.actor[name*=svc i],.actor[name*=manager i],.actor[name*=processor i],.actor[name*=handler i],.actor[name*=cart i],.actor[name*=inventory i],.actor[name*=order i],.actor[name*=catalog i],.actor[name*=product i],.actor[name*=search i],.actor[name*=processing i],.actor[name*=notification i],.actor[name*=email i],.actor[name*=sms i],.actor[name*=mailer i],.actor[name*=notifier i],.actor[name*=smtp i],.actor[name*=ses i],.actor[name*=push i]{fill:#e8f5e9!important;stroke:#81c784!important;stroke-width:2px!important}.actor[name*=external i],.actor[name*=stripe i],.actor[name*=paypal i],.actor[name*=google i],.actor[name*=openai i],.actor[name*=llm i],.actor[name*=gpt i],.actor[name*=github i],.actor[name*=thirdparty i],.actor[name*=paymentgateway i],.actor[name*=gatewayapi i],.actor[name*=extapi i],.actor[name*=ai i]{fill:#fffde7!important;stroke:#fdd835!important;stroke-width:2px!important}.actor[name*=database i],.actor[name*=db i],.actor[name*=sql i],.actor[name*=nosql i],.actor[name*=mongodb i],.actor[name*=redis i],.actor[name*=cache i],.actor[name*=vectordb i],.actor[name*=postgres i],.actor[name*=repository i]{fill:#f3e8ff!important;stroke:#c084fc!important;stroke-width:2px!important}.actor[name*=backend i],.actor[name*=be i],.actor[name*=api i],.actor[name*=gateway i],.actor[name*=server i],.actor[name*=appserver i],.actor[name*=webserver i]{fill:#ffebee!important;stroke:#e57373!important;stroke-width:2px!important}.actor[name*=upload i],.actor[name*=auth i],.actor[name*=login i],.actor[name*=payment i],.actor[name*=checkout i],.actor[name*=billing i],.actor[name*=transaction i]{fill:#ffe0b2!important;stroke:#ffb74d!important;stroke-width:2px!important}.actor[name*=frontend i],.actor[name*=fe i],.actor[name*=app i],.actor[name*=mobile i],.actor[name*=ui i],.actor[name*=clientapp i],.actor[name*=web i],.actor[name*=browser i],.actor[name*=client i],.actor[name*=cloudstorage i],.actor[name*=s3 i],.actor[name*=storage i],.actor[name*=user i],.actor[name*=customer i],.actor[name*=client i],.actor[name*=actor i],.actor[name*=driver i],.actor[name*=rider i],.actor[name*=admin i],.actor[name*=guest i],.actor[name*=consumer i]{fill:#e0f7fa!important;stroke:#00e5ff!important;stroke-width:2px!important}.actor[name*=payment i],.actor[name*=stripeservice i],.actor[name*=paypalservice i],.actor[name*=checkout i],.actor[name*=billing i],.actor[name*=transaction i]{fill:#ffebee!important;stroke:#e57373!important;stroke-width:2px!important}.seq-participant-selected .actor,.seq-participant-selected path,.seq-participant-selected rect,.seq-participant-selected circle,.seq-participant-selected line,.seq-participant-selected polygon,g.actor-man.seq-participant-selected circle,g.actor-man.seq-participant-selected line,g.actor-man.seq-participant-selected path{stroke:#000!important;stroke-width:3px!important;stroke-dasharray:none!important;animation:none!important}g.actor-man.seq-participant-selected line[marker-end*=control],g.actor-man.seq-participant-selected [id*=control] path,g.actor-man.seq-participant-selected marker[id*=control] path{stroke-dasharray:none!important;stroke-width:2px!important;stroke:#000!important;fill:#000!important;animation:none!important}.mermaid-render-target .actor-line{stroke:#000!important;stroke-width:1.5px!important;stroke-opacity:1!important}.mermaid-render-target .messageLine0,.mermaid-render-target .messageLine1{stroke:#000!important;stroke-width:2px!important;stroke-opacity:1!important}.mermaid-render-target #arrowhead,.mermaid-render-target #arrowhead path,.mermaid-render-target #arrowhead-reverse,.mermaid-render-target #arrowhead-reverse path,.mermaid-render-target .arrowheadPath{fill:#000!important;stroke:#000!important}.mermaid-render-target .loopLine{stroke:#000!important;stroke-width:1.5px!important;stroke-opacity:1!important}.mermaid-render-target .loopBox,.mermaid-render-target rect[class*=loop],.mermaid-render-target path[class*=loop]{fill:#fff!important;fill-opacity:1!important}.mermaid-render-target .labelBox{fill:#fff!important;stroke:#000!important;stroke-width:1.5px!important}.mermaid-render-target .labelText,.mermaid-render-target .loopText{fill:#000!important;color:#000!important;font-weight:600!important}.bg-style-tabs{background:#f3f4f6;border-radius:.5rem;gap:.5rem;margin-bottom:1rem;padding:.25rem;display:flex}.bg-style-tab{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.45rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.bg-style-tab.active{color:#000;background:#fff;box-shadow:0 2px 4px #0000000f}.bg-color-grid{flex-direction:column;gap:.5rem;display:flex}.bg-color-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition:all .15s;display:flex}.bg-color-option:hover{border-color:#000}.bg-color-option.active{background:#f0fdf4;border-color:#10b981}.bg-color-circle{border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:18px;height:18px}.bg-color-name{color:#374151;flex:1;font-size:.75rem;font-weight:600}.bg-color-option.active .bg-color-name{color:#000}.bg-color-check{color:#10b981;justify-content:center;align-items:center;display:flex}.tutorial-backdrop{z-index:9998;pointer-events:none;transition:opacity .4s cubic-bezier(.34,1.56,.64,1);position:fixed;inset:0}.tutorial-backdrop-fill{-webkit-backdrop-filter:blur(2px);pointer-events:none;background:#0000008c;position:absolute;inset:0}.tutorial-spotlight{z-index:9999;pointer-events:none;border:2px solid #ffffffd9;border-radius:1rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;box-shadow:0 0 15px #fff6}.tutorial-spotlight:before{content:"";border-radius:inherit;border:2.5px solid #ffffff80;animation:2s ease-in-out infinite tutorial-pulse-ring;position:absolute;inset:-6px}.tutorial-spotlight:after{content:"";border-radius:inherit;border:1.5px solid #fff3;animation:2s ease-in-out .4s infinite tutorial-pulse-ring;position:absolute;inset:-12px}@keyframes tutorial-pulse-ring{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}.tutorial-spotlight-click-area{z-index:10000;pointer-events:all;cursor:pointer;border-radius:1rem;position:absolute}.tutorial-tooltip{z-index:10001;pointer-events:all;min-width:220px;max-width:340px;position:absolute}.tutorial-tooltip-card{font-family:var(--font-body);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 20px 50px -10px #00000026,0 8px 20px -5px #00000014}.tutorial-tooltip-text{color:var(--text-main);margin-bottom:0;font-size:.92rem;font-weight:500;line-height:1.6}.tutorial-tooltip-hint{color:var(--text-alt);font-size:.78rem;font-family:var(--font-mono);align-items:center;gap:.4rem;margin-top:.6rem;display:flex}.tutorial-tooltip-hint kbd{font-family:var(--font-mono);color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.35rem;justify-content:center;align-items:center;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000d}.tutorial-step-badge{font-size:.7rem;font-weight:700;font-family:var(--font-mono);color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.35rem;margin-bottom:.6rem;display:inline-flex}.tutorial-step-dot{background:#d1d5db;border-radius:50%;width:6px;height:6px;transition:all .3s}.tutorial-step-dot.active{background:#000;border-radius:3px;width:18px}.tutorial-step-dot.done{background:#10b981}.tutorial-arrow{z-index:10002;pointer-events:none;width:24px;height:24px;position:absolute}.tutorial-final-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-final-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;width:100%;max-width:440px;padding:1.5rem;box-shadow:0 20px 50px -10px #00000026,0 8px 20px -5px #00000014}.tutorial-final-icon{color:#16a34a;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.75rem;display:flex}.tutorial-final-title{font-family:var(--font-body);color:var(--text-main);margin-bottom:.35rem;font-size:1.25rem;font-weight:800}.tutorial-final-subtitle{font-family:var(--font-body);color:var(--text-alt);margin-bottom:1.25rem;font-size:.85rem;line-height:1.45}.tutorial-tips-list{text-align:left;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.tutorial-tip-item{color:var(--text-main);font-size:.88rem;line-height:1.4;font-family:var(--font-body);align-items:flex-start;gap:.75rem;display:flex}.tutorial-tip-icon{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:.8rem;display:flex}.tutorial-tip-text{flex:1}.tutorial-tip-text strong{margin-bottom:2px;font-size:.85rem;font-weight:700;display:block}.tutorial-tip-text span{color:var(--text-alt);font-size:.78rem;line-height:1.35;display:block}.tutorial-got-it-btn{color:#fff;cursor:pointer;width:100%;font-size:.88rem;font-weight:700;font-family:var(--font-body);background:#000;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;transition:all .2s;display:flex;box-shadow:0 4px 12px -2px #0003}.tutorial-got-it-btn:hover{background:#222;transform:translateY(-1px);box-shadow:0 6px 16px -2px #00000040}.tutorial-got-it-btn:active{transform:translateY(0)scale(.97)}.tutorial-skip-btn{z-index:10003;color:#ffffffbf;font-family:var(--font-mono);cursor:pointer;-webkit-backdrop-filter:blur(4px);pointer-events:all;background:#ffffff1f;border:1px solid #fff3;border-radius:.65rem;padding:.5rem 1.1rem;font-size:.78rem;font-weight:600;transition:all .2s;position:fixed;top:1rem;right:1rem}.tutorial-skip-btn:hover{color:#fff;background:#fff3;border-color:#ffffff59}@media (width<=640px){.tutorial-tooltip{min-width:180px;max-width:280px}.tutorial-tooltip-card{padding:1rem 1.15rem}.tutorial-tooltip-text{font-size:.85rem}.tutorial-final-card{padding:2rem 1.5rem 1.5rem}.tutorial-final-title{font-size:1.2rem}}.support-page{min-height:100vh;color:var(--text-main);background-color:#f5f5f5;background-image:radial-gradient(#e5e7eb 1px,#0000 1px);background-size:24px 24px;background-attachment:fixed;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex;position:relative;overflow:hidden}.support-wrapper{z-index:5;flex-direction:column;width:100%;max-width:900px;display:flex;position:relative}.support-back-btn{color:#6b7280;cursor:pointer;font-size:.95rem;font-family:var(--font-body);background:0 0;border:none;align-self:flex-start;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:0;font-weight:600;transition:color .2s;display:flex}.support-back-btn:hover{color:var(--primary)}.support-header{width:100%;margin-bottom:2rem}.support-title-container{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.support-title{font-family:var(--font-logo);letter-spacing:.05em;background:linear-gradient(135deg,#000 0%,#374151 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.75rem;font-weight:800}.support-subtitle{color:#9ca3af;font-size:.85rem;font-family:var(--font-mono);margin-bottom:2rem;line-height:1.6}.support-intro-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e5e7eb;border-radius:24px;margin-bottom:3rem;padding:2.2rem;position:relative;box-shadow:0 10px 30px -5px #00000005,0 1px 3px #00000003}.support-intro-text{color:#374151;font-size:1.1rem;line-height:1.75}.support-intro-text p{margin-bottom:1.2rem}.support-intro-text p:last-child{margin-bottom:0}.accent-highlight{isolation:isolate;font-weight:inherit;color:inherit;padding:0 4px;display:inline-block;position:relative}.accent-highlight:after{content:"";opacity:.8;z-index:-1;background-color:#fbcfe8;width:100%;height:8px;position:absolute;bottom:2px;left:0;transform:rotate(-1deg)skew(8deg)}.support-donation-grid{grid-template-columns:1.2fr 1fr;gap:2rem;margin-bottom:4rem;display:grid}@media (width<=800px){.support-donation-grid{grid-template-columns:1fr}}.donation-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;padding:2.2rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0000000a}.donation-card:hover{border-color:#d1d5db;box-shadow:0 25px 50px -12px #0000000f}.donation-card-title{color:#111827;align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:1.35rem;font-weight:800;display:flex}.preset-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.preset-btn{font-size:1rem;font-weight:700;font-family:var(--font-mono);color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.8rem .5rem;transition:background-color .2s,border-color .2s,color .2s}.preset-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 10px #0000000f}.custom-amount-wrapper{align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.currency-symbol{color:#9ca3af;font-size:1.2rem;font-weight:700;font-family:var(--font-mono);position:absolute;left:1.2rem}.custom-amount-input{width:100%;font-size:1.1rem;font-weight:600;font-family:var(--font-mono);color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1rem 1rem 2.5rem;transition:all .2s}.custom-amount-input:focus{background:#fff;border-color:#db2777;outline:none;box-shadow:0 0 0 4px #db277714}.pay-button{color:#fff;background:#000;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1.1rem;font-size:1.05rem;font-weight:800;transition:background-color .2s;display:flex;position:relative;overflow:visible;box-shadow:0 10px 20px -5px #00000026}.pay-button:hover:not(:disabled){background:#1f2937}.pay-button:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#e5e7eb}.payment-note{color:#6b7280;font-size:.85rem;line-height:1.45;font-family:var(--font-body);margin-top:1rem}.bmc-card{text-align:center;justify-content:space-between;align-items:center}.bmc-button-link{margin-bottom:1.5rem;transition:opacity .2s;display:inline-block;position:relative;overflow:visible}.bmc-button-link:hover{opacity:.9}.qr-code-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;align-items:center;gap:.6rem;margin-top:auto;padding:1.2rem;display:inline-flex;box-shadow:inset 0 2px 4px #00000003}.qr-code-img{object-fit:contain;border-radius:8px;width:130px;height:130px}.qr-code-label{font-size:.8rem;font-family:var(--font-mono);color:#6b7280;font-weight:500}.community-section{margin-top:2rem}.community-title{text-align:center;color:#374151;margin-bottom:1.2rem;font-size:1.2rem;font-weight:700}.social-list-3d{justify-content:center;align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.social-list-3d li{list-style:none}.social-list-3d li a{text-align:center;box-sizing:border-box;background:linear-gradient(#fff,#e5e7eb);border-radius:50%;width:60px;height:60px;padding:6px;text-decoration:none;transition:all .4s;display:block;position:relative;box-shadow:0 8px 12px #00000014}.social-list-3d li a:hover{box-shadow:0 2px 5px #0000001f}.social-list-3d li a .social-icon-inner{color:#374151;background:linear-gradient(#f3f4f6,#fff);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;transition:all .4s;display:flex}.social-list-3d li a:hover .yt-icon{color:red}.social-list-3d li a:hover .ig-icon{color:#e4405f}.social-list-3d li a:hover .dc-icon{color:#5865f2}.success-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-modal{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;align-items:center;gap:1.2rem;width:90%;max-width:450px;padding:2.5rem;display:flex;box-shadow:0 30px 60px -15px #0000001f}.success-icon-wrapper{color:#10b981;background:#d5f3d8;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.5rem;font-size:1.8rem;display:flex}.success-title{color:#111827;font-size:1.6rem;font-weight:800}.success-desc{color:#4b5563;font-size:.95rem;line-height:1.6}.success-close-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:.8rem 2rem;font-size:.95rem;font-weight:700;transition:opacity .2s}.success-close-btn:hover{opacity:.9}#creature-wrapper{z-index:1;pointer-events:none;--creature-pink:#db2777;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}#creature{flex-wrap:wrap;justify-content:center;align-items:center;width:150em;height:150em;font-size:.2vh;display:flex}#creature div{transform-style:preserve-3d;will-change:transform;mix-blend-mode:plus-lighter;background:var(--creature-pink);border-radius:2em;width:4em;height:4em;margin:3em;position:relative}.report-page{color:#111827;background-color:#f5f5f5;background-image:radial-gradient(#e5e7eb 1px,#0000 1px);background-size:24px 24px;background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}.report-wrapper{z-index:10;box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;padding:4rem 1.5rem;position:relative}.report-header{width:100%;margin-bottom:1.5rem}.report-back-btn{color:#6b7280;cursor:pointer;font-size:.9rem;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:0;font-weight:600;transition:color .2s;display:flex}.report-back-btn:hover{color:#000}.report-title-container{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.report-title{font-family:var(--font-logo);letter-spacing:.02em;color:#111827;margin:0;font-size:2.25rem;font-weight:800}.report-subtitle{color:#6b7280;font-size:.95rem;font-family:var(--font-mono);margin:0;line-height:1.6}.assurance-banner{color:#166534;font-size:.85rem;line-height:1.5;font-family:var(--font-sans);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.assurance-banner strong{color:#14532d;font-weight:700}.report-form-card,.report-dashboard-section{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 25px -5px #0000000d}.report-label{text-transform:uppercase;color:#374151;letter-spacing:.05em;font-size:.72rem;font-weight:800;font-family:var(--font-sans);margin-bottom:.6rem;display:block}.report-input,.report-textarea{color:#000;box-sizing:border-box;width:100%;font-size:.9rem;font-family:var(--font-body);background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;padding:.8rem 1rem;transition:all .2s}.report-input:focus,.report-textarea:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d}.report-textarea{resize:vertical}.category-select-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;display:grid}.category-select-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.category-select-card:hover{background:#fbfbfb;border-color:#9ca3af}.category-select-card.selected{color:#fff;background:#111827;border-color:#111827;box-shadow:0 4px 12px #00000026}.category-select-card.selected .category-card-name{color:#fff}.category-select-card.selected .category-card-desc{color:#9ca3af}.category-card-icon{flex-shrink:0;font-size:1.5rem}.category-card-details{flex-direction:column;gap:.15rem;display:flex}.category-card-name{color:#111827;font-size:.88rem;font-weight:700;font-family:var(--font-sans)}.category-card-desc{color:#6b7280;font-size:.75rem;font-family:var(--font-sans);line-height:1.3}.report-attach-btn{color:#374151;cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-sans);background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .85rem;transition:all .2s;display:flex}.report-attach-btn:hover{background:#f9fafb;border-color:#9ca3af}.report-thumbnails-container{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.report-thumbnail-wrapper{border:1px solid #e5e7eb;border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.report-thumbnail-img{object-fit:cover;width:100%;height:100%;display:block}.report-thumbnail-remove-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:99rem;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;transition:background .15s;display:flex;position:absolute;top:4px;right:4px}.report-thumbnail-remove-btn:hover{background:#dc2626e6}.report-submit-btn{color:#fff;cursor:pointer;width:100%;font-size:.9rem;font-weight:800;font-family:var(--font-sans);background:#000;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;transition:all .2s;display:flex}.report-submit-btn:hover:not(:disabled){opacity:.9}.report-submit-btn:disabled{cursor:not-allowed;background:#9ca3af}.report-success-msg{color:#166534;font-size:.85rem;font-weight:600;font-family:var(--font-sans);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding:.8rem 1rem;line-height:1.5;display:flex}.report-success-msg strong{color:#14532d}.report-error-msg{color:#991b1b;font-size:.85rem;font-weight:600;font-family:var(--font-sans);background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding:.8rem 1rem;display:flex}.ticket-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s;overflow:hidden}.ticket-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.ticket-item-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000005}.ticket-card-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-size:.92rem;font-weight:700;font-family:var(--font-sans);margin:0;overflow:hidden}.ticket-body-details{border-top:1px solid #f3f4f6;padding:1.1rem 1.25rem 1.25rem}.report-empty-state{text-align:center;color:#6b7280;font-family:var(--font-mono);background:#fafafa;border:1px dashed #e5e7eb;border-radius:.75rem;padding:2.5rem 1rem;font-size:.82rem}.report-loader-container{flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:3rem 1rem;display:flex}.spin{animation:1s linear infinite report-spin}@keyframes report-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-floating-particle{pointer-events:none;z-index:100;opacity:0;justify-content:center;align-items:center;animation:1.2s ease-out forwards submit-float-up-fade-out;display:flex;position:absolute;bottom:90%}@keyframes submit-float-up-fade-out{0%{opacity:0;transform:translateY(5px)scale(.4)rotate(0)}15%{opacity:.95}to{transform:translateY(-90px) scale(1.1) rotate(var(--rotate-angle,15deg));opacity:0}}:root{--primary:#000;--secondary:#6b7280;--accent:#d5f3d8;--bg-dark:#fff;--bg-surface:#f9fafb;--card-bg:#fff;--border-color:#e5e7eb;--text-main:#000;--text-alt:#6b7280;--glass:#fffffff2;--glass-border:#e5e7eb;--input-bg:#fff;--input-border:#e5e7eb;--font-logo:"Orbitron", sans-serif;--font-body:"Space Grotesk", sans-serif;--font-mono:"Space Mono", monospace}*{box-sizing:border-box;font-family:var(--font-body);margin:0;padding:0}button,a,.clickable,.cursor-pointer,[role=button],.nav-btn-main,.nav-btn-secondary,.tool-btn,.export-btn,.submit-btn,.ai-suggestion-card,.design-setting-item{cursor:pointer}input,textarea,.selectable,[contenteditable=true]{cursor:text}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#f5f5f5;background-image:radial-gradient(#e5e7eb 1px,#0000 1px);background-size:24px 24px;background-attachment:fixed;overflow-x:hidden}::selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:0 0}textarea::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:10px}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}.logo-wrapper{color:var(--primary);-webkit-user-select:none;user-select:none;align-items:baseline;gap:.3rem;text-decoration:none;transition:transform .3s ease-out;display:flex}.logo-arka{font-family:var(--font-logo);letter-spacing:.05em;font-size:clamp(1.33rem,2.375vw,1.615rem);font-weight:800}.logo-diagrams{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:#000;background:#f3f4f6;border-radius:6px;padding:2px 6px;font-size:clamp(.57rem,.95vw,.712rem);font-weight:600}.lander-minimalist{justify-content:center;align-items:center;height:100vh;display:flex}.lander-link{font-family:var(--font-logo);color:var(--primary);letter-spacing:.1em;align-items:center;gap:2rem;font-size:clamp(2rem,8vw,4rem);font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex}.lander-link:hover{letter-spacing:.2em;color:#000}.diagrams-container{background-color:#f5f5f5;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.fixed-navbar{z-index:100;pointer-events:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}.fixed-navbar>*{pointer-events:auto}.nav-left-group{align-items:center;gap:.8rem;display:flex}.nav-expandable-group{background:#fff;border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;align-items:stretch;width:38px;height:38px;transition:width .4s cubic-bezier(.4,0,.2,1),border-color .2s;display:flex;overflow:hidden}.nav-expandable-group:hover{border-color:#000;width:120px}.nav-btn-main{color:#000;z-index:10;cursor:pointer;background:0 0;border:none;border-radius:0;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;transition:background .2s,color .2s;display:flex}.nav-btn-main:hover{background:var(--accent);color:#000}.nav-btn-secondary{color:#000;cursor:pointer;opacity:0;white-space:nowrap;background:0 0;border:none;border-left:1px solid #f3f4f6;border-radius:0;outline:none;flex:1;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:background .2s,opacity .2s;display:flex}.nav-expandable-group:hover .nav-btn-secondary{opacity:1}.nav-btn-secondary:hover{background:var(--accent);color:#000}.history-solo-btn{color:#000;height:38px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:9999px;justify-content:center;align-items:center;padding:0 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.history-solo-btn:hover{background:var(--accent);border-color:#000}.profile-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.profile-btn:hover{background:var(--accent);border-color:#000}.planner-wrapper{flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden auto}.diagrams-hero{flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}.hero-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;display:flex}.hero-top-spacer{flex-direction:column;flex:1;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:4rem 1rem 2rem;display:flex}.mobile-spacer{display:none}.hero-heading-area{text-align:center;justify-content:center;width:100%;margin-top:auto;margin-bottom:1.5rem;display:flex}.hero-prompt-title{color:#000;letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,3vw,2.25rem);font-weight:700;line-height:1.1}.prompt-container{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.prompt-box-wrapper{width:100%;position:relative}.prompt-box-main{background:#fff;border:2px solid #e5e7eb;border-radius:1.5rem;flex-direction:column;width:100%;padding:0 .5rem .5rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.prompt-box-main:focus-within{border-color:#000;box-shadow:0 10px 15px -3px #0000001a}.prompt-input-textarea{box-sizing:border-box;color:#000;width:100%;font-family:var(--font-mono);resize:none;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none;height:130px;min-height:130px;max-height:184px;padding:12px 1.5rem;font-size:1.05rem;line-height:1.6;display:block;overflow-y:auto}.prompt-input-textarea::placeholder{color:#9ca3af}.prompt-textarea-mask-container{border-top-left-radius:1.3rem;border-top-right-radius:1.3rem;width:100%;position:relative;overflow:hidden}.prompt-textarea-fade-top{pointer-events:none;z-index:10;background:linear-gradient(#fff 15%,#fff0);height:12px;position:absolute;top:0;left:0;right:0}.prompt-textarea-fade-bottom{pointer-events:none;z-index:10;background:linear-gradient(#fff0,#fff 85%);height:12px;position:absolute;bottom:0;left:0;right:0}.prompt-bottom-toolbar{justify-content:space-between;align-items:flex-end;padding:.5rem;display:flex}.toolbar-left{position:relative}.tool-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:inline-flex}.tool-icon-btn:hover{color:#000;background:#f3f4f6;border-color:#e5e7eb}.pin-notice-popover{color:#fff;width:max-content;max-width:min(260px,72vw);font-family:var(--font-mono);z-index:20;background:#111827;border:1px solid #e5e7eb;border-radius:.85rem;padding:.7rem .85rem;font-size:.75rem;font-weight:700;line-height:1.35;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 14px 30px -18px #0000008c}.pin-notice-popover:after{content:"";background:#111827;width:10px;height:10px;position:absolute;bottom:-6px;left:16px;transform:rotate(45deg)}.brush-menu-popover{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;min-width:140px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.brush-menu-item{color:#374151;font-family:var(--font-mono);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.brush-menu-item:hover{color:#000;background:#f3f4f6}.brush-menu-item svg{color:#6b7280}.submit-btn{border:2px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.submit-btn.inactive{color:#9ca3af;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.submit-btn.active{color:#fff;cursor:pointer;background:#000;border-color:#000}.submit-btn.active:hover{background:var(--accent);color:#000;border-color:var(--accent)}.footer-hint{color:#6b7280;text-align:center;font-size:.75rem;font-family:var(--font-mono);margin-top:1.5rem}.lander-features-wrapper{flex-direction:column;align-items:center;width:100%;padding-top:4rem;display:flex}.marquee-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#f9fafb;width:100%;padding:2rem 0}.marquee-title{font-family:var(--font-mono);color:var(--text-alt);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:1.5rem;font-size:.875rem;font-weight:700}.marquee-container{white-space:nowrap;width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content{animation:30s linear infinite marquee;display:inline-block}.marquee-content:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-mono);color:#9ca3af;align-items:center;gap:.5rem;margin-right:2.5rem;font-size:.875rem;display:inline-flex}.marquee-dot{background:#000;border-radius:50%;width:8px;height:8px}.icon-box-static{position:relative}.beta-icon-badge{color:#111827;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:0;background:#fff;border:1px solid #111827;border-radius:999px;padding:2px 5px;font-size:.55rem;font-weight:900;line-height:1;position:absolute;top:-8px;right:-10px;box-shadow:0 3px 8px #0000001f}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.bento-section{width:100%;max-width:1100px;margin:0 auto;padding:6rem 1.5rem}.bento-header{text-align:center;margin-bottom:4rem}.bento-header h3{margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700}.bento-header p{font-family:var(--font-mono);color:var(--text-alt);max-width:600px;margin:0 auto;font-size:.875rem;line-height:1.6}.bento-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-card{border:2px solid var(--border-color);background:#fff;border-radius:2rem;flex-direction:column;padding:2rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.bento-card:hover{border-color:#000}.bento-card.col-span-2{grid-column:1/-1}@media (width>=1024px){.bento-card.col-span-2{grid-column:span 2}}.bento-icon-wrapper{border:2px solid var(--border-color);border-radius:1rem;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;transition:all .3s;display:flex}.bento-card:hover .bento-icon-wrapper{background:var(--accent);border-color:var(--accent)}.bento-card h4{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.bento-card p{color:#4b5563;font-size:.95rem;line-height:1.6}.bento-tags{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.bento-tag{border:1px solid var(--border-color);background:#fff;border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.bento-card:hover .bento-tag{border-color:#000}.process-flow{text-align:center;font-family:var(--font-mono);flex-direction:column;gap:.75rem;margin-top:1rem;font-size:.75rem;display:flex}.process-step{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:.75rem;transition:background .3s}.bento-card:hover .process-step:nth-child(3){background:var(--accent)}.process-step.dark{color:#fff;background:#000;border-color:#000}.process-arrow{color:#000;margin:0 auto;animation:2s infinite pulse-arrow}@keyframes pulse-arrow{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.lander-footer{border-top:1px solid var(--border-color);background:#fff;width:100%;margin-top:auto;padding:2rem 1.5rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-logo);letter-spacing:.05em;align-items:baseline;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.footer-copy{font-family:var(--font-body);color:var(--text-alt);font-size:.75rem;font-weight:600}.footer-links{font-family:var(--font-mono);gap:1.5rem;font-size:.875rem;font-weight:700;display:flex}.footer-links a{color:var(--text-alt);text-decoration:none;transition:color .2s}.footer-links a:hover{color:#000;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}.new-loader-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader{aspect-ratio:1;--_g:no-repeat radial-gradient(farthest-side,#000 94%,#0000);background:var(--_g) 0 0, var(--_g) 100% 0, var(--_g) 100% 100%, var(--_g) 0 100%;background-size:40% 40%;width:35px;animation:.5s infinite l38}@keyframes l38{to{background-position:100% 0,100% 100%,0 100%,0 0}}.suggestion-board{flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;width:100%;max-width:900px;min-height:85vh;margin:0 auto;padding:8rem 1rem 2rem;display:flex;overflow:hidden}.suggestion-scroll-area{scrollbar-width:none;flex-direction:column;align-items:center;width:100%;height:100%;padding:1rem 0 5rem;display:flex;overflow-y:auto}.suggestion-scroll-area::-webkit-scrollbar{display:none}.suggestion-header-main{justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;padding:0 1rem;display:flex}.show-all-header-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.show-all-header-btn:hover{background:#f3f4f6}.suggestion-title-updated{font-family:var(--font-logo);letter-spacing:.15em;color:var(--text-alt);text-transform:uppercase;font-size:1rem}.icon-box-static{background:#f9fafb;border-radius:1.2rem;justify-content:center;align-items:center;padding:1rem;display:flex}.grid-card .icon-box-static{padding:.8rem}.suggestion-highlight-container{flex-direction:column;align-items:center;gap:2rem;display:flex}.type-card{border:2px solid var(--border-color);text-align:center;background:#fff;border-radius:2rem;flex-direction:column;align-items:center;gap:1.5rem;min-width:260px;padding:3rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.type-label{text-transform:uppercase;letter-spacing:.15em;color:#000;font-size:1.1rem;font-weight:700}.confirm-btn{color:#fff;font-weight:700;font-family:var(--font-logo);cursor:pointer;letter-spacing:.12em;background:#000;border:2px solid #000;border-radius:99rem;padding:1.2rem 3.5rem;transition:all .3s}.confirm-btn:hover{background:var(--accent);color:#000;border-color:#000}.all-diagrams-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}.grid-card{cursor:pointer;border-width:2px;border-radius:1.5rem;min-width:auto;padding:2rem;transition:all .3s}.grid-card:hover{border-color:#000}.grid-card .type-label{font-size:.8rem}.highlight-border{background:#f0fdf4;border-color:#10b981}.background-elements{display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;opacity:0;pointer-events:none;background:#0000001a;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.history-sidebar{border-right:1px solid var(--border-color);z-index:1210;background:#fff;flex-direction:column;width:320px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #0000001a}.history-sidebar.open{transform:translate(0)}.history-header{border-bottom:1px solid var(--border-color);background:#f9fafb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.history-title{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.close-sidebar-btn{cursor:pointer;color:var(--text-alt);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex}.close-sidebar-btn:hover{color:#000;background:#e5e7eb}.history-content{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.history-content::-webkit-scrollbar{display:none}.history-empty{color:#52525b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:220px;font-size:.84rem;font-weight:600;line-height:1.45;display:flex}.history-empty-icon{justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.history-item{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:1rem;padding:1rem;transition:all .2s;position:relative}.history-item:hover{background:#f9fafb;border-color:#000}.history-item-time{color:var(--text-alt);font-size:.75rem;font-family:var(--font-mono);margin-bottom:.5rem}.history-item-title{color:var(--text-alt);font-size:.875rem;font-weight:600;transition:color .2s}.history-item:hover .history-item-title{color:#000}.history-item-preview{border:1px solid var(--border-color);color:#9ca3af;background:#f3f4f6;border-radius:.5rem;justify-content:center;align-items:center;height:80px;margin-top:.75rem;transition:border-color .2s,color .2s;display:flex}.history-item:hover .history-item-preview{color:#000;border-color:#d1d5db}.history-item-delete{color:#9ca3af;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.history-item:hover .history-item-delete{opacity:1}.history-item-delete:hover{color:#ef4444;background:#fee2e2}@media (width<=768px){.fixed-navbar{padding:1rem}.nav-expandable-group{width:44px;height:44px}.nav-btn-main{width:44px}.nav-btn-secondary{padding-right:12px;font-size:.8rem}.profile-btn{width:40px;height:40px}.hero-top-spacer{min-height:70vh;padding-top:6rem}.all-diagrams-grid{grid-template-columns:1fr}}.agent-suggestion-note{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(420px,88vw);margin:1rem auto 0;padding:.9rem 1rem;box-shadow:0 12px 24px -18px #0f172a59}.agent-suggestion-kicker{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.67rem;font-weight:800}.agent-suggestion-note p{color:#111827;margin:0;font-size:.86rem;line-height:1.45}.agent-alt-row{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.agent-alt-row button{color:#111827;cursor:pointer;font:inherit;background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;padding:.42rem .7rem;font-size:.75rem;font-weight:700}.agent-alt-row button:hover{background:#fff;border-color:#111827}.agent-suggestion-error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin-top:.75rem;padding:.7rem .85rem;font-size:.78rem;line-height:1.4}.agent-ranked-suggestions{gap:.65rem;width:min(620px,92vw);display:grid}.agent-ranked-card{color:#111827;cursor:pointer;width:100%;font:inherit;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.8rem;padding:.85rem;display:grid}.agent-ranked-card.selected{background:#f8fafc;border:2px solid #111827}.agent-ranked-icon{background:#fff;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.agent-ranked-heading{justify-content:space-between;gap:1rem;font-size:.86rem;font-weight:800;display:flex}.agent-ranked-copy p{color:#64748b;margin:.25rem 0 0;font-size:.76rem;line-height:1.4}.suggested-diagrams-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:620px;margin:0 auto;display:grid}@media (width<=768px){.suggested-diagrams-grid{grid-template-columns:1fr}}.suggested-card-updated{transition:border-color .3s,background-color .3s;position:relative}.card-info-btn{color:#4b5563;z-index:10;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;outline:none;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.card-info-btn.btn-info-aqua:hover{color:#006064;background:#d0f8f6;border-color:#00acc1;transform:scale(1.1)}.card-info-btn.btn-close-red:hover{color:#c62828;background:#ffebee;border-color:#ef5350;transform:scale(1.1)}.suggested-card-updated.expanded{cursor:default;grid-column:span 2;padding:3rem 2rem}@media (width<=768px){.suggested-card-updated.expanded{grid-column:span 1}}.suggestion-expanded-content{text-align:center;border-top:1px solid #e5e7eb;width:100%;margin-top:1.5rem;padding-top:1.5rem}.suggestion-confidence{font-family:var(--font-mono);color:#4b5563;text-transform:uppercase;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.suggestion-confidence span{color:#059669;font-size:1rem}.suggestion-explanation{color:#1f2937;max-width:500px;margin:0 auto;font-size:.95rem;line-height:1.6}@keyframes aqua-glow-blur{0%{filter:blur(1.5px);text-shadow:0 0 4px #00e5ff66;opacity:.85}50%{filter:blur(3px);text-shadow:0 0 12px #00e5ffd9,0 0 20px #00e5ff66;opacity:.7}to{filter:blur(1.5px);text-shadow:0 0 4px #00e5ff66;opacity:.85}}.textarea-optimizing{pointer-events:none;animation:1.8s ease-in-out infinite aqua-glow-blur;color:#0000!important;caret-color:#0000!important}@keyframes border-aqua-pulse{0%{border-color:#e5e7eb;box-shadow:0 4px 6px -1px #0000000d}50%{border-color:#00e5ff;box-shadow:0 0 16px #00e5ff59,inset 0 0 10px #00e5ff0d}to{border-color:#e5e7eb;box-shadow:0 4px 6px -1px #0000000d}}.prompt-box-main.optimizing{animation:2s ease-in-out infinite border-aqua-pulse}.prompt-animation-overlay{box-sizing:border-box;font-family:var(--font-mono);color:#000;pointer-events:none;white-space:pre-wrap;word-break:break-word;height:100%;padding:12px 1.5rem;font-size:1.05rem;line-height:1.6;position:absolute;inset:0;overflow-y:auto}.prompt-blur-placeholder{filter:blur(5px);background:linear-gradient(90deg,#0ea5e9,#0ff,#3b82f6,#0ff,#0ea5e9) 0 0/300%;-webkit-text-fill-color:transparent;opacity:.75;-webkit-background-clip:text;width:100%;animation:2s linear infinite aqua-glow-text;display:inline-block}@keyframes aqua-glow-text{0%{background-position:0%}to{background-position:300%}}@keyframes token-fade-in{0%{opacity:0;filter:blur(8px);color:#0ff;text-shadow:0 0 10px #0ffc,0 0 20px #0ff6;transform:translateY(6px)scale(.96)}35%{opacity:1;filter:blur(3px);color:#0ea5e9;text-shadow:0 0 8px #0ea5e999}to{opacity:1;filter:blur();color:inherit;text-shadow:none;transform:translateY(0)scale(1)}}.polish-token{white-space:pre-wrap;opacity:0;animation:.5s cubic-bezier(.19,1,.22,1) forwards token-fade-in;display:inline-block}.spin{animation:1s linear infinite spin;display:inline-block}.pin-menu-popover{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;gap:.2rem;min-width:140px;padding:.35rem;display:flex;position:absolute;bottom:44px;left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.pin-menu-item{font-family:var(--font-body);color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.65rem;width:100%;padding:.525rem .75rem;font-size:.9rem;transition:all .15s;display:flex}.pin-menu-item:hover{color:#000;background:#f3f4f6}.pin-menu-item svg{color:#6b7280;flex-shrink:0}.pin-menu-item:hover svg{color:#000}.floating-heart{pointer-events:none;z-index:100;opacity:0;filter:drop-shadow(0 0 3px #f43f5ecc);justify-content:center;align-items:center;animation:1.2s ease-out forwards float-up-fade-out;display:flex;position:absolute;bottom:90%}@keyframes float-up-fade-out{0%{opacity:0;transform:translateY(5px)scale(.4)rotate(0)}15%{opacity:.95}to{transform:translateY(-80px) scale(1.1) rotate(var(--rotate-angle,15deg));opacity:0}}