.dashboard-body{background:var(--bg-base);height:100vh;font-size:13px;overflow:hidden}.app-shell{grid-template-rows:auto 1fr;grid-template-columns:220px 1fr;height:100vh;display:grid}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;grid-row:1/-1;padding:.75rem;display:flex}.sidebar-header{align-items:center;gap:.625rem;height:36px;margin-bottom:1.25rem;padding:.5rem .75rem;display:flex}.sidebar-header .logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.04em;font-size:1.25rem}.badge{font-family:var(--font-mono);background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-sm);letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;font-size:.5625rem;font-weight:500}.sidebar-nav{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);align-items:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-muted);color:var(--accent)}.nav-item .icon{text-align:center;opacity:.7;width:18px;margin-right:.625rem;font-size:.875rem}.nav-item.active .icon{opacity:1}.nav-divider{background:var(--border-subtle);height:1px;margin:.75rem 0}.user-profile{border-top:1px solid var(--border-subtle);align-items:center;gap:.625rem;margin-top:auto;padding:.75rem;display:flex}.avatar{background:var(--bg-elevated);border-radius:var(--radius-md);width:30px;height:30px;color:var(--accent);font-size:.6875rem;font-weight:600;font-family:var(--font-mono);border:1px solid var(--border-default);justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;display:flex}.user-info .name{color:var(--text-primary);font-size:.8125rem;font-weight:600}.user-info .role{color:var(--text-tertiary);font-size:.6875rem;font-family:var(--font-mono)}.main-content{flex-direction:column;display:flex;overflow:hidden}.top-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:52px;padding:0 1.5rem;display:flex;position:relative;box-shadow:0 1px 3px #0000004d}.tenant-selector{align-items:center;gap:.75rem;display:flex}.tenant-selector .label{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.glass-select{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;outline:none;padding:.3rem .75rem;font-size:.8125rem;transition:border-color .15s}.glass-select:focus{border-color:var(--accent-border)}.top-actions{align-items:center;gap:.75rem;display:flex}.icon-btn{border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:0 0;padding:.3rem .5rem;font-size:.875rem;transition:all .15s}.icon-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.view-container{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;flex:1;padding:1.5rem;overflow-y:auto}.view-container::-webkit-scrollbar{width:6px}.view-container::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.view-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.view-header h2{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:400}.header-badges{gap:.5rem;display:flex}.status-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);letter-spacing:.03em;padding:.2rem .5rem;font-size:.6875rem;font-weight:500}.status-badge.success{background:var(--positive-muted);color:var(--positive);border:1px solid #6ccf8e33}.status-badge.warning{background:var(--warning-muted);color:var(--warning);border:1px solid #cfb86c33}.status-badge.danger{background:var(--negative-muted);color:var(--negative);border:1px solid #cf6c6c33}.status-badge.info{background:var(--info-muted);color:var(--info);border:1px solid #6ca5cf33}.metrics-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:1.5rem;display:grid;overflow:hidden}.metrics-grid.cols-4{grid-template-columns:repeat(4,1fr)}.metrics-grid.cols-6{grid-template-columns:repeat(6,1fr)}.metric-card{background:var(--bg-surface);padding:1.25rem;position:relative}.metric-card:hover{background:var(--bg-elevated)}.metric-label{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.625rem;font-weight:500}.metric-row{justify-content:space-between;align-items:flex-end;display:flex}.metric-value{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1}.metric-unit{color:var(--text-secondary);margin-left:2px;font-size:.8125rem;font-weight:400}.metric-delta{font-family:var(--font-mono);font-size:.6875rem;font-weight:500}.metric-delta.up{color:var(--positive)}.metric-delta.down{color:var(--negative)}.metric-delta.neutral{color:var(--text-tertiary)}.sparkline-container{height:28px;margin-top:.75rem}.sparkline-container svg{width:100%;height:100%}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.panel-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.panel-subtitle{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.6875rem}.panel-body{padding:1.25rem}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);padding:.625rem 1rem;font-size:.625rem;font-weight:500}.data-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff05;padding:.625rem 1rem;font-size:.8125rem;transition:all .15s}.data-table tbody tr:hover td{color:var(--text-primary);background:#ffffff04}.data-table .mono{font-family:var(--font-mono);font-size:.75rem}.data-table .primary{color:var(--text-primary);font-weight:500}.status-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.status-dot.success{background:var(--positive);box-shadow:0 0 6px #6ccf8e66}.status-dot.warning{background:var(--warning);box-shadow:0 0 6px #cfb86c66}.status-dot.danger{background:var(--negative);box-shadow:0 0 6px #cf6c6c66}.status-dot.info{background:var(--info);box-shadow:0 0 6px #6ca5cf66}.status-dot.pulse{animation:2s ease-in-out infinite pulse-dot}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-2-1{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.grid-1-2{grid-template-columns:1fr 2fr;gap:1rem;display:grid}.gap-sm{gap:.75rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.mb-sm{margin-bottom:.75rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mesh-canvas-container{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);height:55vh;margin-bottom:1rem;position:relative;overflow:hidden}.mesh-overlay{z-index:10;position:absolute;top:16px;left:16px}.mesh-stat-card{border:1px solid var(--border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090bd9;padding:.75rem 1rem}.gauge-card{text-align:center;padding:1.5rem 1rem}.gauge-container{width:100px;height:100px;margin:0 auto .75rem;position:relative}.gauge-container svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.25rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.policy-stream{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;max-height:340px;overflow-y:auto}.policy-event{border-bottom:1px solid #ffffff08;align-items:flex-start;gap:.75rem;padding:.625rem 0;display:flex}.policy-event:last-child{border-bottom:none}.policy-time{font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0;padding-top:1px;font-size:.6875rem}.policy-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.policy-agent{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;font-size:.6875rem}.risk-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;transition:border-color .15s}.risk-card.high{border-color:#cf6c6c4d}.risk-card.medium{border-color:#cfb86c33}.risk-region{color:var(--text-primary);margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.risk-count{font-family:var(--font-mono);color:var(--text-primary);font-size:1.75rem;font-weight:600;line-height:1}.risk-label{color:var(--text-tertiary);margin-top:.25rem;font-size:.6875rem}.agent-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;display:grid;overflow:hidden}.agent-card{background:var(--bg-surface);padding:1.25rem;transition:background .15s}.agent-card:hover{background:var(--bg-elevated)}.agent-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.agent-meta{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.625rem}.agent-name{color:var(--text-primary);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.agent-vendor{font-family:var(--font-mono);color:var(--accent);letter-spacing:.03em;margin-bottom:.5rem;font-size:.6875rem}.agent-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.8125rem;line-height:1.5}.agent-features{flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.agent-tag{font-family:var(--font-mono);background:var(--bg-elevated);color:var(--text-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:2px 6px;font-size:.625rem}.trust-indicator{font-family:var(--font-mono);align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.trust-bar{background:var(--bg-elevated);border-radius:2px;width:40px;height:3px;overflow:hidden}.trust-bar-fill{border-radius:2px;height:100%;transition:width .3s}.agent-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.wizard-container{max-width:720px;margin:0 auto}.wizard-title{font-family:var(--font-display);text-align:center;color:var(--text-primary);margin-bottom:.375rem;font-size:1.5rem;font-weight:400}.wizard-subtitle{text-align:center;color:var(--text-tertiary);margin-bottom:2rem;font-size:.8125rem}.wizard-progress{justify-content:center;align-items:center;gap:0;margin-bottom:2rem;display:flex}.step-node{background:var(--bg-elevated);border:1px solid var(--border-default);width:28px;height:28px;font-family:var(--font-mono);color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:500;transition:all .2s;display:flex;position:relative}.step-node.active{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.step-node.completed{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.step-connector{background:var(--border-default);width:40px;height:1px}.step-connector.completed{background:var(--accent)}.step-label{font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-size:.5625rem;position:absolute;top:34px;left:50%;transform:translate(-50%)}.step-node.active .step-label{color:var(--accent)}.wizard-form-group{margin-bottom:1.25rem}.wizard-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.wizard-input,.wizard-textarea{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);padding:.625rem .75rem;font-size:.8125rem;transition:border-color .15s}.wizard-input:focus,.wizard-textarea:focus{border-color:var(--accent-border);outline:none}.wizard-input::placeholder,.wizard-textarea::placeholder{color:var(--text-tertiary)}.wizard-textarea{resize:vertical;min-height:100px;line-height:1.6}.capability-card{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;transition:all .15s;display:flex}.capability-card:hover{background:var(--bg-hover);border-color:var(--border-strong)}.capability-card.selected{border-color:var(--accent-border);background:var(--accent-muted)}.capability-icon{background:var(--bg-elevated);border-radius:var(--radius-sm);width:24px;height:24px;font-family:var(--font-mono);color:var(--accent);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;display:flex}.wizard-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;margin-top:1.5rem;padding-top:1.25rem;display:flex}.progress-bar-container{margin-bottom:1rem}.progress-bar-header{justify-content:space-between;margin-bottom:.375rem;display:flex}.progress-bar-label{color:var(--text-secondary);font-size:.8125rem}.progress-bar-value{font-family:var(--font-mono);color:var(--text-primary);font-size:.75rem}.progress-bar{background:var(--bg-base);border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s}.progress-bar-sub{font-family:var(--font-mono);color:var(--positive);text-align:right;margin-top:.25rem;font-size:.6875rem}.model-bar-row{border-bottom:1px solid #ffffff05;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.model-bar-name{color:var(--text-secondary);flex-shrink:0;width:130px;font-size:.8125rem}.model-bar-track{background:var(--bg-base);border-radius:3px;flex:1;height:6px;overflow:hidden}.model-bar-fill{border-radius:3px;height:100%;transition:width .5s}.model-bar-value{font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;flex-shrink:0;width:50px;font-size:.6875rem}.featured-banner{background:var(--bg-elevated);border:1px solid var(--accent-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.featured-banner:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.featured-badge{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem;font-size:.5625rem}.featured-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.375rem;font-size:1.375rem;font-weight:400}.featured-desc{color:var(--text-secondary);max-width:460px;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.featured-icon{font-family:var(--font-display);color:var(--accent);opacity:.3;font-size:3rem}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:480px;max-width:90vw;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.security-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:1rem;display:grid;overflow:hidden}.security-cell{background:var(--bg-elevated);text-align:center;padding:.875rem}.security-cell-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.375rem;font-weight:600}.security-cell-label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.5625rem}.compliance-tags{flex-wrap:wrap;gap:.375rem;display:flex}.compliance-tag{font-family:var(--font-mono);background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-sm);border:1px solid var(--accent-border);padding:.2rem .5rem;font-size:.6875rem}.risk-item{color:var(--negative);border-bottom:1px solid #ffffff08;border-left:2px solid var(--negative);padding:.5rem 0 .5rem .75rem;font-size:.8125rem}.loading-spinner{height:200px;color:var(--text-tertiary);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.75rem;display:flex}.policy-tag{font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;border:1px solid;padding:1px 5px;font-size:.5625rem}.policy-tag.compliance{color:var(--info);background:var(--info-muted);border-color:#6ca5cf33}.policy-tag.security{color:var(--positive);background:var(--positive-muted);border-color:#6ccf8e33}.policy-tag.cost{color:var(--warning);background:var(--warning-muted);border-color:#cfb86c33}.policy-tag.access{color:var(--accent);background:var(--accent-muted);border-color:var(--accent-border)}.policy-tag.performance{color:var(--text-secondary);background:var(--bg-elevated);border-color:var(--border-default)}.toggle{width:32px;height:18px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-base);border:1px solid var(--border-default);border-radius:9px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-tertiary);border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{background:var(--accent-muted);border-color:var(--accent-border)}.toggle input:checked+.toggle-slider:before{background:var(--accent);transform:translate(14px)}.studio-layout{grid-template-columns:1fr 1fr;gap:1rem;height:calc(100vh - 52px - 3rem);min-height:0;display:grid}.studio-left{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;flex-direction:column;gap:.75rem;padding-right:.25rem;display:flex;overflow-y:auto}.studio-right{flex-direction:column;min-height:0;display:flex}.studio-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.studio-header h2{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:400}.studio-progress{flex-shrink:0;align-items:center;gap:0;padding:.5rem 0 1.5rem;display:flex}.studio-step{background:var(--bg-elevated);border:1px solid var(--border-default);width:24px;height:24px;font-family:var(--font-mono);color:var(--text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.5625rem;transition:all .25s;display:flex;position:relative}.studio-step.active{border-color:var(--accent);background:var(--accent-muted);color:var(--accent);box-shadow:0 0 8px #d4a57426}.studio-step.completed{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.studio-step-label{font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-size:.4375rem;position:absolute;top:28px;left:50%;transform:translate(-50%)}.studio-step.active .studio-step-label{color:var(--accent)}.studio-connector{background:var(--border-default);flex:1;min-width:8px;height:1px;transition:background .3s}.studio-connector.completed{background:var(--accent)}.dsl-preview{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dsl-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}.dsl-filename{font-family:var(--font-mono);color:var(--text-secondary);font-size:.6875rem}.dsl-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-muted);border-radius:var(--radius-sm);border:1px solid var(--accent-border);padding:1px 6px;font-size:.5625rem}.dsl-body{font-family:var(--font-mono);white-space:pre;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;background:var(--bg-surface);flex:1;margin:0;padding:.875rem 1rem;font-size:.6875rem;line-height:1.7;overflow-y:auto}.dsl-line{min-height:1em;display:block}.dsl-line.dsl-new{opacity:0;animation:.2s forwards dslReveal}@keyframes dslReveal{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.yl-key{color:var(--accent)}.yl-colon{color:var(--text-tertiary)}.yl-string{color:var(--positive)}.yl-number,.yl-bool{color:var(--info)}.yl-value{color:var(--text-secondary)}.yl-comment{color:var(--text-tertiary);font-style:italic}.yl-delim,.yl-dash{color:var(--text-tertiary)}.yl-literal{color:var(--warning)}.dsl-cursor{background:var(--accent);vertical-align:middle;width:5px;height:11px;margin-left:1px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{50%{opacity:0}}.compliance-strip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:.75rem 1rem;display:flex}.compliance-strip-title{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;width:100%;margin-bottom:.25rem;font-size:.5625rem}.compliance-check{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-tertiary);align-items:center;gap:3px;padding:2px 6px;font-size:.5625rem;transition:all .3s;display:inline-flex}.compliance-check.passed{background:var(--positive-muted);color:var(--positive);border-color:#6ccf8e4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studio-form-body{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;max-height:calc(100vh - 380px);overflow-y:auto}.wf-step{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem .75rem;transition:border-color .15s;display:flex}.wf-step:hover{border-color:var(--border-strong)}.wf-num{font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;flex-shrink:0;width:16px;font-size:.6875rem}.wf-name{color:var(--text-primary);font-size:.8125rem}.wf-type{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-left:auto;font-size:.5625rem}.gen-step{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;display:flex}.gen-step.done{color:var(--positive)}.incident-row{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:background .15s;display:flex}.incident-row:last-child{border-bottom:none}.incident-row:hover{background:#ffffff04}.incident-row.resolved{opacity:.45}.incident-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.incident-meta{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;font-size:.625rem}.eng-docs-list{flex-direction:column;display:flex}.eng-doc-row{border-bottom:1px solid #ffffff08;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;transition:background .15s;display:flex}.eng-doc-row:last-child{border-bottom:none}.eng-doc-row:hover{background:#ffffff04}.eng-doc-icon{background:var(--accent-muted);border:1px solid var(--accent-border);border-radius:var(--radius-md);width:32px;height:32px;font-family:var(--font-mono);color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.eng-doc-name{color:var(--text-primary);font-size:.8125rem;font-weight:600}.eng-doc-meta{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;font-size:.625rem}.toast-notification{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);z-index:3000;box-shadow:var(--shadow-lg);opacity:0;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8125rem;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px)}.toast-notification.show{opacity:1;transform:translateY(0)}.deploy-progress-track{background:var(--bg-base);border-radius:2px;width:100%;height:4px;overflow:hidden}.deploy-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s}.deploy-step{color:var(--positive);opacity:0;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;transition:all .3s;display:flex;transform:translateY(6px)}.deploy-step.visible{opacity:1;transform:translateY(0)}.deploy-result{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:left;max-width:380px;margin:0 auto;padding:1rem 1.25rem}.deployed-badge{font-family:var(--font-mono);color:var(--positive);background:var(--positive-muted);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;border:1px solid #6ccf8e4d;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.playground-model-bar{flex-wrap:wrap;gap:.375rem;display:flex}.playground-model-pill{font-family:var(--font-mono);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.3rem .75rem;font-size:.6875rem;font-weight:500;transition:all .15s}.playground-model-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.playground-model-pill.active{font-weight:600}.playground-panels{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}.playground-panels.compare{grid-template-columns:1fr 1fr}.playground-output-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;min-height:280px;max-height:420px;display:flex;overflow:hidden}.playground-output{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:.8125rem;line-height:1.7}.playground-output.placeholder{color:var(--text-tertiary);font-style:italic}.playground-cursor{background:var(--accent);vertical-align:middle;width:5px;height:12px;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}.playground-cursor.done{display:none}.playground-metrics{border-top:1px solid var(--border-subtle);background:var(--bg-elevated);display:flex}.pg-metric{text-align:center;border-right:1px solid var(--border-subtle);flex:1;padding:.625rem .75rem}.pg-metric:last-child{border-right:none}.pg-metric-label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.5625rem;display:block}.pg-metric-value{font-family:var(--font-mono);color:var(--text-primary);font-size:.8125rem;font-weight:600;display:block}.playground-input-area{gap:.5rem;display:flex}.playground-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);outline:none;flex:1;padding:.625rem 1rem;font-size:.8125rem;transition:border-color .15s}.playground-input:focus{border-color:var(--accent-border)}