:root{color-scheme:light;--color-bg: #f3f5fb;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: #eef2ff;--color-primary-contrast: #ffffff;--grad-primary: linear-gradient(135deg, #6366f1, #8b5cf6);--grad-primary-strong: linear-gradient(135deg, #4f46e5, #7c3aed);--color-allowed: #047857;--color-allowed-bright: #10b981;--color-allowed-bg: #ecfdf5;--color-allowed-border: #6ee7b7;--color-denied: #be123c;--color-denied-bright: #e11d48;--color-denied-bg: #fff1f2;--color-denied-border: #fda4af;--color-warn: #b45309;--color-warn-bright: #f59e0b;--color-warn-bg: #fffbeb;--color-warn-border: #fcd34d;--color-accent: #0891b2;--color-accent-bright: #06b6d4;--color-banner-bg: #fffbeb;--color-banner-text: #92400e;--grad-banner: linear-gradient(90deg, #fef3c7, #fde68a, #fef3c7);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .12), 0 6px 12px rgba(15, 23, 42, .06);--shadow-primary: 0 8px 20px rgba(79, 70, 229, .28);--shadow-focus: 0 0 0 3px rgba(99, 102, 241, .35);--shadow-input-hover: 0 0 0 3px rgba(99, 102, 241, .22), 0 4px 12px rgba(99, 102, 241, .14);--color-input-hover-bg: #f5f6ff;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--banner-h: 36px;--font-mono: ui-monospace, SFMono-Regular, Menlo, "Cascadia Code", "Roboto Mono", monospace;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(900px 480px at 78% -8%,rgba(139,92,246,.12),transparent 60%),radial-gradient(760px 420px at 8% 0%,rgba(99,102,241,.1),transparent 55%);background-attachment:fixed;background-repeat:no-repeat}h1,h2,h3,h4{color:var(--color-text);line-height:1.25;letter-spacing:-.01em}h1{font-size:1.85rem;font-weight:800;margin:0 0 var(--space-2)}h2{font-size:1.3rem;font-weight:750}h3{font-size:1.1rem;font-weight:700}h4{font-size:.98rem;font-weight:700}a{color:var(--color-primary);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}button{font:inherit;font-weight:650;cursor:pointer;border-radius:var(--radius);border:1px solid transparent;background-image:var(--grad-primary);background-color:var(--color-primary);color:var(--color-primary-contrast);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease,border-color .15s ease}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary);filter:saturate(1.05)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.2)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.btn-secondary{background-image:none;background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{filter:none;background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md),inset 0 -2px #6366f11f;position:sticky;top:var(--banner-h);z-index:30}.app-nav{display:flex;gap:var(--space-2);align-items:center;justify-content:center}.app-content{flex:1 1 auto;min-width:0;padding:var(--space-4);width:100%}.app-body{flex:1;display:flex;gap:var(--space-4);align-items:flex-start;max-width:1180px;width:100%;margin:0 auto}.app-header-brand{display:flex;flex-direction:column;gap:2px;min-width:0}.app-brand-row{display:inline-flex;align-items:center;gap:var(--space-2)}.app-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background-image:var(--grad-primary);box-shadow:var(--shadow-primary);font-size:1rem;line-height:1}.app-header-brand strong{font-size:1.12rem;font-weight:800;letter-spacing:-.01em;background-image:var(--grad-primary-strong);-webkit-background-clip:text;background-clip:text;color:transparent}.app-header-subtitle{font-size:.8rem;color:var(--color-text-muted)}.app-header-session{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.app-header-user{font-size:.85rem;color:var(--color-text-muted)}.app-nav a{display:inline-flex;align-items:center;white-space:nowrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:650;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease}.app-nav a:hover{text-decoration:none;transform:translateY(-1px);background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.app-nav a.active{background-image:var(--grad-primary);border-color:transparent;color:var(--color-primary-contrast);font-weight:700;text-decoration:none;box-shadow:var(--shadow-primary)}.app-nav a.active:hover{background-image:var(--grad-primary);color:var(--color-primary-contrast)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md)}.demo-banner{background-image:var(--grad-banner);color:var(--color-banner-text);text-align:center;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;padding:var(--space-2);border-bottom:1px solid var(--color-warn-border);position:sticky;top:0;z-index:40;min-height:var(--banner-h);display:flex;align-items:center;justify-content:center}.decision-allowed{color:var(--color-allowed);font-weight:700}.decision-denied{color:var(--color-denied);font-weight:700}.login-card{max-width:440px;margin:8vh auto 0;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.login-card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background-image:var(--grad-primary)}.login-card h1{margin-top:var(--space-2)}.login-eyebrow{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background-color:var(--color-primary-soft);color:var(--color-primary-hover);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field{display:block;margin-bottom:var(--space-3)}.field>span{display:block;margin-bottom:var(--space-1);font-weight:650;font-size:.9rem;color:var(--color-text)}.field input{display:block;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-surface);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.field input:hover:not(:focus){border-color:var(--color-primary);background-color:var(--color-input-hover-bg);box-shadow:var(--shadow-input-hover)}.field input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.form-error{color:var(--color-denied);font-weight:650;margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-denied-bg);border:1px solid var(--color-denied-border);border-radius:var(--radius)}.ref-progression-note{color:var(--color-text-muted);font-style:italic}.ref-accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.ref-account-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);background-color:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);transition:transform .15s ease,box-shadow .15s ease}.ref-account-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ref-account-header{display:flex;align-items:baseline;justify-content:space-between}.ref-account-id{font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.ref-account-step{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.ref-account-purpose{margin:0;color:var(--color-text-muted);font-size:.9rem}.ref-account-rigor{display:flex;flex-direction:column;gap:var(--space-1)}.ref-account-rigor-label{font-size:.85rem}.rigor-meter{display:flex;gap:var(--space-1)}.rigor-segment{flex:1;height:8px;border-radius:var(--radius-pill);background-color:var(--color-border)}.rigor-segment.filled{background-image:var(--grad-primary)}.ref-account-controls-title{font-size:.85rem;margin:var(--space-2) 0 0;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.ref-account-controls{margin:0;padding-left:var(--space-3);font-size:.88rem;display:flex;flex-direction:column;gap:var(--space-1)}.control-new-badge{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);font-size:.7rem;font-weight:700;border-radius:var(--radius-pill);background-image:var(--grad-primary);color:var(--color-primary-contrast);vertical-align:middle}.module-reset-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background-color:var(--color-warn-bg);color:var(--color-banner-text);border:1px solid var(--color-warn-border);border-left:4px solid var(--color-warn-bright);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.module-reset-notice>span{font-size:.9rem}.scp-section-title{font-size:1.2rem;font-weight:750;margin:var(--space-5) 0 var(--space-2);padding-left:var(--space-3);border-left:4px solid transparent;border-image:var(--grad-primary) 1}.scp-help{color:var(--color-text-muted);font-size:.92rem;margin:0 0 var(--space-3)}.scp-target-selector{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-3);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.scp-target-selector legend{font-weight:650;padding:0 var(--space-2)}.scp-target-option{display:inline-flex;align-items:center;gap:var(--space-1)}.scp-empty{color:var(--color-text-muted);font-style:italic;padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius)}.scp-inline-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-denied);background-color:var(--color-denied-bg);border:1px solid var(--color-denied-border);border-left:4px solid var(--color-denied-bright);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-2) 0;font-weight:600}.scp-artifact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.scp-artifact-card{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.scp-artifact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.scp-artifact-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),var(--shadow-md)}.scp-artifact-button{display:block;width:100%;text-align:left;background:transparent;background-image:none;border:none;color:inherit;padding:var(--space-3);box-shadow:none}.scp-artifact-button:hover{filter:none;transform:none;box-shadow:none;background-color:var(--color-surface-2)}.scp-artifact-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.scp-artifact-id{font-family:var(--font-mono);font-weight:700;color:var(--color-primary)}.scp-artifact-title{font-weight:700}.scp-artifact-description{margin:var(--space-2) 0;font-size:.9rem;color:var(--color-text-muted)}.scp-artifact-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.scp-artifact-doc{margin:var(--space-2) 0 0;font-size:.85rem;display:flex;flex-wrap:wrap;gap:var(--space-3)}.scp-artifact-doc a{font-weight:600}.scp-badge{display:inline-block;padding:2px var(--space-2);font-size:.72rem;font-weight:700;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface-2);color:var(--color-text-muted);letter-spacing:.02em}.scp-badge.selected-badge{background-image:var(--grad-primary);color:var(--color-primary-contrast);border-color:transparent}.scp-badge.state-applied{background-color:var(--color-allowed-bg);color:var(--color-allowed);border-color:var(--color-allowed-border)}.scp-badge.state-not-applied{background-color:var(--color-surface-2);color:var(--color-text-muted)}.scp-badge.non-relaxable{background-color:var(--color-warn-bg);color:var(--color-banner-text);border-color:var(--color-warn-border)}.scp-simulation-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.scp-simulation-controls .field{margin-bottom:0;min-width:280px}.scp-simulation-controls select{display:block;width:100%;padding:var(--space-2) calc(var(--space-3) + 20px) var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-surface);color:var(--color-text);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.scp-simulation-controls select:hover:not(:focus){border-color:var(--color-primary);background-color:var(--color-input-hover-bg);box-shadow:var(--shadow-input-hover)}.scp-simulation-controls select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.scp-result{margin-top:var(--space-3)}.scp-result-reason{font-size:.9rem;color:var(--color-text-muted)}.scp-responsible{font-size:.9rem}.scp-model-hint{margin-top:var(--space-2);font-size:.85rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border)}.scp-model-hint.model-approved{background-color:var(--color-allowed-bg);color:var(--color-allowed);border-color:var(--color-allowed-border)}.scp-model-hint.model-non-approved{background-color:var(--color-warn-bg);color:var(--color-banner-text);border-color:var(--color-warn-border)}.scp-profile-desc{margin:var(--space-2) 0 0;font-size:.88rem;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-primary);background-color:var(--color-primary-soft);border-radius:var(--radius)}.scp-comparison{margin-top:var(--space-3)}.scp-comparison-context{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:.9rem;color:var(--color-text-muted);margin:0 0 var(--space-2)}.scp-comparison-summary{font-size:.9rem;font-weight:650;margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border)}.scp-comparison-summary.same{background-color:var(--color-surface-2);color:var(--color-text-muted)}.scp-comparison-summary.different{background-color:var(--color-warn-bg);color:var(--color-banner-text);border-color:var(--color-warn-border)}.scp-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.scp-comparison-column{background-color:var(--color-surface-2)}.scp-comparison-column-title{font-size:.95rem;margin:0 0 var(--space-2);font-family:var(--font-mono)}.scp-simulation-controls .scp-target-option{display:inline-flex;align-items:center;gap:var(--space-2);min-width:280px}.scp-runbook-active-set{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.scp-runbook-change-note{margin:var(--space-2) 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border-left:4px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.scp-runbook-change-note.apply{border-left-color:var(--color-allowed-bright)}.scp-runbook-change-note.remove{border-left-color:var(--color-warn-bright)}.guardrail-safeguard-list{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.guardrail-safeguard-item{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-top:3px solid var(--color-accent-bright);transition:transform .15s ease,box-shadow .15s ease}.guardrail-safeguard-item:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--color-primary),var(--shadow-md)}.guardrail-safeguard-toggle{display:flex;align-items:center;gap:var(--space-2)}.guardrail-safeguard-label{font-weight:650}.guardrail-safeguard-help{margin:var(--space-2) 0 0}.guardrail-input{width:100%;font:inherit;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);resize:vertical;background-color:var(--color-surface);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.guardrail-input:hover:not(:focus){border-color:var(--color-primary);background-color:var(--color-input-hover-bg);box-shadow:var(--shadow-input-hover)}.guardrail-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.guardrail-char-count{font-size:.85rem;color:var(--color-text-muted);margin:var(--space-1) 0 0}.guardrail-char-count.over-limit{color:var(--color-denied);font-weight:650}.guardrail-result{margin-top:var(--space-4)}.guardrail-output-text{white-space:pre-wrap;word-break:break-word;background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:.9rem}.guardrail-no-detections{color:var(--color-text-muted);font-style:italic}.guardrail-detection-list,.guardrail-snapshot-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.guardrail-detection-item,.guardrail-snapshot-item{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface)}.guardrail-detection-detail{font-size:.9rem;color:var(--color-text-muted)}.guardrail-safeguard-row{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.guardrail-safeguard-row-item{display:flex}.guardrail-safeguard-box{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface)}.guardrail-safeguard-box.clickable{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;cursor:pointer;border:1px solid var(--color-border);border-left:4px solid var(--color-primary);background-image:none;background-color:var(--color-surface);color:var(--color-text);font:inherit;font-weight:400;box-shadow:none;transition:border-color .15s,background-color .15s,box-shadow .15s}.guardrail-safeguard-box.clickable:hover,.guardrail-safeguard-box.clickable:focus-visible{outline:none;transform:none;background-image:none;background-color:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.guardrail-safeguard-box-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.guardrail-safeguard-cta{font-size:.8rem;font-weight:600;color:var(--color-primary)}@media (max-width: 860px){.guardrail-safeguard-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.guardrail-safeguard-row{grid-template-columns:1fr}}.guardrail-example-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.guardrail-example-item{display:flex}.guardrail-example-btn{width:100%;white-space:normal;text-align:left}.scp-mode-active{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:.9rem;font-weight:650}.scp-mode-active.simulated{background-color:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.scp-mode-active.live{background-color:var(--color-denied-bg);color:var(--color-denied);border:1px solid var(--color-denied-border)}.scp-badge.mode-simulated-badge{background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-strong);font-weight:700;letter-spacing:.04em}.scp-badge.live-real-badge{background-image:linear-gradient(135deg,#f43f5e,#e11d48);color:var(--color-primary-contrast);border-color:transparent;font-weight:700;letter-spacing:.04em}.scp-live-panel{margin-top:var(--space-3)}.scp-live-warning{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background-color:var(--color-warn-bg);color:var(--color-banner-text);border:1px solid var(--color-warn-border);font-size:.85rem}.live-decision{font-weight:650}.live-decision.allowed{color:var(--color-allowed)}.live-decision.denied{color:var(--color-denied)}.live-decision.warn{color:var(--color-warn)}.scp-live-aws-message{font-size:.85rem;margin-top:var(--space-2);word-break:break-word}.scp-live-aws-message code{background-color:var(--color-surface-2);padding:1px var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono)}.scp-live-field-label{color:var(--color-text-muted);font-weight:650}.scp-mode-segmented{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0}.scp-mode-option{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background-color:var(--color-surface);cursor:pointer}.scp-mode-option.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.scp-accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.scp-account-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-top:5px solid var(--color-border);transition:transform .15s ease,box-shadow .15s ease}.scp-account-card:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--color-primary),var(--shadow-lg)}.scp-account-card.governed{border-top-color:var(--color-allowed-bright);background-color:var(--color-allowed-bg)}.scp-account-card.ungoverned{border-top-color:var(--color-warn-bright);background-color:var(--color-warn-bg)}.scp-account-name{font-size:1.05rem;font-weight:700;margin:var(--space-2) 0 var(--space-1)}.scp-account-desc{font-size:.9rem;color:var(--color-text-muted);margin:0}.scp-badge.account-governed{background-color:var(--color-allowed-bright);color:#fff;border-color:transparent;font-weight:700}.scp-badge.account-ungoverned{background-color:var(--color-warn-bright);color:#422006;border-color:transparent;font-weight:700}.scp-badge.control-badge{background-color:var(--color-primary-soft);color:var(--color-primary-hover);border:1px solid var(--color-border)}.scp-badge.policy-type{background-color:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.scp-scenario-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-3)}.scp-scenario-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background-color:var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.scp-scenario-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background-image:var(--grad-primary)}.scp-scenario-card:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--color-primary),var(--shadow-lg)}.scp-scenario-head{display:flex;align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3)}.scp-scenario-heading{flex:1 1 auto;min-width:0}.scp-scenario-control{flex:0 0 auto;align-self:flex-start;margin:0}.scp-scenario-number{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-image:var(--grad-primary);color:var(--color-primary-contrast);font-size:1.3rem;font-weight:800;box-shadow:var(--shadow-primary)}.scp-scenario-eyebrow{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);font-weight:800}.scp-scenario-title{font-size:1.25rem;font-weight:750;margin:var(--space-1) 0}.scp-scenario-desc{margin:0;font-size:.92rem;color:var(--color-text-muted)}.scp-scenario-controls{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin:var(--space-3) 0}.scp-scenario-inputs{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);flex:0 1 auto;margin:0}.scp-scenario-inputs .field{margin-bottom:0;min-width:280px;max-width:360px}.scp-scenario-inputs select{display:block;width:100%;margin-top:var(--space-1);padding:var(--space-2) calc(var(--space-3) + 20px) var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.scp-scenario-inputs select:hover:not(:focus){border-color:var(--color-primary);background-color:var(--color-input-hover-bg);box-shadow:var(--shadow-input-hover)}.scp-scenario-inputs select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.scp-checkbox-field{display:inline-flex;align-items:center;gap:var(--space-2)}.scp-scenario-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-bottom:0;flex:0 0 auto;align-self:flex-start}.scp-scenario-hint{margin:0 0 var(--space-2);font-size:.85rem;color:var(--color-text-muted)}.scp-all-controls{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface-2)}.scp-all-controls-group-title{margin:0 0 var(--space-2);font-size:1rem;font-weight:750;color:var(--color-text)}.scp-all-controls-list{list-style:disc;margin:0;padding-left:var(--space-4)}.scp-all-controls-item{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-border);font-size:.9rem}.scp-all-controls-item:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.scp-all-controls-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.scp-all-controls-links a{font-size:.82rem;font-weight:600}.scp-scenario-live-note{font-size:.82rem;color:var(--color-banner-text);font-weight:600}.scp-scenario-results{margin-top:var(--space-3);border-top:1px dashed var(--color-border-strong);padding-top:var(--space-3)}.scp-scenario-context{font-size:.85rem;color:var(--color-text-muted);margin:0 0 var(--space-2)}.scp-account-result{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.scp-account-result-head{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.scp-account-result-head.governed{border-bottom-color:var(--color-allowed-border)}.scp-account-result-head.ungoverned{border-bottom-color:var(--color-warn-border)}.scp-account-result-title{font-size:.95rem;font-weight:700;margin:0}.scp-selo{display:inline-block;font-size:1.05rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);margin:var(--space-1) 0 var(--space-2);box-shadow:var(--shadow-sm)}.scp-selo.allowed{background-color:var(--color-allowed-bg);color:var(--color-allowed);border:2px solid var(--color-allowed-bright)}.scp-selo.blocked{background-color:var(--color-denied-bg);color:var(--color-denied);border:2px solid var(--color-denied-bright)}.scp-selo.warn{background-color:var(--color-warn-bg);color:var(--color-warn);border:2px solid var(--color-warn-bright)}.scp-live-decision-detail{font-weight:650;color:var(--color-text)}.scp-enforcement-info{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-accent-bright)}.scp-enforcement-info ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.scp-enforcement-info li{margin-bottom:var(--space-2);font-size:.9rem}.app-header-spacer{flex:1 1 auto}.app-header-tools{display:inline-flex;align-items:center}.app-header-mode{display:inline-flex;align-items:center;gap:var(--space-2)}.mode-switch-side{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--color-text-muted);padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface);transition:color .15s ease,background-color .15s ease,border-color .15s ease}.mode-switch-side.simulated.on{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-soft)}.mode-switch-side.real.on{color:var(--color-primary-contrast);background-image:linear-gradient(135deg,#f43f5e,#e11d48);border-color:transparent}.mode-switch{position:relative;width:48px;height:26px;padding:0;flex:0 0 auto;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--color-border);background-image:none;box-shadow:inset 0 1px 2px #0f172a1f;transition:background-color .2s ease,border-color .2s ease}.mode-switch:hover{filter:none;transform:none;box-shadow:inset 0 1px 2px #0f172a1f}.mode-switch.live{background-image:linear-gradient(135deg,#f43f5e,#e11d48);border-color:transparent}.mode-switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mode-switch-thumb{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background-color:var(--color-surface);box-shadow:0 1px 3px #0f172a59;transition:left .2s ease}.mode-switch.live .mode-switch-thumb{left:25px}@media (max-width: 920px){.mode-switch-side{display:none}}.app-sidebar{flex:0 0 240px;width:240px;position:sticky;top:calc(var(--banner-h) + 76px);align-self:flex-start;padding:var(--space-4) 0 var(--space-4) var(--space-4)}.app-sidebar-nav{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);padding:var(--space-2);box-shadow:var(--shadow-md)}.app-sidebar-title{margin:var(--space-2) var(--space-2) var(--space-2);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.app-sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.app-sidebar-link{display:block;width:100%;text-align:left;background:transparent;background-image:none;border:none;border-left:3px solid transparent;border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text);font-size:.88rem;font-weight:600;padding:var(--space-2) var(--space-3);box-shadow:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.app-sidebar-link:hover{filter:none;transform:translate(3px);box-shadow:var(--shadow-sm);background-color:var(--color-primary-soft);border-left-color:var(--color-primary);color:var(--color-primary-hover)}@media (max-width: 860px){.app-body.with-sidebar{flex-direction:column}.app-sidebar{position:static;width:100%;flex-basis:auto;padding:var(--space-3) var(--space-4) 0}}.scp-anchor{scroll-margin-top:calc(var(--banner-h) + 84px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}button:hover,.app-nav a:hover,.card:hover,.scp-scenario-card:hover,.scp-account-card:hover,.scp-artifact-card:hover,.ref-account-card:hover,.guardrail-safeguard-item:hover{transform:none}}.app-nav{justify-content:center}.architecture-page .architecture-diagram{display:block;max-width:100%;width:800px;margin:var(--space-4) auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm)}.org-box{fill:var(--color-surface);stroke:var(--color-border-strong);stroke-width:2}.org-root{fill:var(--color-primary-soft);stroke:var(--color-primary)}.org-management{fill:var(--color-surface);stroke:var(--color-primary);stroke-width:2}.org-ou-prod{fill:var(--color-allowed-bg);stroke:var(--color-allowed-border);stroke-width:2}.org-ou-sandbox{fill:var(--color-warn-bg);stroke:var(--color-warn-border);stroke-width:2}.org-account-prod{fill:var(--color-allowed-bg);stroke:var(--color-allowed-border);stroke-width:2}.org-account-sandbox{fill:var(--color-warn-bg);stroke:var(--color-warn-border);stroke-width:2}.org-badge-governed{fill:var(--color-allowed);opacity:.85}.org-badge-ungoverned{fill:var(--color-warn);opacity:.85}.org-line{stroke:var(--color-border-strong);stroke-width:2}.org-text-title{font-size:14px;font-weight:700;fill:var(--color-text)}.org-text-id{font-size:11px;fill:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.org-text-desc{font-size:11px;fill:var(--color-text-muted)}.org-text-badge,.org-text-badge-ungov{font-size:11px;font-weight:700;fill:#fff}.architecture-table-wrapper{overflow-x:auto;margin-top:var(--space-3)}.architecture-controls-table{width:100%;border-collapse:collapse;font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.architecture-controls-table th,.architecture-controls-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.architecture-controls-table th{background-color:var(--color-primary-soft);font-weight:700;color:var(--color-text);white-space:nowrap}.architecture-controls-table tbody tr:nth-child(2n){background-color:var(--color-surface-2)}.architecture-controls-table tbody tr:hover{background-color:var(--color-primary-soft)}