:root{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;--color-bg-app: #eef1f7;--color-bg-card: #ffffff;--color-bg-input: #ffffff;--color-bg-hover: #f0f2f7;--color-bg-sidebar: #131b2f;--color-bg-topbar: #f9fbff;--color-bg-code: #0f172a;--color-text-primary: #17223b;--color-text-secondary: #6b7899;--color-text-muted: #8993b8;--color-text-inverse: #f3f5fc;--color-text-link: #2f74ff;--color-border: #e4e8f4;--color-border-light: #eef1f7;--color-border-input: #d5d9e5;--color-border-focus: #5f8bff;--color-primary: #5f8bff;--color-primary-hover: #4a7aff;--color-primary-light: #f0f5ff;--color-danger: #d7263d;--color-danger-hover: #b91c30;--color-danger-light: #fff1f1;--color-success: #1ec871;--color-success-light: #effdf6;--color-warning: #e9a400;--color-warning-light: #fff8ec;--shadow-sm: 0 1px 3px rgba(20, 31, 63, .06);--shadow-md: 0 8px 24px rgba(20, 31, 63, .08);--shadow-lg: 0 15px 60px rgba(20, 31, 63, .12);--shadow-card: 0 15px 60px rgba(20, 31, 63, .08);color:var(--color-text-primary);background-color:var(--color-bg-app)}[data-theme=dark]{--color-bg-app: #0f172a;--color-bg-card: #1e2842;--color-bg-input: #222a42;--color-bg-hover: #1a1f2e;--color-bg-sidebar: #0a0f1a;--color-bg-topbar: #1a1f2e;--color-bg-code: #0a0f1a;--color-text-primary: #f3f5fc;--color-text-secondary: #a5b4fc;--color-text-muted: #7c86ad;--color-text-inverse: #17223b;--color-text-link: #6e8bff;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--color-border-input: rgba(255, 255, 255, .15);--color-primary-light: rgba(95, 139, 255, .15);--color-danger: #ef4444;--color-danger-hover: #f87171;--color-danger-light: rgba(239, 68, 68, .15);--color-success-light: rgba(30, 200, 113, .15);--color-warning-light: rgba(233, 164, 0, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 15px 60px rgba(0, 0, 0, .4);--shadow-card: 0 15px 60px rgba(0, 0, 0, .3)}[data-theme=dark] .session-error{background:#ef444426;border-color:#ef44444d;color:#f87171}[data-theme=dark] .session-error-dismiss{color:#f87171}[data-theme=dark] .session-entry-annotation.session-entry-ran{background:#22c55e26}[data-theme=dark] .session-entry-annotation.session-entry-skipped{background:var(--color-bg-hover)}[data-theme=dark] .session-entry-annotation.session-entry-failed{background:#ef444426}[data-theme=dark] .annotation-badge.annotation-ran{background:#22c55e33;color:#4ade80}[data-theme=dark] .annotation-badge.annotation-skipped{background:var(--color-bg-active);color:var(--color-text-muted)}[data-theme=dark] .annotation-badge.annotation-failed{background:#ef444433;color:#f87171}[data-theme=dark] .annotation-btn-ran:hover:not(:disabled),[data-theme=dark] .annotation-btn-ran.active{background:#22c55e33;color:#4ade80;border-color:#22c55e66}[data-theme=dark] .annotation-btn-failed:hover:not(:disabled),[data-theme=dark] .annotation-btn-failed.active{background:#ef444433;color:#f87171;border-color:#ef444466}[data-theme=dark] .callout-info{background:#5f8bff26}[data-theme=dark] .callout-warning{background:#e9a40026}[data-theme=dark] .callout-critical{background:#ef444426}[data-theme=dark] .callout-tip{background:#1ec87126}[data-theme=dark] .intent{background:#5f8bff33;color:#a5b4fc}[data-theme=dark] .intent-investigation{background:#e9a40033;color:#fbbf24}[data-theme=dark] .intent-decision{background:#ec489933;color:#f472b6}[data-theme=dark] .intent-communication,[data-theme=dark] .diff-stat.added,[data-theme=dark] .diff-change.added .diff-icon{background:#22c55e33;color:#4ade80}[data-theme=dark] .diff-stat.removed,[data-theme=dark] .diff-change.removed .diff-icon{background:#ef444433;color:#f87171}[data-theme=dark] .diff-stat.modified,[data-theme=dark] .diff-change.modified .diff-icon{background:#e9a40033;color:#fbbf24}[data-theme=dark] .ai-review-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(99,102,241,.1) 100%)}[data-theme=dark] .suggestion-type{background:#6366f133;color:#a5b4fc}[data-theme=dark] .docs-cta{background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(99,102,241,.1) 100%)}[data-theme=dark] .landing-page{background:linear-gradient(180deg,var(--color-bg-app) 0%,var(--color-bg-card) 50%)}[data-theme=dark] .chip{background:#5f8bff33;color:#a5b4fc}[data-theme=dark] .restore-button{border-color:var(--color-border)}[data-theme=dark] .restore-button:hover{background:#5f8bff26;border-color:#6e8bff;color:#a5b4fc}[data-theme=dark] .docs-visual-steps{background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(99,102,241,.15) 100%)}[data-theme=dark] .visual-step-arrow{color:#a5b4fc80}[data-theme=dark] .step-check{background:#22c55e33;color:#4ade80}[data-theme=dark] .session-preview-note{background:#e9a40026}[data-theme=dark] .note-text{color:#fbbf24}[data-theme=dark] .docs-flow-diagram{background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(99,102,241,.15) 100%)}[data-theme=dark] .flow-arrow{color:#a5b4fc80}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg-app)}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}button:disabled{opacity:.5;cursor:not-allowed}input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--color-border-input);background:var(--color-bg-input);color:var(--color-text-primary);font-size:15px}.app-shell{display:flex;min-height:100vh;background:var(--color-bg-app)}.primary-nav{width:240px;padding:32px 24px;background:#131b2f;color:#f3f5fc;display:flex;flex-direction:column;gap:32px;position:sticky;top:0;height:100vh;overflow-y:auto}.nav-brand{display:flex;align-items:flex-start;gap:12px}.team-selector{position:relative}.team-selector-button{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:inherit;text-align:left;min-width:140px}.team-selector-button:hover{background:#ffffff1f}.team-selector-button .muted.tiny{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#8993b8;margin:0}.team-selector-button strong{display:block;font-size:14px;font-weight:600}.team-selector-button .chevron{margin-left:auto;opacity:.6;transition:transform .15s ease}.team-selector-button .chevron.rotated{transform:rotate(180deg)}.team-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e2842;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;z-index:100;box-shadow:0 8px 24px #0000004d}.team-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:inherit;text-align:left;font-size:14px}.team-option:hover{background:#ffffff14}.team-option.is-selected{background:#5f8bff33}.team-option .team-icon{display:flex;align-items:center;justify-content:center;opacity:.7}.team-option .team-name{flex:1}.team-option .check-icon{color:#5f8bff}.team-selector-divider{height:1px;background:#ffffff1a;margin:4px 0}.create-team-option{color:#8993b8}.create-team-option:hover{color:inherit}.brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6e8bff,#91d1ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase}.nav-link{width:100%;text-align:left;background:transparent;border-radius:12px;padding:10px 12px;color:inherit;display:flex;align-items:center;gap:12px}.nav-link:hover:not(:disabled){background:#ffffff0f}.nav-link.is-active{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1f}.nav-link.is-disabled{opacity:.5;cursor:not-allowed}.nav-link.is-disabled:hover{background:transparent}.nav-icon{display:flex;align-items:center;justify-content:center}.coming-soon-badge{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;background:#ffffff1a;border-radius:4px;color:#8993b8}.nav-secondary{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.nav-link.secondary{font-size:13px;color:#8993b8;text-decoration:none}.nav-link.secondary:hover{color:#fff;background:#ffffff0f}.nav-footer{margin-top:16px;display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff0f;border-radius:12px}.nav-footer-info{min-width:0;flex:1}.nav-footer-info .tiny{display:block;margin-bottom:2px}.nav-footer-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.avatar{width:36px;height:36px;border-radius:10px;background:#222a42;color:#8993b8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.main-column{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{padding:32px 40px 16px;background:var(--color-bg-topbar);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;gap:24px}.crumb{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--color-text-muted);margin:0 0 6px}.topbar h1{margin:0;font-size:32px;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:12px}.ghost-button{background:var(--color-bg-app);color:var(--color-text-primary);border:1px solid var(--color-border)}.ghost-button:hover{background:var(--color-bg-hover)}.primary-button{background:var(--color-primary);color:#fff;border:none}.primary-button:hover{background:var(--color-primary-hover)}a.primary-button,a.ghost-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer}.danger-button{background:var(--color-danger);color:#fff;border:none}.danger-button:hover{background:var(--color-danger-hover)}.danger-text{color:var(--color-danger)}.danger-text:hover{background:var(--color-danger-light)}.error-text{color:#d7263d;font-size:14px}.content-grid{flex:1;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;padding:24px 40px 40px}.utility-column{display:flex;flex-direction:column;gap:20px}.viewer-column{min-width:0;display:flex;justify-content:center;padding-right:16px}.viewer-column>*{width:100%;max-width:980px}.card{border-radius:24px;background:var(--color-bg-card);padding:20px 24px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.card h2{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#98a2c9;margin:0 0 4px}.muted{color:#7c86ad}.small{font-size:14px}.tiny{font-size:11px}.inline-error{border-radius:16px;border:1px solid rgba(255,120,120,.4);background:#ff787814;padding:14px;margin-bottom:12px}.inline-error p{margin:0 0 8px}.dev-banner header{margin-bottom:12px}.dev-banner h2{margin:0 0 4px}.dev-banner .field{display:flex;flex-direction:column;gap:4px;font-size:14px}.dev-banner .dev-banner-actions{margin-top:12px;display:flex;gap:8px}.runbook-items{display:flex;flex-direction:column;gap:12px}.runbook-item{border-radius:18px;padding:14px 16px;border:1px solid var(--color-border);background:var(--color-bg-card);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.runbook-item.is-active{border-color:#5f8bff;background:#5f8bff14;box-shadow:inset 0 0 0 1px #5f8bff33}.runbook-title{font-weight:600;display:block;word-break:break-word}.runbook-slug{font-size:13px;color:#7f8ab3;display:block}.runbook-item time{font-size:13px;color:var(--color-text-secondary)}.runbook-item-main{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.runbook-item-stats{display:flex;gap:8px;flex-shrink:0}.runbook-stat{font-size:11px;color:var(--color-text-secondary);background:var(--color-bg-hover);padding:2px 6px;border-radius:4px;white-space:nowrap}.runbook-item.is-active .runbook-stat{background:var(--color-primary-light);color:var(--color-primary)}.runbook-item-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#5f8bff,#6adedc);display:inline-block}.empty-state{text-align:left}.card.error{border-color:#ff787899;background:#ff78781a;color:#742828}.runbook-viewer{display:flex;flex-direction:column;gap:24px}.viewer-header{min-width:0;max-width:100%}.viewer-header h1{margin:0;font-size:28px;word-wrap:break-word;overflow-wrap:break-word}.viewer-header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.viewer-header-main>div:first-child{min-width:200px;flex:1}.viewer-actions{display:flex;gap:6px;flex-shrink:0}.viewer-actions button{padding:8px 12px;font-size:14px}.delete-confirm-modal{text-align:center}.delete-confirm-modal h2{margin:0 0 16px;font-size:20px}.delete-confirm-modal p{margin:0 0 20px;color:var(--color-text-secondary)}.modal-actions{display:flex;justify-content:center;gap:12px}.viewer-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}.viewer-meta div{border-radius:12px;padding:12px 14px;background:var(--color-bg-hover);text-align:center}.viewer-meta dt{margin:0;font-size:12px;text-transform:uppercase;color:var(--color-text-muted)}.viewer-meta dd{margin:4px 0 0;font-weight:600;font-size:15px}.viewer-meta dd code{font-family:inherit;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:transparent;padding:0;white-space:nowrap}.visibility-control dd{display:flex;align-items:center;gap:8px}.visibility-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);font-size:14px;font-weight:600;color:var(--color-text-primary);cursor:pointer}.visibility-select:hover{border-color:var(--color-border-hover)}.visibility-select:disabled{opacity:.6;cursor:not-allowed}.copy-link-button{padding:4px 10px;border:1px solid var(--color-primary);border-radius:6px;background:transparent;font-size:12px;font-weight:500;color:var(--color-primary);cursor:pointer;white-space:nowrap}.copy-link-button:hover{background:var(--color-primary);color:#fff}.public-warning-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;font-size:14px;color:#92400e}.public-warning-banner svg{flex-shrink:0;margin-top:2px;color:#f59e0b}.public-warning-banner strong{color:#78350f}.public-confirm-modal{display:flex;flex-direction:column;gap:20px}.public-confirm-warning{display:flex;gap:14px;padding:16px;background:#fef3c7;border-radius:12px;color:#92400e}.public-confirm-warning svg{flex-shrink:0;color:#f59e0b}.public-confirm-warning strong{display:block;margin-bottom:8px;color:#78350f}.public-confirm-warning p{margin:0 0 12px;font-size:14px}.public-confirm-warning ul{margin:0;padding-left:20px;font-size:13px}.public-confirm-warning li{margin-bottom:4px}.warning-button{padding:10px 18px;border:none;border-radius:8px;background:#f59e0b;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.warning-button:hover{background:#d97706}.warning-button:disabled{opacity:.6;cursor:not-allowed}.metadata-card{border-radius:20px;background:var(--color-bg-hover);padding:18px}.metadata-card h3{margin:0 0 12px}.metadata-card dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0}.metadata-card dt{font-size:12px;text-transform:uppercase;color:var(--color-text-muted)}.metadata-card dd{margin:4px 0 0;font-weight:600}.section-card{border-radius:20px;border:1px solid var(--color-border);padding:18px 20px;background:var(--color-bg-card);box-shadow:inset 0 0 0 1px #e3e9f866}.section-card header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.section-card h2{margin:0;font-size:20px}.section-type{border-radius:999px;padding:2px 10px;background:var(--color-primary-light);color:var(--color-primary);font-size:12px;text-transform:uppercase}.block{margin-bottom:16px}.block:last-child{margin-bottom:0}.bullets{padding-left:20px;margin:0}.callout{border-radius:16px;padding:12px 14px;border:1px solid #e2e6f3}.callout header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.callout-info{background:#f1f6ff}.callout-warning{background:#fff8ec}.callout-critical{background:#fff1f1}.callout-tip{background:#effdf6}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;background:#5066ff1a;color:#5066ff;text-transform:uppercase}.code-block pre,.command-block pre{background:#0f172a;color:#f9f9ff;border-radius:12px;padding:12px;overflow-x:auto}.code-block code,.command-block code,code{font-family:SFMono-Regular,Consolas,Monaco,Courier New,monospace}.step-block{border-radius:18px;border:1px solid var(--color-border);background:var(--color-bg-card);padding:16px}.intent{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;text-transform:uppercase;font-size:11px;letter-spacing:.05em;background:#e2e8ff;color:#4755ff}.intent-investigation{background:#fff4de;color:#b26500}.intent-decision{background:#ffe1ef;color:#b20060}.intent-communication{background:#e1fbef;color:#0d7a55}.command-block{border-radius:18px;border:1px solid var(--color-border);padding:18px;background:var(--color-bg-card)}.command-block header{display:flex;justify-content:space-between;align-items:center;gap:12px}.command-block .params{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.command-block .params li{border-radius:12px;border:1px solid var(--color-border);padding:8px;background:var(--color-bg-card)}.command-block dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.command-block dt{font-size:12px;text-transform:uppercase;color:var(--color-text-muted)}.command-block dd{margin:4px 0 0;font-weight:600}.risk{text-transform:uppercase;font-weight:700}.risk-low{color:#0d7a55}.risk-medium{color:#e9a400}.risk-high{color:#d7263d}.decision-block{border-radius:18px;border:1px dashed var(--color-border);padding:16px;background:var(--color-bg-card)}.decision-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.decision-option{border-radius:12px;border:1px solid var(--color-border);padding:12px;background:var(--color-bg-card)}.validation-block{border-left:3px solid #1ec871;padding-left:12px}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;text-align:left}.checklist li input{flex-shrink:0;margin-top:4px;width:16px;height:16px}.checklist li span{flex:1;text-align:left}.alert-reference{border-radius:16px;border:1px dashed var(--color-border);padding:12px;display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-hover)}.link-block a{font-weight:600}.unknown-block{border-radius:16px;border:1px dashed var(--color-border);padding:12px;background:var(--color-warning-light)}@media(max-width:1100px){.content-grid{grid-template-columns:1fr}.primary-nav{display:none}}.modal-overlay{position:fixed;inset:0;background:#131b2f99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--color-bg-card);border-radius:20px;box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:20px}.modal-close{background:none;border:none;font-size:28px;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:12px}.upgrade-modal-content{text-align:center;padding:8px 0}.upgrade-icon{width:72px;height:72px;margin:0 auto 16px;background:var(--color-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.upgrade-message{font-size:15px;line-height:1.6;color:var(--color-text-primary);margin-bottom:20px}.upgrade-benefits{background:var(--color-bg-hover);border-radius:8px;padding:16px 20px;text-align:left}.upgrade-benefits h4{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.upgrade-benefits ul{margin:0;padding:0;list-style:none}.upgrade-benefits li{font-size:14px;color:var(--color-text-primary);padding:6px 0 6px 24px;position:relative}.upgrade-benefits li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--color-success);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat}.upgrade-modal-footer{display:flex;gap:12px;justify-content:flex-end;width:100%}.usage-grid{display:flex;flex-direction:column;gap:16px}.usage-item{display:flex;flex-direction:column;gap:6px}.usage-header{display:flex;justify-content:space-between;align-items:center}.usage-label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.usage-count{font-size:14px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.usage-count.at-limit{color:var(--color-danger);font-weight:600}.usage-bar-track{height:8px;background:var(--color-bg-hover);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.usage-bar-fill.near-limit{background:var(--color-warning)}.usage-bar-fill.at-limit{background:var(--color-danger)}.form-field label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}.form-field .required-mark{color:#d7263d;margin-left:4px}.form-field.has-error input,.form-field.has-error textarea,.form-field.has-error select{border-color:#d7263d}.field-hint{margin:6px 0 0;font-size:13px;color:var(--color-text-muted)}.field-error{margin:6px 0 0;font-size:13px;color:#d7263d}textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--color-border-input);background:var(--color-bg-input);color:var(--color-text-primary);font-size:15px;font-family:inherit;resize:vertical;min-height:80px}textarea.monospace{font-family:SFMono-Regular,Consolas,Monaco,Courier New,monospace;font-size:14px}select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--color-border-input);background:var(--color-bg-input);color:var(--color-text-primary);font-size:15px;cursor:pointer}.checkbox-field{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-field input{width:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.runbook-editor{display:flex;flex-direction:column;gap:24px}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.editor-header h1{margin:0;font-size:28px}.editor-error{margin:8px 0 0;color:#d7263d;font-size:14px}.editor-actions{display:flex;gap:12px}.editor-content{display:flex;flex-direction:column;gap:24px}.editor-meta{display:grid;grid-template-columns:1fr 2fr;gap:16px}.editor-sections{display:flex;flex-direction:column;gap:16px}.section-editor{border-radius:16px;border:1px solid var(--color-border);background:var(--color-bg-card)}.section-editor-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-hover);border-bottom:1px solid var(--color-border);border-radius:16px 16px 0 0}.section-hint-trigger{position:relative;display:flex;align-items:center}.hint-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-hover);color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:help}.section-hint-trigger:hover .hint-icon{background:#5f8bff;color:#fff}.section-hint-tooltip{display:none;position:absolute;top:100%;right:0;margin-top:8px;padding:12px 16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-md);z-index:200;min-width:280px;white-space:normal}.section-hint-trigger:hover .section-hint-tooltip{display:block}.section-hint-description{margin:0 0 6px;font-size:14px;color:var(--color-text-secondary)}.section-hint-blocks{margin:0;font-size:13px;color:var(--color-text-muted)}.section-hint-blocks span{font-weight:600}.section-type-badge{padding:4px 10px;border-radius:999px;background:var(--color-primary-light);color:var(--color-text-link);font-size:12px;text-transform:uppercase;white-space:nowrap}.section-title-input{flex:1;border:none;background:transparent;font-size:16px;font-weight:600;padding:4px 8px;border-radius:6px}.section-title-input:focus{outline:none;background:var(--color-bg-card);box-shadow:0 0 0 2px var(--color-primary)}.delete-button{background:none;border:none;font-size:20px;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;border-radius:6px}.delete-button:hover{background:var(--color-danger-light);color:var(--color-danger)}.section-editor-content{padding:16px}.add-section-button{align-self:flex-start}.block-editor{border-radius:12px;border:1px solid var(--color-border);padding:12px;background:var(--color-bg-card)}.block-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.block-type-label{font-size:12px;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.block-editor-actions{display:flex;gap:8px}.block-editor-actions button{padding:4px 8px;font-size:12px}.block-editor-actions select{width:auto;padding:4px 8px;font-size:12px;border-radius:6px}.heading-input{font-size:18px;font-weight:600}.link-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link-fields .form-field{margin-bottom:0}.bullets-list,.checklist-items{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}.bullet-item,.checklist-item{display:flex;align-items:center;gap:8px}.bullet-marker{color:var(--color-text-muted);font-size:18px;width:16px;text-align:center}.bullet-item input[type=text],.checklist-item input[type=text]{flex:1;border:1px solid transparent;background:var(--color-bg-hover);padding:8px 10px;border-radius:8px}.bullet-item input[type=text]:focus,.checklist-item input[type=text]:focus{border-color:var(--color-primary);background:var(--color-bg-card)}.checklist-item input[type=checkbox]{width:18px;height:18px;margin:0}.remove-item-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;font-size:16px;opacity:0;transition:opacity .15s}.bullet-item:hover .remove-item-button,.checklist-item:hover .remove-item-button{opacity:1}.remove-item-button:hover{color:#d7263d}.remove-item-button:disabled{opacity:0!important}.add-item-button{background:none;border:1px dashed var(--color-border-input);color:var(--color-text-muted);padding:8px 12px;font-size:13px;border-radius:8px}.add-item-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-hover)}.command-editor-preview .command-preview{background:var(--color-bg-hover);border-radius:12px;padding:12px}.command-preview strong{display:block;margin-bottom:8px}.command-preview pre{background:#0f172a;color:#f9f9ff;border-radius:8px;padding:10px;margin:0 0 8px;overflow-x:auto}.command-meta{display:flex;gap:6px;flex-wrap:wrap}.risk-badge{padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;font-weight:600}.risk-badge.risk-low{background:#e1fbef;color:#0d7a55}.risk-badge.risk-medium{background:#fff4de;color:#b26500}.risk-badge.risk-high{background:#fff1f1;color:#d7263d}.command-form{display:flex;flex-direction:column;gap:16px}.safety-fieldset,.params-fieldset{border:1px solid #e4e8f4;border-radius:12px;padding:16px;margin:0}.safety-fieldset legend,.params-fieldset legend{font-weight:600;padding:0 8px}.param-row{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:8px;align-items:center;margin-bottom:8px}.param-row input[type=text]{padding:8px 10px}.alert-reference-fields{display:flex;flex-direction:column;gap:12px}.alert-reference-fields .form-field{margin-bottom:0}.add-block-menu{position:relative}.add-block-trigger{background:none;border:1px dashed var(--color-border-input);color:var(--color-text-muted);padding:10px 16px;font-size:14px;border-radius:10px;width:100%;text-align:left}.add-block-trigger:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-hover)}.add-block-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);z-index:100;padding:8px;max-height:320px;overflow-y:auto}.block-category{margin-bottom:8px}.block-category:last-child{margin-bottom:0}.category-label{display:block;font-size:11px;text-transform:uppercase;color:var(--color-text-muted);padding:4px 8px;font-weight:600}.block-option{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 12px;border-radius:8px;color:var(--color-text-primary);font-size:14px}.block-option:hover{background:var(--color-bg-hover)}.insert-block-container{position:relative;height:0;margin:0}.insert-block-line{position:absolute;left:0;right:0;top:-6px;height:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.insert-block-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#5f8bff;transform:scaleX(0);transition:transform .15s ease}.block-list-item-wrapper:hover .insert-block-line,.insert-block-container:focus-within .insert-block-line{opacity:1}.block-list-item-wrapper:hover .insert-block-line:before,.insert-block-container:focus-within .insert-block-line:before{transform:scaleX(1)}.insert-block-button{position:relative;z-index:2;width:20px;height:20px;padding:0;border-radius:50%;background:#5f8bff;color:#fff;border:2px solid #fff;box-shadow:0 2px 6px #5f8bff4d;display:flex;align-items:center;justify-content:center;cursor:pointer}.insert-block-button:hover{background:#4a78f5;transform:scale(1.1)}.insert-block-dropdown{position:absolute;top:12px;left:50%;transform:translate(-50%);min-width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);z-index:100;padding:8px;max-height:320px;overflow-y:auto}.block-list-item-wrapper{position:relative}.block-list{display:flex;flex-direction:column;gap:12px}.block-list-item{position:relative}.block-list-empty{text-align:center;padding:24px;background:var(--color-bg-hover);border-radius:12px;border:1px dashed var(--color-border)}.nested-blocks{margin-top:12px;padding:12px;background:var(--color-bg-hover);border-radius:12px}.callout-editor{border-left:4px solid #5f8bff}.callout-editor.callout-info{border-left-color:var(--color-primary);background:var(--color-primary-light)}.callout-editor.callout-warning{border-left-color:var(--color-warning);background:var(--color-warning-light)}.callout-editor.callout-critical{border-left-color:var(--color-danger);background:var(--color-danger-light)}.callout-editor.callout-tip{border-left-color:var(--color-success);background:var(--color-success-light)}.callout-title-input{font-weight:600}.step-editor{border:1px solid var(--color-border);background:var(--color-bg-hover)}.step-header-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.intent-badge{padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;font-weight:600;background:#e2e8ff;color:#4755ff}.intent-badge.intent-action{background:#e2e8ff;color:#4755ff}.intent-badge.intent-investigation{background:#fff4de;color:#b26500}.intent-badge.intent-decision{background:#ffe1ef;color:#b20060}.intent-badge.intent-communication{background:#e1fbef;color:#0d7a55}.step-title-input{flex:1;font-weight:600;font-size:16px}.validation-check-editor{border-left:4px solid #1ec871}.validation-title-input{font-weight:600}.decision-editor{border:1px dashed var(--color-border);background:var(--color-bg-card)}.decision-options{display:flex;flex-direction:column;gap:16px;margin:16px 0}.decision-option-editor{border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-card)}.option-header{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-bg-hover);border-bottom:1px solid var(--color-border);border-radius:12px 12px 0 0}.option-number{width:24px;height:24px;background:#5f8bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.option-label-input{flex:1;border:none;background:transparent;font-weight:600;padding:4px 8px;border-radius:6px}.option-label-input:focus{background:var(--color-bg-card);box-shadow:0 0 0 2px var(--color-primary)}.remove-option-button{background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;padding:4px}.remove-option-button:hover:not(:disabled){color:#d7263d}.remove-option-button:disabled{opacity:.3;cursor:not-allowed}.option-blocks{padding:12px}.settings-page{display:flex;flex-direction:column;gap:24px;max-width:600px}.settings-card{background:var(--color-bg-card);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.settings-card h2{margin:0 0 20px;font-size:18px;font-weight:600}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-field{display:flex;flex-direction:column;gap:4px}.settings-field label{font-weight:500;font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.settings-hint{margin:0;font-size:13px;color:var(--color-text-muted)}.settings-actions{display:flex;gap:12px}.invite-link-box{padding:12px;background:var(--color-bg-hover);border-radius:8px;font-size:14px}.invite-link-box p{margin:0 0 8px;color:var(--color-text-secondary)}.invite-link-row{display:flex;gap:8px;align-items:center}.invite-link{flex:1;padding:8px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;font-size:12px;word-break:break-all}.copy-button{padding:8px 14px;border:1px solid var(--color-primary);border-radius:6px;background:transparent;font-size:13px;font-weight:500;color:var(--color-primary);cursor:pointer;white-space:nowrap}.copy-button:hover{background:var(--color-primary);color:#fff}.theme-options{display:flex;gap:12px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;background:var(--color-bg-hover);border:2px solid transparent;border-radius:12px;cursor:pointer;font-size:13px;color:var(--color-text-secondary)}.theme-option:hover:not(:disabled){background:var(--color-bg-active)}.theme-option.is-active{border-color:#5f8bff;background:var(--color-bg-active)}.theme-option:disabled{opacity:.5;cursor:not-allowed}.theme-preview{width:48px;height:32px;border-radius:6px;border:1px solid #e2e6f3}.theme-preview.light{background:linear-gradient(135deg,#fff 50%,#f0f2f7 50%)}.theme-preview.dark{background:linear-gradient(135deg,#1a1f2e 50%,#131b2f 50%)}.theme-preview.system{background:linear-gradient(135deg,#fff 25%,#1a1f2e 25% 50%,#f0f2f7 50% 75%,#131b2f 75%)}.settings-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}.settings-info div{padding:12px;background:var(--color-bg-hover);border-radius:10px;text-align:center}.settings-info dt{font-size:11px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}.settings-info dd{margin:0;font-weight:600;font-size:14px;color:var(--color-text-primary)}.current-plan{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-hover);border-radius:12px;margin-bottom:20px}.plan-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.free{background:#e0e7ff;color:#4f46e5}.plan-badge.startup{background:#dbeafe;color:#2563eb}.plan-badge.pro{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.plan-description{margin:0;font-size:14px;color:var(--color-text-secondary)}.plan-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.plan-tier{background:var(--color-bg-hover);border-radius:12px;padding:16px}.plan-tier-header{text-align:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.plan-tier-header.current{position:relative}.plan-tier-header h4{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.plan-price{font-size:24px;font-weight:700;color:var(--color-text-primary)}.plan-price span{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.current-badge{display:block;margin-top:8px;font-size:11px;font-weight:600;color:#16a34a;text-transform:uppercase;letter-spacing:.5px}.plan-tier ul{list-style:none;padding:0;margin:0}.plan-tier li{padding:6px 0;font-size:13px;color:var(--color-text-secondary)}.plan-tier li:before{content:"✓";color:#6366f1;margin-right:8px;font-weight:600}@media(max-width:700px){.plan-comparison{grid-template-columns:1fr}}.content-area{flex:1;padding:24px 40px 40px}.version-history{margin-top:24px;border-top:1px solid var(--color-border);padding-top:16px}.version-history-toggle{display:flex;align-items:center;gap:8px;background:transparent;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-secondary);width:100%;justify-content:flex-start}.version-history-toggle:hover{background:var(--color-bg-hover)}.toggle-icon{transition:transform .2s ease}.toggle-icon.is-expanded{transform:rotate(90deg)}.version-count{background:var(--color-bg-hover);color:var(--color-text-secondary);font-size:12px;padding:2px 8px;border-radius:12px;margin-left:auto}.version-history-content{padding:12px 0}.version-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.version-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--color-bg-hover);border-radius:8px;font-size:13px}.version-item.is-current{background:var(--color-primary-light);border:1px solid var(--color-primary)}.version-info{display:flex;align-items:center;gap:8px}.version-number{font-weight:600;color:var(--color-text-primary)}.current-badge{background:#5f8bff;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.version-date{color:var(--color-text-secondary);font-size:12px}.version-hint{margin:0 0 12px;padding-left:12px}.version-main{display:flex;flex-direction:column;gap:2px}.version-author{font-size:12px;color:var(--color-text-muted)}.version-item.is-clickable{cursor:pointer}.version-item.is-clickable:hover{background:var(--color-bg-app)}.version-item.is-selected{background:var(--color-primary-light);border:1px solid var(--color-primary)}.version-actions{display:flex;align-items:center;gap:12px}.restore-button{padding:4px 10px;font-size:12px;background:transparent;border:1px solid var(--color-border-input);color:var(--color-text-secondary);border-radius:6px;opacity:0;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.version-item:hover .restore-button,.version-item:focus-within .restore-button{opacity:1}.restore-button:hover{background:var(--color-bg-card);border-color:var(--color-primary);color:var(--color-primary)}.restore-confirm-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.restore-confirm-modal{background:var(--color-bg-card);padding:24px;border-radius:16px;box-shadow:0 20px 50px #0003;max-width:400px;width:90%}.restore-confirm-modal h4{margin:0 0 12px;font-size:18px;color:var(--color-text-primary)}.restore-confirm-modal p{margin:0 0 8px;color:var(--color-text-secondary)}.restore-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.diff-panel{margin-top:16px;background:var(--color-bg-hover);border-radius:10px;border:1px solid var(--color-border);overflow:hidden}.diff-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-app);border-bottom:1px solid var(--color-border)}.diff-header h4{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary)}.diff-close{background:transparent;border:none;font-size:20px;color:var(--color-text-secondary);cursor:pointer;padding:0 4px;line-height:1}.diff-close:hover{color:var(--color-text-primary)}.diff-content{padding:16px}.diff-summary{display:flex;gap:12px;margin-bottom:16px}.diff-stat{font-size:13px;font-weight:600;padding:4px 10px;border-radius:6px}.diff-stat.added{background:#e6f9ed;color:#1a7f37}.diff-stat.removed{background:#ffebe9;color:#cf222e}.diff-stat.modified{background:#fff8e6;color:#9a6700}.diff-changes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.diff-change{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--color-bg-card);border-radius:8px;font-size:13px}.diff-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.diff-change.added .diff-icon{background:#e6f9ed;color:#1a7f37}.diff-change.removed .diff-icon{background:#ffebe9;color:#cf222e}.diff-change.modified .diff-icon{background:#fff8e6;color:#9a6700}.diff-change-content{display:flex;flex-direction:column;gap:2px}.diff-description{color:var(--color-text-primary)}.diff-details{font-size:12px;color:var(--color-text-secondary);font-family:SF Mono,Fira Code,monospace;word-break:break-word;white-space:pre-wrap}.list-view{padding:24px 40px 40px;max-width:1200px;margin:0 auto}.list-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.list-search-wrapper{position:relative;flex:1;min-width:200px;max-width:400px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.list-search{width:100%;padding:10px 14px 10px 44px;border-radius:10px;border:1px solid var(--color-border-input);background:var(--color-bg-card);font-size:15px;color:var(--color-text-primary)}.list-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.list-actions{display:flex;align-items:center;gap:12px}.sort-controls{display:flex;align-items:center;gap:8px}.sort-label{font-size:13px;color:var(--color-text-secondary)}.sort-button{background:transparent;padding:6px 12px;border-radius:8px;font-size:13px;color:var(--color-text-secondary)}.sort-button:hover{background:var(--color-bg-hover)}.sort-button.is-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.sort-arrow{margin-left:4px}.list-table{display:flex;flex-direction:column;gap:12px}.list-row{display:grid;grid-template-columns:1fr 160px 180px;align-items:center;gap:16px;padding:16px 20px;background:var(--color-bg-card);border-radius:12px;border:1px solid var(--color-border);cursor:pointer;text-align:left;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.list-row:hover{border-color:#c5cce0;box-shadow:0 2px 8px #0000000a}.list-row:focus{outline:none;border-color:#5f8bff;box-shadow:0 0 0 3px #5f8bff26}.list-row-main{display:flex;flex-direction:column;gap:4px}.list-row-title{font-size:16px;font-weight:600;color:var(--color-text-primary)}.list-row-slug{font-size:13px;color:var(--color-text-secondary);font-family:SF Mono,Fira Code,monospace}.list-row-stats{display:flex;gap:12px;align-items:center}.list-row-stat{font-size:12px;color:var(--color-text-secondary);background:var(--color-bg-hover);padding:4px 10px;border-radius:6px;white-space:nowrap}.list-row:hover .list-row-stat{background:var(--color-bg-app)}.list-row-meta{display:flex;align-items:center;gap:16px}.list-row-date{font-size:13px;color:var(--color-text-secondary)}.list-row-arrow{color:var(--color-text-muted)}.list-row:hover .list-row-arrow{color:var(--color-primary)}.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--color-bg-card);border-radius:12px;border:1px solid var(--color-border);gap:16px}.list-error{display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:var(--color-danger-light);border-radius:12px;border:1px solid var(--color-danger);gap:12px;color:var(--color-danger)}.list-footer{margin-top:16px;text-align:center;font-size:13px}.detail-view{padding:24px 40px 40px;max-width:100%;overflow-x:clip;box-sizing:border-box}.back-button{display:inline-flex;align-items:center;gap:8px;background:transparent;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.back-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.review-modal{min-height:200px}.review-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;text-align:center}.review-spinner{width:40px;height:40px;border:3px solid #e2e6f3;border-top-color:#5f8bff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.review-error{display:flex;flex-direction:column;align-items:center;padding:32px 24px;gap:16px;text-align:center}.review-summary{padding:16px;background:var(--color-bg-hover);border-radius:10px;margin-bottom:20px;font-size:15px;line-height:1.5}.review-success{display:flex;flex-direction:column;align-items:center;padding:32px 24px;gap:12px;text-align:center}.review-success-icon{width:48px;height:48px;background:#e6f9ed;color:#1a7f37;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.review-issues{display:flex;flex-direction:column;gap:20px}.review-issues-count{font-weight:600;font-size:14px;color:var(--color-text-secondary);margin:0 0 8px}.review-severity-group{display:flex;flex-direction:column;gap:12px}.severity-header{font-size:14px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.severity-header.severity-high{color:#cf222e}.severity-header.severity-medium{color:#9a6700}.severity-header.severity-low{color:#0969da}.severity-count{font-weight:400;color:var(--color-text-secondary)}.review-issue{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;padding:14px}.review-issue-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.severity-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.severity-badge.severity-high{background:#ffebe9;color:#cf222e}.severity-badge.severity-medium{background:#fff8e6;color:#9a6700}.severity-badge.severity-low{background:#ddf4ff;color:#0969da}.review-issue-category{font-size:13px;color:var(--color-text-secondary);font-weight:500}.review-issue-location{font-size:12px;color:var(--color-text-muted);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.review-issue-body{font-size:14px;line-height:1.5}.review-issue-body p{margin:0 0 8px}.review-issue-body p:last-child{margin-bottom:0}.review-footer{margin-top:20px;padding-top:16px;border-top:1px solid #e2e6f3;text-align:center}.import-modal{display:flex;flex-direction:column;gap:16px}.import-description{color:var(--color-text-secondary);font-size:14px;margin:0}.import-textarea{width:100%;min-height:300px;padding:14px;border:1px solid var(--color-border-input);border-radius:10px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;resize:vertical;background:var(--color-bg-card);color:var(--color-text-primary)}.import-textarea:focus{outline:none;border-color:#6e8bff;box-shadow:0 0 0 3px #6e8bff26}.import-textarea:disabled{opacity:.6;cursor:not-allowed}.import-error{margin:0}.import-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.import-fields{display:flex;flex-direction:column;gap:16px}.import-field{display:flex;flex-direction:column;gap:6px}.import-field span{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.import-field input{padding:10px 14px}.import-preview{background:var(--color-bg-hover);border-radius:10px;padding:16px}.import-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.import-section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.import-section-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-bg-card);border-radius:8px;border:1px solid var(--color-border)}.import-section-check{color:#22c55e;font-size:14px;font-weight:600}.import-section-title{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary)}.import-section-count{font-size:12px;color:var(--color-text-secondary)}.import-model{text-align:center;padding-top:8px}.ai-disclosure{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fff8e6;border:1px solid #f0d68a;border-radius:8px;margin-bottom:12px}.ai-disclosure-icon{flex-shrink:0;color:#9a6700;margin-top:2px}.ai-disclosure p{margin:0;font-size:13px;line-height:1.5;color:#6b5200}.template-picker{display:flex;flex-direction:column;gap:16px;min-width:400px}.template-picker-intro{margin:0;color:#5a6578}.template-list{display:flex;flex-direction:column;gap:8px}.template-option{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;background:var(--color-bg-hover);border:2px solid transparent;border-radius:10px;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.template-option:hover{background:var(--color-bg-app)}.template-option.is-selected{background:var(--color-primary-light);border-color:var(--color-primary)}.template-option-radio{flex-shrink:0;margin-top:2px}.radio-outer{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-input);display:flex;align-items:center;justify-content:center;transition:border-color .12s ease}.template-option.is-selected .radio-outer{border-color:var(--color-primary)}.radio-inner{width:10px;height:10px;border-radius:50%;background:var(--color-primary)}.template-option-content{display:flex;flex-direction:column;gap:2px}.template-option-name{font-weight:600;color:var(--color-text-primary)}.template-option-desc{font-size:13px;color:var(--color-text-secondary)}.template-picker-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--color-border)}.viewer-with-toc{display:flex;gap:24px;align-items:flex-start}.viewer-with-toc>.runbook-viewer{flex:1;min-width:0}.toc{position:sticky;top:24px;align-self:flex-start;width:200px;flex-shrink:0;background:var(--color-bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);max-height:calc(100vh - 48px);overflow-y:auto}.toc-title{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.toc-list{list-style:none;margin:0;padding:0}.toc-item{margin:0}.toc-item-nested{padding-left:12px}.toc-link{display:block;width:100%;padding:6px 10px;margin:2px 0;background:transparent;border:none;border-radius:6px;font-size:13px;line-height:1.4;color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.toc-item.is-active>.toc-link{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.toc-item-nested>.toc-link{font-size:12px;color:var(--color-text-muted)}.toc-item-nested.is-active>.toc-link{background:var(--color-bg-hover);color:var(--color-text-secondary)}.toc-item-heading>.toc-link{font-weight:500;color:var(--color-text-secondary)}.toc-item-heading.is-active>.toc-link{color:#2f74ff}.toc-item-h1{padding-left:8px}.toc-item-h2{padding-left:12px}.toc-item-h3{padding-left:16px}.toc-item-h4{padding-left:20px}@media(max-width:1100px){.viewer-with-toc{display:block}.toc{display:none}}.session-panel{position:sticky;top:24px;align-self:flex-start;width:280px;flex-shrink:0;background:var(--color-bg-card);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);max-height:calc(100vh - 48px);overflow-y:auto;order:-1}.viewer-with-toc.has-session-panel{display:flex;align-items:flex-start}.viewer-with-toc.has-session-panel>.runbook-viewer{flex:1;min-width:0}.session-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.session-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--color-text-primary)}.session-status-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af}.session-status-dot.recording{background:#ef4444;animation:pulse 1.5s ease-in-out infinite}.session-status-dot.ended{background:#6b7280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.session-timer{font-size:14px;font-weight:600;color:var(--color-primary);font-family:SF Mono,Fira Code,monospace}.session-panel-meta{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.session-error{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;font-size:13px;color:#dc2626}.session-error-dismiss{background:transparent;border:none;font-size:18px;color:#dc2626;cursor:pointer;padding:0 4px;line-height:1}.session-note-input{margin-bottom:16px}.session-entries{flex:1;overflow-y:auto}.session-entries-empty{text-align:center;padding:16px;margin:0}.session-entry-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.session-entry{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--color-bg-hover);border-radius:8px;font-size:13px}.session-entry-time{font-size:11px;color:var(--color-text-secondary);font-family:SF Mono,Fira Code,monospace}.session-entry-content{color:var(--color-text-primary);line-height:1.4}.session-entry-annotation{border-left:3px solid var(--color-border)}.session-entry-annotation.session-entry-ran{border-left-color:#22c55e;background:#f0fdf4}.session-entry-annotation.session-entry-skipped{border-left-color:#9ca3af;background:#f9fafb}.session-entry-annotation.session-entry-failed{border-left-color:#ef4444;background:#fef2f2}.annotation-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;margin-right:8px}.annotation-badge.annotation-ran{background:#dcfce7;color:#15803d}.annotation-badge.annotation-skipped{background:#f3f4f6;color:#6b7280}.annotation-badge.annotation-failed{background:#fee2e2;color:#dc2626}.annotation-label{display:block;font-size:12px;color:var(--color-text-primary);margin-top:2px;line-height:1.4;word-break:break-word}.annotation-note{display:block;font-size:11px;color:#6b7280;font-style:italic;margin-top:2px}.session-panel-footer{margin-top:16px;padding-top:12px;border-top:1px solid #e2e6f3;display:flex;justify-content:center}.note-input{display:flex;flex-direction:column;gap:8px}.note-input-textarea{width:100%;padding:10px 12px;border:1px solid #d5d9e5;border-radius:8px;font-size:13px;line-height:1.4;resize:vertical;min-height:60px;font-family:inherit}.note-input-textarea:focus{outline:none;border-color:#5f8bff;box-shadow:0 0 0 2px #5f8bff26}.note-input-textarea:disabled{background:var(--color-bg-hover);opacity:.7}.note-input-footer{display:flex;align-items:center;justify-content:space-between}.note-input-hint{font-size:11px}.primary-button.small{padding:6px 12px;font-size:12px}.step-annotation{display:flex;flex-direction:column;gap:8px}.step-annotation-buttons{display:flex;gap:4px}.annotation-btn{padding:4px 10px;font-size:11px;font-weight:500;border-radius:6px;background:var(--color-bg-hover);border:1px solid transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.annotation-btn:hover:not(:disabled){background:#e5e7eb}.annotation-btn:disabled{opacity:.5;cursor:not-allowed}.annotation-btn-ran:hover:not(:disabled),.annotation-btn-ran.active{background:#dcfce7;color:#15803d;border-color:#86efac}.annotation-btn-skipped:hover:not(:disabled),.annotation-btn-skipped.active{background:var(--color-bg-active);color:var(--color-text-secondary);border-color:var(--color-border)}.annotation-btn-failed:hover:not(:disabled),.annotation-btn-failed.active{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.step-annotation-note-input{display:flex;gap:6px;align-items:center}.step-annotation-note-input input{flex:1;padding:6px 10px;font-size:12px;border:1px solid var(--color-border-input);border-radius:6px;background:var(--color-bg-card);color:var(--color-text-primary)}.step-annotation-note-input input:focus{outline:none;border-color:#5f8bff}.step-annotation-note-input button.small{padding:5px 10px;font-size:11px}.step-annotation-current-note{padding:6px 10px;background:var(--color-bg-hover);border-radius:6px;color:var(--color-text-primary)}.command-with-annotation,.code-block-with-annotation{display:flex;flex-direction:column;gap:8px}.command-with-annotation>.step-annotation,.code-block-with-annotation>.step-annotation{margin-left:16px}.step-block>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.step-block>header>.step-annotation{flex-shrink:0}.viewer-with-toc.has-session-panel .step-block,.viewer-with-toc.has-session-panel .command-with-annotation,.viewer-with-toc.has-session-panel .code-block-with-annotation{border-left:3px solid #e5e7eb;padding-left:12px;margin-left:-15px;transition:border-color .2s}.viewer-with-toc.has-session-panel .step-block:hover,.viewer-with-toc.has-session-panel .command-with-annotation:hover,.viewer-with-toc.has-session-panel .code-block-with-annotation:hover{border-left-color:#5f8bff}.session-history{margin-top:16px;border-top:1px solid var(--color-border);padding-top:16px}.session-history-toggle{display:flex;align-items:center;gap:8px;background:transparent;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-secondary);width:100%;justify-content:flex-start}.session-history-toggle:hover{background:var(--color-bg-hover)}.session-count{background:var(--color-bg-hover);color:var(--color-text-secondary);font-size:12px;padding:2px 8px;border-radius:12px;margin-left:auto}.session-history-content{padding:12px 0}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.session-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--color-bg-hover);border-radius:8px;font-size:13px;cursor:pointer;transition:background .15s ease}.session-item:hover{background:var(--color-bg-app)}.session-item-main{display:flex;align-items:center;justify-content:space-between}.session-item-info{display:flex;align-items:center;gap:8px}.session-item-version{font-weight:600;color:var(--color-text-primary)}.session-item-status{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.session-item-status.ended{background:#e5e7eb;color:#6b7280}.session-item-status.active{background:#dcfce7;color:#15803d}.session-item-author{font-size:12px;color:var(--color-text-secondary)}.session-item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--color-text-secondary)}.session-item-entries{color:#5f8bff}.session-item-duration{font-family:SF Mono,Fira Code,monospace}@media(max-width:1200px){.session-panel{position:fixed;inset:auto 0 0;width:auto;max-height:50vh;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a;z-index:100}.viewer-with-toc.has-session-panel{display:block}}.session-viewer-modal{min-width:400px;max-width:600px}.session-viewer-loading,.session-viewer-error{padding:24px;text-align:center}.session-viewer-header{padding:16px;background:var(--color-bg-hover);border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.session-viewer-meta{display:flex;align-items:center;gap:10px}.session-viewer-version{font-weight:600;font-size:15px;color:var(--color-text-primary)}.session-viewer-status{font-size:12px;padding:3px 8px;border-radius:4px;background:#e5e7eb;color:#6b7280}.session-viewer-times{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-text-secondary)}.session-viewer-user{font-size:13px;color:var(--color-text-secondary)}.session-viewer-entries h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.session-viewer-entry-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.session-viewer-entry{padding:12px 14px;background:var(--color-bg-hover);border-radius:8px;border-left:3px solid var(--color-border)}.session-viewer-entry-note{border-left-color:#5f8bff}.session-viewer-entry-ran{border-left-color:#22c55e;background:#f0fdf4}.session-viewer-entry-skipped{border-left-color:#9ca3af}.session-viewer-entry-failed{border-left-color:#ef4444;background:#fef2f2}.session-viewer-entry-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.session-viewer-entry-type{font-size:11px;font-weight:600;text-transform:uppercase;color:#5f8bff}.session-viewer-block-label{flex:1;font-size:13px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-viewer-entry-time{font-size:11px;color:var(--color-text-muted);font-family:SF Mono,Fira Code,monospace;flex-shrink:0}.session-viewer-status-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px}.session-viewer-status-badge.status-ran{background:#dcfce7;color:#15803d}.session-viewer-status-badge.status-skipped{background:#f3f4f6;color:#6b7280}.session-viewer-status-badge.status-failed{background:#fee2e2;color:#dc2626}.session-viewer-entry-content{font-size:14px;color:var(--color-text-primary);line-height:1.5}.session-viewer-block-ref{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.session-viewer-block-ref code{background:var(--color-bg-app);padding:2px 6px;border-radius:4px;color:var(--color-text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#131b2f,#1e2842);padding:24px}.login-card{background:var(--color-bg-card);border-radius:16px;padding:48px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.login-brand{text-align:center;margin-bottom:32px}.login-brand .brand-mark.large{width:64px;height:64px;font-size:24px;margin:0 auto 16px}.login-brand h1{margin:0 0 8px;font-size:28px;color:var(--color-text-primary)}.login-brand .muted{margin:0;color:var(--color-text-secondary)}.login-actions{display:flex;flex-direction:column;gap:12px}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 20px;background:var(--color-bg-card);border:1px solid var(--color-border-input);border-radius:8px;font-size:15px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.google-button:hover{background:var(--color-bg-hover);box-shadow:0 2px 8px #00000014}.google-button svg{flex-shrink:0}.settings-value{font-size:16px;font-weight:500;color:var(--color-text-primary);margin:0}.settings-value-with-action{display:flex;align-items:center;gap:12px}.inline-edit{display:flex;align-items:center;gap:8px}.inline-edit input{flex:1}.team-settings{display:flex;flex-direction:column;gap:24px;max-width:700px}.members-list{display:flex;flex-direction:column;gap:8px}.member-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--color-bg-hover);border-radius:8px}.member-info{display:flex;align-items:center;gap:10px}.member-email{font-weight:500;color:var(--color-text-primary)}.member-you{font-size:12px;color:var(--color-text-secondary)}.member-role{font-size:12px;padding:2px 8px;background:var(--color-bg-app);border-radius:4px;color:var(--color-text-secondary)}.member-actions{display:flex;gap:8px}.invite-form{display:flex;flex-direction:column;gap:16px}.success-text{color:#15803d;font-size:14px}.danger-zone{border-color:var(--color-danger)}.danger-zone h2{color:var(--color-danger)}.danger-action{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.danger-info{flex:1}.danger-info strong{display:block;margin-bottom:4px}.delete-confirm-inline{display:flex;flex-direction:column;gap:12px;min-width:250px}.delete-confirm-inline input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-app)}.delete-confirm-inline input:focus{outline:none;border-color:var(--color-danger)}.confirm-actions{display:flex;gap:8px;justify-content:flex-end}.warning-text{font-size:14px;color:var(--color-text-secondary);margin:0}.ghost-button.small{padding:4px 10px;font-size:13px}.form-field{margin-bottom:16px}.form-field label{display:block;font-weight:500;margin-bottom:6px;color:var(--color-text-primary)}.form-hint{font-size:13px;color:var(--color-text-secondary);margin:6px 0 0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.create-team-form{display:flex;flex-direction:column}.landing-page{min-height:100vh;background:linear-gradient(180deg,#f8f9fc,#fff 50%)}.landing-container{max-width:1100px;margin:0 auto;padding:0 24px}.landing-nav{position:sticky;top:0;background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:100}[data-theme=dark] .landing-nav{background:#1e2842e6}.landing-nav-content{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.landing-brand{display:flex;align-items:center;gap:10px}.landing-brand .brand-mark{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:10px;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}.landing-brand .brand-name{font-weight:600;font-size:18px;color:var(--color-text-primary)}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:color .15s ease}.landing-nav-links a:hover{color:var(--color-text-primary)}.landing-nav-actions{display:flex;align-items:center;gap:12px}.landing-hero{padding:80px 0 100px;text-align:center}.landing-hero h1{font-size:52px;font-weight:700;color:var(--color-text-primary);margin:0 0 20px;line-height:1.15;letter-spacing:-1px}.hero-subtitle{font-size:20px;color:var(--color-text-secondary);max-width:600px;margin:0 auto 36px;line-height:1.6}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px}.primary-button.large,.ghost-button.large{padding:14px 28px;font-size:16px;border-radius:12px}.landing-features{padding:80px 0;background:var(--color-bg-card)}.landing-features h2{font-size:36px;font-weight:700;color:var(--color-text-primary);text-align:center;margin:0 0 48px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:32px}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{stroke:#fff}.feature-card h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 10px}.feature-card p{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin:0}.landing-how-it-works{padding:80px 0;background:var(--color-bg-app)}.landing-how-it-works h2{font-size:36px;font-weight:700;color:var(--color-text-primary);text-align:center;margin:0 0 48px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-card{text-align:center;padding:24px}.step-number{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.step-card h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 10px}.step-card p{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin:0}.landing-pricing{padding:80px 0;background:var(--color-bg-card)}.landing-pricing h2{font-size:36px;font-weight:700;color:var(--color-text-primary);text-align:center;margin:0 0 16px}.pricing-subtitle{font-size:18px;color:var(--color-text-secondary);text-align:center;margin:0 0 48px}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:700px;margin:0 auto}.pricing-grid.three-col{grid-template-columns:repeat(3,1fr);max-width:1000px}.pricing-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:32px;position:relative}.pricing-card.featured{background:var(--color-bg-sidebar);color:#fff;border-color:var(--color-bg-sidebar)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.pricing-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.pricing-card.featured .pricing-header{border-bottom-color:#ffffff26}.pricing-header h3{font-size:22px;font-weight:600;margin:0 0 12px}.pricing-card.featured .pricing-header h3{color:#fff}.pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:4px}.pricing-amount .price{font-size:44px;font-weight:700;color:var(--color-text-primary)}.pricing-card.featured .pricing-amount .price{color:#fff}.pricing-amount .period{font-size:15px;color:var(--color-text-muted)}.pricing-card.featured .pricing-amount .period{color:#ffffffb3}.pricing-features{list-style:none;padding:0;margin:0 0 24px}.pricing-features li{padding:10px 0;font-size:15px;color:var(--color-text-secondary);display:flex;align-items:center;gap:10px}.pricing-card.featured .pricing-features li{color:#ffffffd9}.pricing-features li:before{content:"✓";color:#6366f1;font-weight:600}.pricing-card.featured .pricing-features li:before{color:#a5b4fc}.full-width{width:100%}.landing-footer{padding:48px 0;background:var(--color-bg-sidebar);color:#fff}.footer-content{display:flex;align-items:center;gap:20px;margin-bottom:24px}.landing-footer .brand-mark{width:32px;height:32px;background:#ffffff26;color:#fff;border-radius:8px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.landing-footer .brand-name{font-weight:600;font-size:16px}.footer-tagline{margin:0;color:#fff9;font-size:14px}.footer-links{display:flex;gap:24px;margin-bottom:24px}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:14px;transition:color .15s ease}.footer-links a:hover{color:#fff}.footer-legal{padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.footer-legal p{margin:0;font-size:13px;color:#ffffff80}@media(max-width:768px){.landing-nav-links{display:none}.landing-hero h1{font-size:36px}.hero-subtitle{font-size:17px}.hero-actions{flex-direction:column}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:24px}.pricing-grid,.pricing-grid.three-col{grid-template-columns:1fr}.detail-view{padding:16px}.viewer-header-main>div:first-child{min-width:0}.viewer-actions{flex-wrap:wrap}}.docs-page{min-height:100vh;background:var(--color-bg-app)}.docs-layout{display:flex;max-width:1200px;margin:0 auto;padding:40px 24px;gap:48px}.docs-sidebar{width:220px;flex-shrink:0;position:sticky;top:100px;height:fit-content}.docs-nav h4{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.docs-nav ul{list-style:none;padding:0;margin:0}.docs-nav li{margin-bottom:4px}.docs-nav a{display:block;padding:8px 12px;color:var(--color-text-secondary);text-decoration:none;border-radius:8px;font-size:14px;transition:all .15s ease}.docs-nav a:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.docs-nav a.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.docs-content{flex:1;min-width:0;max-width:800px}.docs-section{padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--color-border)}.docs-section:last-of-type{border-bottom:none}.docs-section h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:0 0 16px}.docs-section h2{font-size:22px;font-weight:600;color:var(--color-text-primary);margin:32px 0 12px}.docs-section h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:24px 0 10px}.docs-intro{font-size:18px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 32px}.docs-section p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 16px}.docs-section ul,.docs-section ol{color:var(--color-text-secondary);line-height:1.7;margin:0 0 16px;padding-left:24px}.docs-section li{margin-bottom:8px}.docs-steps{background:var(--color-bg-hover);border-radius:12px;padding:24px 24px 24px 40px}.docs-steps li{margin-bottom:12px}.docs-steps li:last-child{margin-bottom:0}kbd{display:inline-block;padding:3px 8px;font-family:inherit;font-size:12px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-hover);border:1px solid var(--color-border-input);border-radius:6px;box-shadow:0 1px 2px #0000000d}.docs-visual-steps{display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#f8f9fc,#eef2ff);border-radius:16px;padding:40px 24px;margin-bottom:32px}.visual-step{text-align:center;flex:1;max-width:180px}.visual-step-icon{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.visual-step-icon svg{stroke:#fff}.visual-step h4{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.visual-step p{font-size:14px;color:var(--color-text-secondary);margin:0}.visual-step-arrow{color:#c7d2fe}.docs-block-types{display:grid;gap:16px}.block-type-card{display:flex;align-items:flex-start;gap:16px;background:var(--color-bg-hover);border-radius:12px;padding:20px}.block-type-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:16px}.block-type-icon.step{background:#dbeafe;color:#2563eb}.block-type-icon.note{background:#fef3c7;color:#d97706}.block-type-icon.code{background:#e0e7ff;color:#4f46e5}.block-type-icon.heading{background:#f3e8ff;color:#9333ea}.block-type-info h4{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.block-type-info p{font-size:14px;color:var(--color-text-secondary);margin:0}.docs-version-visual{background:var(--color-bg-hover);border-radius:12px;padding:24px;margin:16px 0}.version-timeline{display:flex;flex-direction:column;gap:0}.version-node{display:flex;align-items:center;gap:12px;padding:8px 0}.version-badge{width:36px;height:36px;background:#e0e7ff;color:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.version-node.current .version-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.version-label{font-size:14px;color:var(--color-text-secondary)}.version-node.current .version-label{font-weight:600;color:var(--color-text-primary)}.version-line{width:2px;height:20px;background:var(--color-border);margin-left:17px}.docs-flow-diagram{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f8f9fc,#eef2ff);border-radius:16px;padding:32px 16px;margin:24px 0;overflow-x:auto}.flow-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--color-bg-card);border-radius:12px;box-shadow:0 2px 8px #0000000f;min-width:100px}.flow-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center}.flow-icon svg{stroke:#fff;fill:none}.flow-icon svg polygon{fill:#fff}.flow-box span{font-size:13px;font-weight:500;color:var(--color-text-primary);text-align:center}.flow-arrow{color:#c7d2fe;flex-shrink:0}.docs-session-preview{background:var(--color-bg-hover);border-radius:12px;padding:20px;margin:16px 0}.session-preview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.session-date{font-weight:600;color:var(--color-text-primary);font-size:14px}.session-duration{font-size:13px;color:var(--color-text-secondary)}.session-preview-item{display:flex;align-items:center;gap:12px;padding:10px 0}.step-check{width:24px;height:24px;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.step-text{flex:1;font-size:14px;color:var(--color-text-primary)}.step-time{font-size:12px;color:var(--color-text-secondary)}.session-preview-note{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fef3c7;border-radius:8px;margin-top:8px}.note-icon{font-size:16px}.note-text{font-size:14px;color:#92400e;font-style:italic}.docs-team-visual{margin:24px 0}.team-workspace{background:var(--color-bg-hover);border-radius:12px;padding:20px;max-width:300px}.workspace-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text-primary)}.workspace-header svg{color:#6366f1}.workspace-members{display:flex;flex-direction:column;gap:8px}.member{font-size:14px;color:var(--color-text-secondary);padding:6px 10px;background:var(--color-bg-card);border-radius:6px}.member.owner{color:#6366f1;font-weight:500}.member.admin{color:#059669}.docs-roles-table,.docs-limits-table{background:var(--color-bg-hover);border-radius:12px;overflow:hidden;margin:16px 0}.role-row,.limit-row{display:grid;grid-template-columns:120px 1fr;padding:12px 16px;border-bottom:1px solid var(--color-border)}.role-row:last-child,.limit-row:last-child{border-bottom:none}.role-row.header,.limit-row.header{background:var(--color-bg-app);font-weight:600;font-size:13px;color:var(--color-text-primary)}.role-name{font-weight:500;color:var(--color-text-primary)}.docs-status-table{background:var(--color-bg-hover);border-radius:12px;overflow:hidden;margin:16px 0}.status-row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.status-row:last-child{border-bottom:none}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;min-width:60px;text-align:center}.status-badge.status-ran{background:#d1fae5;color:#065f46}.status-badge.status-skipped{background:#fef3c7;color:#92400e}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.docs-visibility-table{background:var(--color-bg-hover);border-radius:12px;overflow:hidden;margin:16px 0}.visibility-row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.visibility-row:last-child{border-bottom:none}.visibility-name{font-weight:600;min-width:80px;color:var(--color-text-primary)}.docs-tip{background:#eff6ff;border-left:4px solid #3b82f6;padding:12px 16px;border-radius:0 8px 8px 0;margin:16px 0;font-size:14px;color:#1e40af}.docs-ai-visual{margin:24px 0}.ai-review-card{background:linear-gradient(135deg,#f8f9fc,#eef2ff);border-radius:12px;padding:20px;max-width:400px}.ai-review-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text-primary)}.ai-review-header svg{color:#6366f1}.ai-suggestion{background:var(--color-bg-card);border-radius:8px;padding:12px;margin-bottom:10px}.ai-suggestion:last-child{margin-bottom:0}.suggestion-type{display:inline-block;font-size:11px;font-weight:600;color:#6366f1;background:#e0e7ff;padding:2px 8px;border-radius:4px;margin-bottom:6px}.ai-suggestion p{font-size:14px;color:var(--color-text-secondary);margin:0}.docs-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.shortcut-group{background:var(--color-bg-hover);border-radius:12px;padding:20px}.shortcut-group h3{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.shortcut-row{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;color:var(--color-text-secondary)}.shortcut-row kbd{margin-right:2px}.shortcut-row span{margin-left:auto}.docs-faq{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--color-bg-hover);border-radius:12px;overflow:hidden}.faq-item summary{padding:16px 20px;font-weight:600;color:var(--color-text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:20px;color:var(--color-text-secondary);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 20px 16px;margin:0;color:var(--color-text-secondary);line-height:1.6}.docs-cta{text-align:center;padding:48px;background:linear-gradient(135deg,#f8f9fc,#eef2ff);border-radius:16px;margin-top:48px}.docs-cta h2{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.docs-cta p{font-size:16px;color:var(--color-text-secondary);margin:0 0 24px}@media(max-width:900px){.docs-layout{flex-direction:column;gap:24px}.docs-sidebar{width:100%;position:static}.docs-nav ul{display:flex;flex-wrap:wrap;gap:8px}.docs-nav li{margin:0}.docs-visual-steps{flex-direction:column;gap:24px}.visual-step-arrow{transform:rotate(90deg)}.docs-flow-diagram{flex-wrap:wrap;gap:16px}.flow-arrow{display:none}}.join-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-app);padding:24px}.join-card{background:var(--color-bg-card);border-radius:20px;padding:48px;max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.join-card h1{font-size:24px;font-weight:700;margin:0 0 16px;color:var(--color-text-primary)}.join-message{font-size:16px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 32px}.join-loading{color:var(--color-text-secondary);font-size:16px}.join-error{background:var(--color-danger-light);color:var(--color-danger);padding:16px;border-radius:12px;margin-bottom:24px;font-size:14px;line-height:1.5}.join-success-icon{color:#15803d;margin-bottom:16px}.join-card.success{border:2px solid #15803d}.join-card.success h1{color:#15803d}@media(max-width:480px){.join-card{padding:32px 24px}}.public-runbook-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-app)}.public-runbook-header{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.public-runbook-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.public-runbook-brand .brand-mark{width:36px;height:36px;font-size:14px}.public-runbook-brand .brand-name{font-size:18px;font-weight:700;color:var(--color-text-primary)}.public-runbook-badge{padding:6px 12px;background:#dbeafe;color:#1d4ed8;border-radius:6px;font-size:13px;font-weight:500}.public-runbook-content{flex:1;padding:32px 40px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.public-runbook-loading,.public-runbook-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:16px}.public-runbook-loading .brand-mark,.public-runbook-error .brand-mark{width:64px;height:64px;font-size:24px}.public-runbook-error h2{margin:0;font-size:24px;color:var(--color-text-primary)}.public-runbook-error p{margin:0 0 24px;color:var(--color-text-secondary)}.public-runbook-footer{padding:24px 40px;text-align:center;border-top:1px solid var(--color-border);background:var(--color-bg-card)}.public-runbook-footer p{margin:0;font-size:14px;color:var(--color-text-muted)}.public-runbook-footer a{color:var(--color-primary);text-decoration:none}.public-runbook-footer a:hover{text-decoration:underline}@media(max-width:768px){.public-runbook-header{padding:16px 20px}.public-runbook-content{padding:24px 20px}.public-runbook-footer{padding:20px}}