:root{--bg-primary:#060a14;--bg-secondary:#0c1221;--bg-tertiary:#111827;--bg-elevated:#162032;--bg-glass:#0c1221d9;--bg-glass-light:#16203299;--bg-hover:#06b6d40f;--accent-cyan:#06b6d4;--accent-cyan-dim:#06b6d426;--accent-cyan-glow:#06b6d466;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b26;--accent-emerald:#10b981;--accent-emerald-dim:#10b98126;--accent-rose:#f43f5e;--accent-rose-dim:#f43f5e26;--accent-violet:#8b5cf6;--accent-violet-dim:#8b5cf626;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f626;--accent-orange:#f97316;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--border-subtle:#94a3b814;--border-default:#94a3b81f;--border-strong:#94a3b833;--border-accent:#06b6d44d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-cyan:0 0 20px #06b6d426;--shadow-glow-rose:0 0 20px #f43f5e26;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--left-panel-width:380px;--header-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);width:100vw;height:100vh;line-height:1.6;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 10% 20%,#06b6d40a 0%,#0000 60%),radial-gradient(60% 50% at 90% 80%,#8b5cf60a 0%,#0000 60%),radial-gradient(50% 40%,#f59e0b05 0%,#0000 60%);position:fixed;inset:0}#app{z-index:1;flex-direction:column;height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#app-header{height:var(--header-height);padding:0 var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:var(--space-4);display:flex}.logo{align-items:center;gap:var(--space-3);display:flex}.logo h1{font-size:var(--text-lg);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:700}.badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;background:var(--accent-cyan-dim);color:var(--accent-cyan);border:1px solid #06b6d433;border-radius:4px;padding:2px 8px;font-weight:600}.header-right{align-items:center;gap:var(--space-4);display:flex}#main-content{flex:1;display:flex;position:relative;overflow:hidden}#left-panel{width:var(--left-panel-width);min-width:var(--left-panel-width);border-right:1px solid var(--border-subtle);background:var(--bg-secondary);z-index:10;flex-direction:column;display:flex;overflow:hidden}#diagram-section{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.hidden{display:none!important}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.slide-up{animation:slideUp var(--duration-slow) var(--ease-out) forwards}.slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 8px #06b6d433}50%{box-shadow:0 0 20px #06b6d466}}@keyframes borderDash{to{stroke-dashoffset:-20px}}@keyframes typewriter-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes nodeAppear{0%{opacity:0}to{opacity:1}}@keyframes edgeDraw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes flowParticle{0%{offset-distance:0%}to{offset-distance:100%}}@media (width<=1024px){:root{--left-panel-width:320px}}@media (width<=768px){#main-content{flex-direction:column}#left-panel{width:100%;min-width:100%;max-height:45vh}:root{--left-panel-width:100%}}#upload-section{padding:var(--space-4);flex-shrink:0}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:var(--bg-tertiary);position:relative;overflow:hidden}.upload-zone:before{content:"";background:radial-gradient(circle at 50% 50%, var(--accent-cyan-dim), transparent 70%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;inset:0}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.upload-zone:hover:before,.upload-zone.dragover:before{opacity:1}.upload-zone.dragover{transform:scale(1.01)}.upload-icon{z-index:1;margin-bottom:var(--space-3);color:var(--accent-cyan);opacity:.7;transition:all var(--duration-normal) var(--ease-out);position:relative}.upload-zone:hover .upload-icon{opacity:1;transform:translateY(-2px)}.upload-title{z-index:1;font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600;position:relative}.upload-subtitle{z-index:1;font-size:var(--text-sm);color:var(--text-muted);position:relative}.upload-subtitle strong{color:var(--accent-cyan);font-weight:500}.upload-input{display:none}.file-info{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-top:var(--space-3);animation:slideUp var(--duration-normal) var(--ease-out);display:flex}.file-info-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.file-info-icon.terraform{background:var(--accent-violet-dim);color:var(--accent-violet)}.file-info-icon.circleci{background:var(--accent-emerald-dim);color:var(--accent-emerald)}.file-info-details{flex:1;min-width:0}.file-info-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.file-info-meta{font-size:var(--text-xs);color:var(--text-muted)}.file-info-remove{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.file-info-remove:hover{color:var(--accent-rose);background:var(--accent-rose-dim)}.sample-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;font-weight:500;display:flex}.sample-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--accent-cyan-dim)}.sample-dropdown{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:200;min-width:240px;animation:slideUp var(--duration-fast) var(--ease-out);position:absolute;top:calc(100% + 4px);right:0}.sample-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);text-align:left;width:100%;font-family:var(--font-sans);color:var(--text-secondary);background:0 0;border:none;display:flex}.sample-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sample-item-icon{font-size:var(--text-lg)}.sample-item-text{flex:1}.sample-item-title{font-size:var(--text-sm);font-weight:500;display:block}.sample-item-desc{font-size:var(--text-xs);color:var(--text-muted);display:block}#file-preview-section{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;max-height:200px;display:flex;overflow:hidden}.file-preview-header{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.file-preview-header h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.file-preview-toggle{color:var(--text-muted);cursor:pointer;transition:transform var(--duration-fast);background:0 0;border:none;padding:2px;display:flex}.file-preview-toggle.collapsed{transform:rotate(180deg)}.file-preview-content{padding:var(--space-2) 0;background:var(--bg-tertiary);flex:1;overflow:auto}.code-line{font-family:var(--font-mono);font-size:var(--text-xs);padding:0 var(--space-4);line-height:1.7;display:flex}.code-line:hover{background:var(--bg-hover)}.code-line.error-line{background:var(--accent-rose-dim);border-left:2px solid var(--accent-rose)}.code-line-number{color:var(--text-dim);text-align:right;min-width:32px;padding-right:var(--space-3);-webkit-user-select:none;user-select:none;flex-shrink:0}.code-line-content{color:var(--text-secondary);white-space:pre}.code-line-content .kw{color:var(--accent-violet)}.code-line-content .str{color:var(--accent-emerald)}.code-line-content .comment{color:var(--text-dim);font-style:italic}.code-line-content .num{color:var(--accent-amber)}.code-line-content .type{color:var(--accent-cyan)}.panel-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-default);gap:4px;padding:4px;display:flex}.panel-tab{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);text-align:center;background:0 0;border:none;flex:1;padding:10px;font-weight:600}.panel-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.panel-tab.active{color:var(--accent-cyan);background:var(--accent-cyan-dim);border:1px solid #06b6d433}#game-tab-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.challenges-list{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.challenge-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;display:flex}.challenge-item:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}.challenge-item.cleared{background:#10b98105;border-color:#10b9814d}.challenge-item.active{border-color:var(--accent-cyan);background:var(--accent-cyan-dim)}.challenge-status{border:1.5px solid var(--border-strong);width:20px;height:20px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.challenge-item.cleared .challenge-status{background:var(--accent-emerald-dim);border-color:var(--accent-emerald);color:var(--accent-emerald)}.challenge-info{flex:1;min-width:0}.challenge-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;display:block}.challenge-diff{text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:500}.challenge-detail{flex-direction:column;flex:1;display:flex;overflow:hidden}.challenge-detail-header{padding:var(--space-4) var(--space-4) var(--space-2);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-2);display:flex}.back-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex}.back-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.challenge-detail-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.challenge-objective{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.challenge-objective h4{color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.editor-container{gap:var(--space-2);flex-direction:column;flex:1;min-height:240px;display:flex}.editor-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-weight:600}.challenge-textarea{background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-height:200px;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-3);resize:none;flex:1;line-height:1.6}.challenge-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px var(--accent-cyan-dim);outline:none}.challenge-actions{gap:var(--space-3);display:flex}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);justify-content:center;align-items:center;gap:var(--space-2);border:none;flex:1;padding:10px;font-weight:600;display:flex}.btn-primary:hover{box-shadow:var(--shadow-glow-cyan);background:#0ea5e9}.challenge-validation-result{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:1.5;display:none}.challenge-validation-result.success{color:#34d399;background:#10b9811a;border:1px solid #10b9814d;display:block}.challenge-validation-result.error{color:#f87171;background:#f43f5e1a;border:1px solid #f43f5e4d;display:block}#diagram-viewport{cursor:grab;flex:1;position:relative;overflow:hidden}#diagram-viewport:active,#diagram-viewport.panning{cursor:grabbing}#diagram-placeholder{justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;inset:0}#diagram-placeholder .placeholder-icon{opacity:.5;animation:3s ease-in-out infinite pulse}#diagram-placeholder h2{font-size:var(--text-xl);color:var(--text-secondary);font-weight:600}#diagram-placeholder p{font-size:var(--text-sm);color:var(--text-muted);text-align:center;max-width:380px;line-height:1.7}#diagram-placeholder p strong{color:var(--accent-cyan);font-weight:500}#diagram-svg{width:100%;height:100%;position:absolute;inset:0}.diagram-grid{opacity:.4}.diagram-node{cursor:grab;transition:filter var(--duration-fast)}.diagram-node:active{cursor:grabbing}.diagram-node:hover{filter:brightness(1.2)}.node-bg{transition:all var(--duration-fast) var(--ease-out)}.diagram-node:hover .node-bg{stroke-width:2px}.diagram-node.selected .node-glow-bg{opacity:1!important;fill:var(--accent-cyan-dim)!important}.diagram-node.selected .node-bg{stroke:var(--accent-cyan)!important;stroke-width:2px!important;filter:drop-shadow(0 0 6px var(--accent-cyan-glow))!important}.node-icon{pointer-events:none}.node-label{font-family:var(--font-sans);fill:var(--text-primary);text-anchor:start;pointer-events:none;font-size:11px;font-weight:600}.node-sublabel{font-family:var(--font-mono);fill:var(--text-muted);text-anchor:start;pointer-events:none;font-size:9px;font-weight:400}.diagram-edge{fill:none;stroke-width:1.5px;transition:stroke-width var(--duration-fast)}.diagram-edge:hover{stroke-width:2.5px}.edge-label{font-family:var(--font-mono);fill:var(--text-muted);text-anchor:middle;font-size:9px}.boundary-group{rx:12;ry:12}.boundary-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.flow-particle{offset-rotate:0deg;animation:3s linear infinite flowParticle}.node-entering{animation:nodeAppear .5s var(--ease-spring) forwards;opacity:0}.edge-entering{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:edgeDraw 1s var(--ease-out) forwards}.boundary-entering{animation:fadeIn .6s var(--ease-out) forwards;opacity:0}.node-glow{filter:url(#glow-filter)}.diagram-tooltip{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);pointer-events:none;z-index:50;max-width:260px;animation:fadeIn var(--duration-fast) var(--ease-out);position:absolute}.tooltip-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.tooltip-type{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:var(--space-2)}.tooltip-detail{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.tooltip-props{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);list-style:none}.tooltip-props li{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono);padding:1px 0}.tooltip-props li .prop-key{color:var(--text-muted)}#toolbar-container{top:var(--space-4);right:var(--space-4);z-index:20;gap:var(--space-2);display:flex;position:absolute}.toolbar{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);gap:1px;padding:3px;display:flex}.toolbar-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.toolbar-btn:hover{background:var(--bg-hover);color:var(--accent-cyan)}.toolbar-btn.active{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.toolbar-btn svg{width:16px;height:16px}.toolbar-divider{background:var(--border-subtle);width:1px;margin:4px 2px}.export-dropdown{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:200;min-width:160px;animation:slideUp var(--duration-fast) var(--ease-out);position:absolute;top:calc(100% + 6px);right:0}.export-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--duration-fast);background:0 0;border:none;display:flex}.export-item:hover{background:var(--bg-hover);color:var(--text-primary)}.minimap{bottom:var(--space-4);right:var(--space-4);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-md);width:160px;height:100px;box-shadow:var(--shadow-md);z-index:15;position:absolute;overflow:hidden}.minimap-viewport{border:1.5px solid var(--accent-cyan);pointer-events:none;background:#06b6d40d;border-radius:2px;position:absolute}.minimap svg{width:100%;height:100%}.pipeline-stage{fill:var(--bg-elevated);stroke:var(--border-default);rx:8}.pipeline-stage-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;fill:var(--text-muted);font-size:10px;font-weight:600}.pipeline-arrow{fill:none;stroke:var(--text-dim);stroke-width:1.5px;marker-end:url(#arrowhead)}.diagram-node.attacked .node-bg{stroke:var(--accent-rose)!important;stroke-width:2.5px!important;filter:drop-shadow(0 0 8px #f43f5e99)!important}.diagram-node.attacked .node-glow-bg{opacity:1!important;fill:#f43f5e1a!important}.diagram-edge.attacked{animation:1s ease-in-out infinite attackPulse;stroke:var(--accent-rose)!important;stroke-width:2.5px!important;filter:drop-shadow(0 0 4px #f43f5e66)!important}@keyframes attackPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--space-4);animation:fadeIn var(--duration-normal) var(--ease-out);background:#04060cd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:680px;max-height:85vh;box-shadow:0 20px 25px -5px #00000080, var(--shadow-glow-rose);animation:scaleUp var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);background:#f43f5e08;justify-content:space-between;align-items:center;display:flex}.modal-title{align-items:center;gap:var(--space-2);color:var(--accent-rose);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-body{padding:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;overflow-y:auto}.modal-body h3{color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-2);border-left:3px solid var(--accent-rose);padding-left:var(--space-2);font-weight:600}.modal-body h3:first-of-type{margin-top:0}.modal-body p{margin-bottom:var(--space-4)}.modal-body ul{padding-left:var(--space-5);margin-bottom:var(--space-4)}.modal-body li{margin-bottom:var(--space-1)}.modal-body code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-cyan);padding:2px 6px}.modal-body pre{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);overflow-x:auto}.modal-body pre code{color:var(--text-primary);background:0 0;padding:0}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:flex-end;display:flex}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);padding:8px 16px;font-weight:600}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}#terminal-section{border-top:1px solid var(--border-subtle);flex-direction:column;flex:1;min-height:160px;display:flex;overflow:hidden}.terminal-header{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.terminal-header-left{align-items:center;gap:var(--space-2);display:flex}.terminal-dots{gap:5px;display:flex}.terminal-dot{border-radius:50%;width:8px;height:8px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-left:var(--space-2);font-weight:600}.terminal-clear{color:var(--text-dim);cursor:pointer;font-size:var(--text-xs);font-family:var(--font-sans);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;padding:2px 6px}.terminal-clear:hover{color:var(--text-secondary);background:var(--bg-hover)}.terminal-body{padding:var(--space-3) var(--space-4);background:var(--bg-primary);font-family:var(--font-mono);font-size:var(--text-xs);flex:1;line-height:1.8;overflow-y:auto}.terminal-line{gap:var(--space-2);animation:slideUp .2s var(--ease-out);padding:1px 0;display:flex}.terminal-timestamp{color:var(--text-dim);-webkit-user-select:none;user-select:none;flex-shrink:0}.terminal-icon{text-align:center;flex-shrink:0;width:14px}.terminal-message{word-break:break-word;flex:1}.terminal-line.info .terminal-icon{color:var(--accent-cyan)}.terminal-line.info .terminal-message{color:var(--text-secondary)}.terminal-line.success .terminal-icon,.terminal-line.success .terminal-message{color:var(--accent-emerald)}.terminal-line.warning .terminal-icon,.terminal-line.warning .terminal-message{color:var(--accent-amber)}.terminal-line.error .terminal-icon,.terminal-line.error .terminal-message{color:var(--accent-rose)}.terminal-line.step .terminal-icon{color:var(--accent-violet)}.terminal-line.step .terminal-message{color:var(--text-primary)}.terminal-cursor{background:var(--accent-emerald);vertical-align:text-bottom;width:7px;height:14px;margin-left:2px;animation:1s step-end infinite typewriter-cursor;display:inline-block}.terminal-typing .terminal-message{white-space:nowrap;overflow:hidden}#error-section{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;max-height:200px;display:flex;overflow:hidden}#error-section.hidden{display:none}.error-header{padding:var(--space-2) var(--space-4);background:var(--accent-rose-dim);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.error-header-left{align-items:center;gap:var(--space-2);display:flex}.error-header-icon{color:var(--accent-rose)}.error-header-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-rose);font-weight:600}.error-count{font-size:var(--text-xs);background:var(--accent-rose);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-weight:700}.error-body{padding:var(--space-2);background:var(--bg-primary);flex:1;overflow-y:auto}.error-item{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-1);transition:background var(--duration-fast);cursor:pointer;display:flex}.error-item:hover{background:var(--accent-rose-dim)}.error-severity{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;display:flex}.error-severity.error{background:var(--accent-rose-dim);color:var(--accent-rose)}.error-severity.warning{background:var(--accent-amber-dim);color:var(--accent-amber)}.error-details{flex:1;min-width:0}.error-message{font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.error-location{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);margin-top:2px}.error-suggestion{font-size:var(--text-xs);color:var(--accent-amber);margin-top:2px;font-style:italic}#landing-page{background:var(--bg-primary);z-index:9999;opacity:1;width:100vw;height:100vh;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}#landing-page.fade-out{opacity:0;pointer-events:none;transform:scale(.98)}.landing-content{width:100%;max-width:1100px;padding:var(--space-8) var(--space-6);gap:var(--space-12);z-index:10;flex-direction:column;display:flex;position:relative}.landing-header{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.landing-header .logo{align-items:center;gap:var(--space-3);display:flex}.landing-header .logo-text{font-size:var(--text-xl);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.hero-section{text-align:center;padding:var(--space-10) 0;align-items:center;gap:var(--space-6);flex-direction:column;display:flex;position:relative}.glowing-orb{pointer-events:none;z-index:-1;filter:blur(40px);background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title{font-size:var(--text-3xl);letter-spacing:-.03em;color:var(--text-primary);font-weight:800;line-height:1.25}.highlight-text{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:680px;line-height:1.6}.btn-primary-large{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:#fff;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;padding:14px 28px;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #06b6d440}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 6px 28px #06b6d466}.btn-primary-large svg{transition:transform var(--duration-normal) var(--ease-out)}.btn-primary-large:hover svg{transform:translate(4px)}.features-section{gap:var(--space-6);flex-direction:column;display:flex}.section-title{font-size:var(--text-xl);letter-spacing:-.02em;text-align:center;color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.features-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out)}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.feature-icon{margin-bottom:var(--space-3);font-size:28px}.feature-card h3{font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.workflow-section{gap:var(--space-6);flex-direction:column;display:flex}.workflow-steps{gap:var(--space-4);flex-wrap:wrap;display:flex}.step-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:280px;padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex;position:relative}.step-num{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--border-strong);font-weight:800;line-height:1}.step-card h4{font-size:var(--text-base);color:var(--text-primary);font-weight:700}.step-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.landing-footer{text-align:center;border-top:1px solid var(--border-subtle);padding-top:var(--space-6);font-size:var(--text-xs);color:var(--text-muted)}