:root{color-scheme:light;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Menlo, Consolas, monospace;--bg: #eef2f8;--surface: #ffffff;--surface-2: #f7f9fd;--surface-3: #eaf0f8;--input-bg: #ffffff;--glass: rgba(255, 255, 255, .86);--text: #101828;--text-soft: #344054;--muted: #596477;--border: #e2e8f2;--border-strong: #cbd6e4;--primary: #2563eb;--primary-strong: #1d4ed8;--primary-soft: #e8efff;--primary-fg: #ffffff;--danger: #b42318;--danger-fg: #ffffff;--danger-soft: #fee4e2;--success: #067647;--success-soft: #dcfae6;--warning: #b54708;--warning-soft: #fef0c7;--info: #0369a1;--info-soft: #e0f2fe;--radius: 14px;--radius-sm: 9px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 18px 40px -18px rgba(16, 24, 40, .3);--header-h: 60px;--agil-text-xs: 12px;--agil-text-sm: 13px;--agil-text-md: 14px;--agil-text-lg: 16px;--agil-space-1: 4px;--agil-space-2: 8px;--agil-space-3: 12px;--agil-space-4: 16px;--agil-space-5: 24px;--agil-space-6: 32px;--agil-line-height: 1.5;--agil-min-font: 12px}[data-theme=dark]{color-scheme:dark;--bg: #080d16;--surface: #101827;--surface-2: #0b1220;--surface-3: #1a2437;--input-bg: #0a1120;--glass: rgba(8, 13, 22, .86);--text: #eef2f9;--text-soft: #c7d2e2;--muted: #8fa0b8;--border: #1f2c42;--border-strong: #2f405d;--primary: #4f8cff;--primary-strong: #6ba1ff;--primary-soft: rgba(79, 140, 255, .16);--primary-fg: #04101f;--danger: #ff7b72;--danger-fg: #1a0503;--danger-soft: rgba(255, 123, 114, .14);--success: #4ade80;--success-soft: rgba(74, 222, 128, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .16);--info: #38bdf8;--info-soft: rgba(56, 189, 248, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 20px 44px -20px rgba(0, 0, 0, .85)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--agil-text-sm);line-height:var(--agil-line-height);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}p{margin:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;left:12px;bottom:12px;top:auto;z-index:100;padding:6px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-size:var(--agil-text-xs);font-weight:600;box-shadow:var(--shadow-sm);opacity:.92;font-size:13px;text-decoration:none;transition:top .15s ease}.skip-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;opacity:1}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-h);padding:0 18px;border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:blur(14px)}.app-brand{display:flex;align-items:center;gap:10px;min-width:0}.app-logo{display:grid;place-items:center;width:30px;height:30px;overflow:hidden;color:var(--primary);border-radius:9px;background:transparent}.app-logo img{display:block;width:100%;height:100%;object-fit:contain}.app-brand-text{display:flex;flex-direction:column;line-height:1.18;min-width:0}.app-brand-text strong{font-size:14.5px;font-weight:700;letter-spacing:-.015em}.app-brand-text span{font-size:var(--agil-text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-meta{display:flex;align-items:center;gap:8px;min-width:0}.app-header>#theme-toggle{flex:0 0 auto}.draft-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:var(--agil-text-xs);white-space:nowrap}.draft-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.tenant-pill{color:var(--text-soft);font-family:var(--mono);font-size:var(--agil-text-xs)}.tenant-pill:before{background:var(--success)}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.icon-button:hover{background:var(--surface-3);color:var(--text)}.icon-button-danger{width:28px;height:28px;color:var(--danger);border-color:transparent;background:transparent}.icon-button-danger:hover{background:var(--danger-soft);color:var(--danger)}.app-body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);display:grid;grid-template-columns:320px minmax(0,1fr) 380px;gap:14px;height:calc(100dvh - var(--header-h));padding:14px}.pane{min-width:0;min-height:0}.pane-left,.pane-right{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.pane-center{display:flex;flex-direction:column;gap:10px}.pane-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:12px;scrollbar-gutter:stable}.pane-right .pane-scroll{display:flex;flex-direction:column;gap:12px}.pane-right .pane-scroll>.card{flex:0 0 auto}.section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px;border-bottom:1px solid var(--border);background:var(--surface-2)}.nav-item{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-soft);font:inherit;font-size:12px;font-weight:550;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);border-color:color-mix(in srgb,var(--primary) 32%,transparent)}.nav-item .icon{width:15px;height:15px;opacity:.9}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-header{margin-bottom:12px}.section-title{font-size:16px;line-height:1.25}.section-desc{margin-top:3px;font-size:12px;color:var(--muted)}.section-body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);display:flex;flex-direction:column;gap:12px}.card{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border)}.card-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft)}.card-body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);padding:10px 12px 12px}.card-hint{margin:0 0 8px;font-size:var(--agil-text-xs);line-height:1.45;color:var(--muted)}.field-stack{display:flex;flex-direction:column}.field{display:flex;flex-direction:column;gap:5px;padding:8px 0;border-top:1px solid var(--border)}.field-stack>.field:first-child{border-top:0;padding-top:2px}.field-head{display:flex;align-items:center;gap:6px;min-width:0}.field-label{font-size:12px;font-weight:550;color:var(--text-soft)}.field-hint{font-size:var(--agil-text-xs);line-height:1.4;color:var(--muted)}.field-error{color:var(--danger)}.field-body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);min-width:0}.field-inline{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.field-inline .field-head{flex:1 1 auto;gap:8px}.field-inline .field-label{flex:1 1 auto}.field-inline .field-hint{flex-basis:100%;margin-top:2px}.field-inline .switch{margin-left:auto}.field-group{margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.field-group:first-child{margin-top:0;padding-top:0;border-top:0}.group-title{margin-bottom:2px;font-size:var(--agil-text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.input{width:100%;min-width:0;padding:7px 9px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);font:inherit;font-size:12.5px;transition:border-color .15s ease,box-shadow .15s ease}.input:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border-strong))}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 16%,transparent)}.input-number{font-variant-numeric:tabular-nums}.input-select{cursor:pointer}.input-textarea{resize:vertical;min-height:66px;line-height:1.5}.input-code{max-width:86px;font-family:var(--mono);text-align:center;letter-spacing:.08em;text-transform:uppercase}.input-file{padding:6px 8px;font-size:var(--agil-text-xs);cursor:pointer}.input-file::file-selector-button{margin-right:8px;padding:5px 9px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--text);font:inherit;font-size:var(--agil-text-xs);cursor:pointer}.switch{position:relative;width:38px;height:22px;flex:none;padding:0;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-3);cursor:pointer;transition:background .16s ease,border-color .16s ease}.switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #10182859;transition:transform .16s ease}.switch[aria-checked=true]{background:var(--primary);border-color:var(--primary)}.switch[aria-checked=true] .switch-knob{transform:translate(16px)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips-scroll{max-height:170px;overflow:auto;padding-right:4px}.chip{padding:4px 9px;border:1px solid var(--border-strong);border-radius:999px;background:var(--input-bg);color:var(--text-soft);font:inherit;font-size:var(--agil-text-xs);font-weight:600;line-height:1.5;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.chip:hover{background:var(--surface-3)}.chip[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.chip-code{min-width:40px;font-family:var(--mono);letter-spacing:.06em;text-align:center}.chip-extra{border-style:dashed}.inline-row{display:flex;align-items:center;gap:6px;margin-top:6px}.color-input{display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px;align-items:center}.color-picker{width:38px;height:32px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--input-bg);cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:3px}.color-picker::-webkit-color-swatch{border:0;border-radius:5px}.color-picker::-moz-color-swatch{border:0;border-radius:5px}.input-hex{font-family:var(--mono);font-size:var(--agil-text-xs);letter-spacing:.02em;text-transform:lowercase}.color-list{display:flex;flex-direction:column}.color-row{padding:6px 0;border-top:1px solid var(--border)}.color-row:first-child{border-top:0;padding-top:0}.color-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.color-row-name{display:flex;align-items:baseline;gap:6px;min-width:0}.color-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--agil-text-xs);font-weight:550;color:var(--text-soft)}.color-key{font-family:var(--mono);font-size:var(--agil-text-xs);color:var(--muted)}.badge{display:inline-flex;align-items:center;flex:none;padding:1px 6px;border-radius:999px;font-size:var(--agil-text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums}.badge-roadmap{background:var(--warning-soft);color:var(--warning)}.badge-beta{background:var(--primary-soft);color:var(--primary-strong)}.badge-ok{background:var(--success-soft);color:var(--success)}.badge-warn{background:var(--warning-soft);color:var(--warning)}.badge-fail{background:var(--danger-soft);color:var(--danger)}.badge-muted{background:var(--surface-3);color:var(--muted)}.badge-info{background:var(--info-soft);color:var(--info)}.a11y-ok{font-size:12px;color:var(--success)}.a11y-count{margin-bottom:6px;font-size:var(--agil-text-xs);color:var(--muted)}.a11y-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.a11y-issue{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-left:3px solid var(--warning);border-radius:8px;background:var(--surface)}.a11y-issue.a11y-error{border-left-color:var(--danger)}.a11y-code{font-family:var(--mono);font-size:var(--agil-text-xs);color:var(--danger)}.a11y-issue.a11y-warn .a11y-code{color:var(--warning)}.a11y-message{font-size:var(--agil-text-xs);color:var(--text-soft)}.palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.palette-item{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:5px 6px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg)}.palette-chip{grid-row:span 2;width:18px;height:18px;border-radius:5px;border:1px solid var(--border-strong)}.palette-name{font-size:var(--agil-text-xs);font-weight:650;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-hex{font-family:var(--mono);font-size:var(--agil-text-xs);color:var(--muted)}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.preset{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--border-strong);border-radius:9px;background:var(--input-bg);color:var(--text-soft);font:inherit;font-size:var(--agil-text-xs);font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.preset:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.preset-dots{display:flex;flex:none}.preset-dot{width:12px;height:12px;margin-left:-3px;border:1px solid rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 1px #10182824}.preset-dot:first-child{margin-left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.6;cursor:progress}.btn-small{padding:5px 9px;font-size:var(--agil-text-xs)}.btn .icon{width:14px;height:14px}.btn-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-fg)}.btn-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.btn-danger{color:var(--danger);border-color:var(--border-strong);border-color:color-mix(in srgb,var(--danger) 38%,var(--border-strong))}.btn-danger:hover{background:var(--danger-soft)}.button-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.feature-summary{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.feature-count{font-size:22px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.feature-total{font-size:var(--agil-text-xs);color:var(--muted)}.progress{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#22d3ee));transition:width .2s ease}.table-rows{display:flex;flex-direction:column}.table-row{margin-top:6px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--input-bg)}.table-row:first-child{margin-top:0}.table-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.table-row-index{font-family:var(--mono);font-size:var(--agil-text-xs);letter-spacing:.06em;color:var(--muted)}.table-row .field-stack{margin-top:2px}.table-row .field{padding:6px 0}.role-row{padding:8px 0;border-top:1px solid var(--border)}.role-row:first-of-type{border-top:0;padding-top:0}.role-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.role-name{font-size:12px}.role-enabled-count{margin-left:auto}.role-chips{max-height:156px}.chip-roadmap{border-style:dashed;border-color:var(--border-strong);border-color:color-mix(in srgb,var(--warning) 45%,var(--border-strong))}.chip-roadmap[aria-pressed=true]{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.chip-beta{border-style:dashed}.override-list{display:flex;flex-direction:column;gap:8px}.override-row{padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--input-bg)}.override-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.override-head .input-text{flex:1 1 auto}.effective-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;padding:8px 0;border-top:1px solid var(--border);font-size:var(--agil-text-xs)}.effective-row:first-of-type{border-top:0;padding-top:0}.effective-role{min-width:74px;font-size:12px}.effective-counts,.effective-source{font-family:var(--mono);font-size:var(--agil-text-xs);color:var(--muted)}.effective-source{width:100%;overflow-wrap:anywhere}.effective-knowledge{font-size:var(--agil-text-xs);font-weight:650;color:var(--muted)}.effective-knowledge.is-ok{color:var(--success)}.effective-knowledge.is-off{color:var(--muted)}.effective-list{width:100%;font-size:var(--agil-text-xs);line-height:1.45;color:var(--text-soft)}.integration-warnings{margin-top:8px;color:var(--warning)}.integration-warnings:empty{display:none}.preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.preview-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text-soft);min-width:0}.preview-status:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 22%,transparent)}.preview-status[data-kind=ready]:before{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent)}.preview-status[data-kind=offline]:before{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 22%,transparent)}.preview-actions{margin-left:auto}.scheme-select{width:auto;min-width:84px;padding:5px 8px;font-size:var(--agil-text-xs)}.preview-stage{position:relative;flex:1 1 auto;min-height:240px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-2);background-image:linear-gradient(45deg,color-mix(in srgb,var(--border) 45%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 45%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 45%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 45%,transparent) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;box-shadow:var(--shadow-sm)}.preview-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#fff}.preview-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px;background:var(--surface);text-align:center}.offline-card{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:400px}.offline-card .icon-warning{width:30px;height:30px;stroke-width:1.6;color:var(--warning)}.offline-title{font-size:15px;letter-spacing:-.01em}.offline-card .field-hint{max-width:360px}.preview-log{max-height:46px;overflow:auto;padding:0 4px;font-family:var(--mono);font-size:var(--agil-text-xs);line-height:1.5;color:var(--muted);white-space:pre-wrap}.inspector-field{display:block;margin-bottom:10px}.inspector-field .field-label{display:block;margin-bottom:3px}.inspector-field .field-hint{margin-bottom:4px}.json-area{min-height:210px;max-height:46vh;resize:vertical;font-family:var(--mono);font-size:var(--agil-text-xs);line-height:1.55;white-space:pre;tab-size:2}.snippet-area{min-height:112px;white-space:pre;font-size:var(--agil-text-xs)}.import-area{min-height:104px;margin-top:8px;font-family:var(--mono);font-size:var(--agil-text-xs);white-space:pre}.import-issues{margin-top:8px}.import-issues:empty{display:none}.issues{display:flex;flex-direction:column;gap:4px;max-height:200px;margin:6px 0 0;padding:0;overflow:auto;list-style:none}.issue{display:flex;flex-wrap:wrap;gap:6px;padding:5px 7px;border-radius:7px;background:var(--danger-soft);font-size:var(--agil-text-xs)}.issue-path{font-family:var(--mono);font-size:var(--agil-text-xs);color:var(--danger)}.issue-message{font-size:var(--agil-text-xs);color:var(--text-soft)}.save-status{min-height:16px;margin-top:8px;font-size:var(--agil-text-xs);line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.save-status[data-tone=success]{color:var(--success)}.save-status[data-tone=error]{color:var(--danger)}.save-dock{position:sticky;top:0;z-index:9;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.save-dock-copy{display:flex;flex-direction:column;gap:1px;flex:1 1 130px;min-width:0}.save-dock-title{font-size:12px}.save-dock-hint{font-size:var(--agil-text-xs);line-height:1.3;color:var(--muted)}.save-status-dock{flex-basis:100%;margin-top:2px}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-size:12.5px;line-height:1.4;box-shadow:var(--shadow-md);animation:toast-in .18s ease;pointer-events:auto}.toast .icon{margin-top:1px}.toast-success{border-color:var(--border-strong);border-color:color-mix(in srgb,var(--success) 42%,var(--border-strong))}.toast-success .icon{color:var(--success)}.toast-error{border-color:var(--border-strong);border-color:color-mix(in srgb,var(--danger) 46%,var(--border-strong))}.toast-error .icon{color:var(--danger)}.toast.is-leaving{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.clipboard-proxy{position:fixed;left:-9999px;top:0;opacity:0;pointer-events:none}.noscript{padding:14px;font-size:13px;color:var(--danger)}@media(max-width:1200px){body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);overflow:auto}.app-body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);grid-template-columns:minmax(0,1fr);height:auto;min-height:calc(100dvh - var(--header-h))}.pane-left,.pane-right,.pane-scroll{overflow:visible}.pane-center{order:2}.pane-left{order:1}.pane-right{order:3}.preview-stage{flex:none;min-height:60vh}.preview-overlay{position:absolute}.json-area{max-height:320px}}@media(max-width:720px){.app-header{flex-wrap:nowrap;height:var(--header-h);min-height:var(--header-h);padding:0 10px;gap:6px;overflow:hidden;justify-content:flex-start}.app-header-meta{flex:1 1 auto;flex-wrap:nowrap;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.app-header>#theme-toggle{flex:none}.header-link{padding:4px 7px;font-size:var(--agil-text-xs);white-space:nowrap}.app-brand{min-width:0}.app-brand-text strong{font-size:12px;white-space:nowrap}.app-brand-text span,.draft-pill,.tenant-pill{display:none}.app-body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);gap:10px;padding:10px}.preview-toolbar{align-items:flex-start}.preview-actions{width:100%;margin-left:0}.preview-actions-inner{width:100%}.preview-stage{min-height:52vh}}@media(max-width:520px){.section-nav{grid-template-columns:minmax(0,1fr)}.tenant-pill{display:none}.palette,.preset-grid{grid-template-columns:minmax(0,1fr)}.field-inline{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-soft);font-size:12px;font-weight:600;text-decoration:none;transition:background .16s ease,color .16s ease,border-color .16s ease}.header-link:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.header-link .icon{width:13px;height:13px}.role-row,.override-row,.effective-row{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.role-row+.role-row,.override-row+.override-row,.effective-row+.effective-row{margin-top:8px}.role-head,.override-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.role-name,.effective-role{font-size:13px;color:var(--text)}.role-enabled-count{margin:0}.role-chips{max-height:214px;overflow-y:auto;padding:2px}.chip-roadmap{border-style:dashed;border-color:var(--border-strong);color:var(--muted)}.chip-beta{border-color:var(--info);color:var(--info)}.override-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.override-head .input-text{max-width:280px}.effective-row{gap:4px}.effective-counts{font-size:12px;font-weight:600;color:var(--text-soft)}.effective-source,.effective-list{font-size:12px;color:var(--muted);line-height:1.45}.effective-knowledge{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:var(--agil-text-xs);font-weight:600}.effective-knowledge.is-ok{background:var(--success-soft);color:var(--success)}.effective-knowledge.is-off{background:var(--danger-soft);color:var(--danger)}.integration-warnings:not(:empty){margin-top:10px;padding:10px 12px;border:1px solid var(--warning);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);font-weight:500}.provider-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}.provider-mode-note{margin:0 0 8px;padding:8px 10px;border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary-soft);color:var(--text-soft)}.provider-summary{display:flex;flex-direction:column;gap:6px}.field-error{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--danger);font-weight:500}.field-error:empty{display:none}.input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}@media(min-width:1280px){.provider-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.chip-needs-feature{border-color:var(--info);color:var(--info)}.chip-needs-role{border-style:dashed}.chip-needs-feature[aria-pressed=true],.chip-needs-role[aria-pressed=true]{border-color:var(--primary)}@media(max-width:1200px){body{font-size:var(--agil-text-sm);line-height:var(--agil-line-height);padding-bottom:92px}.save-dock{position:fixed;inset:auto auto 10px 50%;width:min(560px,calc(100vw - 20px));transform:translate(-50%);z-index:45;box-shadow:var(--shadow-md)}.skip-link{bottom:84px}}.preview-actions-inner{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sim-panel{position:relative;flex:0 0 auto}.sim-summary{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-soft);font-size:var(--agil-text-xs);font-weight:600;cursor:pointer;list-style:none;white-space:nowrap}.sim-summary::-webkit-details-marker{display:none}.sim-summary:before{content:"▸";color:var(--muted)}.sim-panel[open]>.sim-summary:before{content:"▾"}.sim-summary-state{color:var(--primary-strong);font-weight:700}.sim-body{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:320px;padding:10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:8px}.sim-row{display:flex;align-items:center;gap:8px;font-size:var(--agil-text-xs);color:var(--text-soft)}.sim-label{flex:0 0 88px;font-weight:600}.sim-range{flex:1 1 auto;min-width:90px;accent-color:var(--primary)}.sim-number,.sim-select{height:30px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--agil-text-xs)}.sim-number{width:62px;flex:none}.sim-select{flex:1 1 auto}.sim-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sim-status{flex-basis:100%;font-size:var(--agil-text-xs);line-height:var(--agil-line-height);color:var(--muted)}.sim-status[data-tone=success]{color:var(--success)}.sim-status[data-tone=error]{color:var(--danger)}.preview-caption{padding:6px 12px 0;font-size:var(--agil-text-xs);line-height:var(--agil-line-height);color:var(--text-soft)}@media(max-width:1200px){.sim-panel{flex-basis:100%}.sim-body{position:static;width:100%;margin-top:4px}}.sim-toggle{display:flex;align-items:center;gap:8px;font-size:var(--agil-text-xs);line-height:var(--agil-line-height);color:var(--text-soft);cursor:pointer}.sim-checkbox{width:16px;height:16px;flex:none;accent-color:var(--primary)}@media(max-width:1100px){.app-header{flex-wrap:nowrap;height:var(--header-h);min-height:var(--header-h);padding:0 10px;gap:8px;justify-content:flex-start;overflow:hidden}.app-header-meta{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.app-header-meta::-webkit-scrollbar{display:none}.app-brand{flex:0 0 auto}.app-brand-text span,.draft-pill,.tenant-pill{display:none}.header-link{flex:0 0 auto;white-space:nowrap}body{padding-bottom:0}.app-body{padding-bottom:calc(var(--save-dock-height, 84px) + 28px + env(safe-area-inset-bottom,0px))}html{scroll-padding-bottom:calc(var(--save-dock-height, 84px) + 28px + env(safe-area-inset-bottom,0px))}.skip-link{bottom:calc(var(--save-dock-height, 84px) + 24px + env(safe-area-inset-bottom,0px))}.save-dock{bottom:calc(10px + env(safe-area-inset-bottom,0px))}}@media(max-width:720px){.header-link{padding:6px 8px;font-size:0}.header-link:after{content:attr(data-short);font-size:var(--agil-text-xs);font-weight:600}}@media(max-width:1200px){.save-dock{transition:opacity .18s ease,transform .18s ease}.save-dock.is-offscreen{opacity:0;pointer-events:none;transform:translate(-50%) translateY(24px)}}.mascot-root{position:fixed;inset:0;z-index:70;pointer-events:none}.mascot-root[hidden]{display:none!important}.mascot-fab{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:58px;height:58px;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-md);cursor:grab;pointer-events:auto;display:grid;place-items:center;touch-action:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.mascot-fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mascot-fab:active{cursor:grabbing}.mascot-fab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mascot-fab.is-input-hidden{opacity:0;pointer-events:none}.mascot-fab-image{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--surface-2)}.mascot-fab-dot{position:absolute;right:4px;bottom:4px;width:10px;height:10px;border:2px solid var(--surface);border-radius:50%;background:var(--success)}.mascot-img{display:block;width:100%;height:100%;object-fit:contain}.mascot-initials{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:15px}.mascot-panel{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(88px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;width:min(380px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 120px));border:1px solid var(--border-strong);border-radius:var(--radius-lg, 16px);background:var(--surface);box-shadow:var(--shadow-lg);pointer-events:auto;overflow:hidden}.mascot-panel[hidden]{display:none!important}.mascot-header{display:flex;align-items:center;gap:10px;padding:12px 12px 10px;border-bottom:1px solid var(--border);background:var(--surface-2)}.mascot-header-image{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--surface)}.mascot-header-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.mascot-name{font-size:14px;line-height:1.2}.mascot-subtitle{font-size:var(--agil-text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mascot-local-badge{flex:none;padding:2px 7px;border-radius:999px;background:var(--warning-soft, #fef3c7);color:var(--warning, #92400e);font-size:var(--agil-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.mascot-close{flex:none;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--text-soft);font-size:20px;line-height:1;cursor:pointer}.mascot-close:hover{background:var(--surface-3)}.mascot-role-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.mascot-role-label{font-size:var(--agil-text-xs);color:var(--muted);flex:none}.mascot-role-select{flex:1 1 auto;min-width:0;height:30px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--agil-text-xs)}.mascot-messages{flex:1 1 auto;min-height:120px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.mascot-message{max-width:88%;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.45;white-space:pre-wrap}.mascot-message.is-assistant{align-self:flex-start;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.mascot-message.is-user{align-self:flex-end;background:var(--primary);color:var(--primary-fg)}.mascot-message-tag{display:inline-block;margin-left:6px;font-size:var(--agil-text-xs);text-transform:uppercase;letter-spacing:.04em;opacity:.7}.mascot-section-title{padding:0 12px;font-size:var(--agil-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.mascot-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px}.mascot-chip{padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:var(--agil-text-xs);cursor:pointer}.mascot-chip:hover{border-color:var(--primary);color:var(--primary-strong)}.mascot-starters,.mascot-suggestions{flex:none}.mascot-suggestions{border-top:1px dashed var(--border)}.mascot-composer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface-2)}.mascot-input{flex:1 1 auto;min-width:0;min-height:38px;max-height:96px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);resize:vertical;background:var(--input-bg);color:var(--text);font:inherit;font-size:12px}.mascot-send{flex:none;align-self:flex-end;height:38px;padding:0 14px;border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-fg);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.mascot-footer{display:flex;flex-wrap:wrap;gap:10px;padding:8px 12px 10px;border-top:1px solid var(--border);font-size:var(--agil-text-xs)}.mascot-link{color:var(--primary-strong);text-decoration:none}.mascot-link:hover{text-decoration:underline}.mascot-clear{margin-left:auto;border:0;background:transparent;color:var(--muted);font:inherit;font-size:var(--agil-text-xs);cursor:pointer}.mascot-clear:hover{color:var(--danger)}.mascot-guard-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#0206109e;backdrop-filter:blur(3px);pointer-events:auto}.mascot-guard-overlay[hidden]{display:none!important}.mascot-guard-card{width:min(560px,100%);max-height:min(86dvh,760px);overflow-y:auto;padding:18px;border:1px solid var(--border-strong);border-radius:var(--radius-lg, 16px);background:var(--surface);box-shadow:var(--shadow-lg)}.mascot-guard-head{display:flex;gap:14px;align-items:flex-start}.mascot-guard-image{flex:none;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--surface-2)}.mascot-guard-head-text{min-width:0}.mascot-guard-title{margin:0 0 6px;font-size:17px;line-height:1.25}.mascot-guard-message{margin:6px 0 0;font-size:var(--agil-text-sm);color:var(--text-soft);line-height:1.45}.mascot-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:var(--agil-text-xs);font-weight:600}.mascot-badge.is-critical,.mascot-badge.is-high{background:var(--danger-soft, #fee2e2);color:var(--danger, #b91c1c)}.mascot-badge.is-medium{background:var(--warning-soft, #fef3c7);color:var(--warning, #92400e)}.mascot-badge.is-low{background:var(--success-soft, #dcfce7);color:var(--success, #166534)}.mascot-guard-findings{display:flex;flex-direction:column;gap:8px;margin-top:14px}.mascot-finding{padding:10px 12px;border:1px solid var(--border);border-left:3px solid var(--warning, #b45309);border-radius:var(--radius-sm);background:var(--surface-2)}.mascot-finding.is-critical{border-left-color:var(--danger, #b91c1c)}.mascot-finding-title{display:block;font-size:12.5px;margin-bottom:3px}.mascot-finding-desc,.mascot-finding-impact{margin:2px 0;font-size:var(--agil-text-xs);line-height:1.45;color:var(--text-soft)}.mascot-guard-recommendations{margin-top:12px}.mascot-recommendations{margin:6px 0 0;padding-left:18px;font-size:var(--agil-text-xs);line-height:1.5;color:var(--text-soft)}.mascot-guard-ack{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);font-size:12px;cursor:pointer}.mascot-guard-ack input{margin-top:2px}.mascot-guard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.mascot-btn{height:34px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.mascot-btn-ghost:hover{border-color:var(--primary)}.mascot-btn-danger{border-color:var(--danger, #b91c1c);background:var(--danger, #b91c1c);color:var(--danger-fg, #fff)}.mascot-btn-danger:disabled{opacity:.45;cursor:not-allowed}.mascot-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:720px){.mascot-fab{width:44px;height:44px;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(128px + env(safe-area-inset-bottom,0px))}.mascot-fab-image{width:40px;height:40px}.mascot-panel{inset:0;width:100%;height:100dvh;max-height:none;border-radius:0;border:0}.mascot-guard-overlay{padding:10px}.mascot-guard-card{width:100%;max-height:calc(100dvh - 20px);padding:14px}.mascot-guard-head{gap:10px}.mascot-guard-image{width:56px;height:56px}}.mascot-fab.is-panel-open{display:none}.mascot-header{padding:10px 10px 8px;gap:8px}.mascot-head-actions{display:flex;align-items:center;gap:4px;flex:none}.mascot-icon-btn{height:28px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-soft);font:inherit;font-size:var(--agil-text-xs);cursor:pointer;white-space:nowrap}.mascot-icon-btn:hover{border-color:var(--primary);color:var(--primary-strong)}.mascot-icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.mascot-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.mascot-options{flex:none;border-bottom:1px solid var(--border);background:var(--surface-2)}.mascot-options-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;font-size:var(--agil-text-xs);color:var(--text-soft);cursor:pointer;list-style:none}.mascot-options-summary::-webkit-details-marker{display:none}.mascot-options-summary:before{content:"▸";margin-right:6px;color:var(--muted)}.mascot-options[open]>.mascot-options-summary:before{content:"▾"}.mascot-options-title{flex:1 1 auto;font-weight:600}.mascot-options-role{flex:none;padding:1px 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:var(--agil-text-xs);font-weight:600}.mascot-options-body{padding:0 0 8px}.mascot-history{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.mascot-history[hidden]{display:none!important}.mascot-history-tools{display:flex;gap:6px;padding:10px 12px 6px}.mascot-history-search{flex:1 1 auto;min-width:0;height:30px;padding:0 9px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);font:inherit;font-size:12px}.mascot-history-list{overflow-y:auto;padding:4px 8px 10px;display:flex;flex-direction:column;gap:4px}.mascot-history-empty{margin:10px 6px;font-size:12px;color:var(--muted)}.mascot-chat-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid transparent;border-radius:var(--radius-sm)}.mascot-chat-row:hover{background:var(--surface-2)}.mascot-chat-row.is-current{border-color:var(--border-strong);background:var(--surface-2)}.mascot-chat-open{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:var(--text);font:inherit;font-size:12px;text-align:left;cursor:pointer}.mascot-chat-date{flex:none;color:var(--muted);font-size:var(--agil-text-xs);white-space:nowrap}.mascot-chat-actions{display:flex;gap:2px;flex:none}.mascot-chat-action{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--text-soft);font-size:12px;cursor:pointer}.mascot-chat-action:hover{background:var(--surface-3);color:var(--danger)}.mascot-messages{line-height:1.55;scroll-behavior:smooth}.mascot-message{font-size:12.5px;line-height:1.55;max-width:92%}.mascot-message.is-assistant{color:var(--text);background:var(--surface-2)}.mascot-suggestions{flex:none;border-top:1px solid var(--border);padding:8px 12px;background:var(--surface)}.mascot-composer{flex:none;position:sticky;bottom:0;z-index:2;background:var(--surface-2)}.mascot-btn-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-fg)}@media(max-width:720px){.mascot-header{padding:8px 8px 6px;gap:6px}.mascot-name{font-size:13px}.mascot-subtitle{font-size:var(--agil-text-xs)}.mascot-head-actions{gap:2px}.mascot-icon-btn{height:26px;padding:0 6px;font-size:var(--agil-text-xs)}.mascot-close{width:26px;height:26px}.mascot-header-image{width:28px;height:28px}.mascot-local-badge{order:5;flex-basis:100%;justify-self:flex-start;align-self:flex-start;margin:0 0 2px 36px}}