.af-editor,.af-view,.af-theme{--af-bg:#fff;--af-panel:#f6f6f3;--af-text:#232321;--af-muted:#77776f;--af-border:#deded8;--af-accent:#2f6fdb;--af-danger:#c0392b;--af-radius:6px;--af-icon-size:16px;color:var(--af-text);font:14px/1.4 system-ui,sans-serif}.af-view{width:100%;height:100%;position:relative}.af-canvas{position:absolute;inset:0}.af-button{white-space:nowrap;font:inherit;color:inherit;background:var(--af-bg);border:1px solid var(--af-border);border-radius:var(--af-radius);cursor:pointer;padding:4px 10px}.af-button[aria-pressed=true]{color:var(--af-accent);border-color:var(--af-accent)}.af-button:disabled{color:var(--af-muted);opacity:.6;cursor:not-allowed}.af-icon{width:var(--af-icon-size,16px);height:var(--af-icon-size,16px);display:block}.af-icon-button{box-sizing:border-box;place-items:center;width:calc(1.4em + 10px);height:calc(1.4em + 10px);padding:0;display:inline-grid}.af-attribution{color:var(--af-muted);background:#fffc;border-radius:4px;gap:6px;padding:2px 6px;font-size:11px;display:flex;position:absolute;bottom:8px;left:8px}.af-attribution a{color:inherit}.af-view{container-type:inline-size}.af-level-switcher{gap:6px;max-height:calc(100% - 64px);display:grid;position:absolute;top:12px;left:12px;overflow:auto}.af-level-switcher[hidden]{display:none}.af-level-list,.af-level-list [role=group]{gap:2px;display:grid}.af-level-list{gap:8px}.af-level-switcher .af-button{text-align:left;box-shadow:0 1px 3px #00000026}.af-level-switcher .af-level-button[aria-pressed=true]{color:#fff;background:var(--af-accent);border-color:var(--af-accent)}.af-level-group{color:var(--af-muted);background:#fffc;border-radius:4px;justify-self:start;padding:0 4px;font-size:11px;font-weight:600}.af-level-toggle{display:none}@container (width<=480px){.af-level-toggle{display:block}.af-level-switcher:not(.af-open) .af-level-list{display:none}}.af-plan-controls{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.af-plan-controls .af-button{box-shadow:0 1px 3px #00000026}.af-view-switch{flex-direction:column;gap:2px;display:flex}.af-view-switch .af-button{font-size:12px;font-weight:600}.af-canvas-message{text-align:center;color:var(--af-muted);background:var(--af-panel);place-items:center;padding:24px;display:grid}.af-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.af-tooltip{max-width:240px;color:var(--af-text);background:var(--af-bg);border:1px solid var(--af-border);border-radius:var(--af-radius);flex-direction:column;padding:6px 10px;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 8px #00000026}.af-tooltip[hidden]{display:none}.af-tooltip span{color:var(--af-muted);font-size:12px}.af-editor{background:var(--af-bg);outline:none;grid-template:"toolbar toolbar""stage sidebar"1fr/1fr 280px;width:100%;height:100%;display:grid;position:relative}.af-toolbar{border-bottom:1px solid var(--af-border);background:var(--af-panel);flex-wrap:wrap;grid-area:toolbar;align-items:center;gap:6px;padding:8px;display:flex}.af-spacer{flex:1}.af-stage{grid-area:stage;min-width:0;min-height:0;position:relative}.af-sidebar{border-left:1px solid var(--af-border);background:var(--af-panel);grid-area:sidebar;padding:12px;overflow-y:auto}.af-host-properties{border-top:1px solid var(--af-border);margin-top:12px;padding-top:12px}.af-host-properties:empty{display:none}.af-sidebar section{margin-bottom:20px}.af-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--af-muted);margin:0 0 8px;font-size:12px;font-weight:600}.af-file{cursor:pointer;align-self:flex-start;position:relative}.af-file input{opacity:0;cursor:inherit;position:absolute;inset:0}.af-file:focus-within{outline:2px solid var(--af-accent)}.af-file[aria-disabled=true]{opacity:.6;cursor:progress}.af-buttons{flex-wrap:wrap;gap:6px;display:flex}.af-danger{color:#fff;background:var(--af-danger);border-color:var(--af-danger)}.af-input{font:inherit;border:1px solid var(--af-border);border-radius:var(--af-radius);background:var(--af-bg);max-width:100%;padding:3px 6px}.af-props{grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;margin:0;display:grid}.af-props dt{color:var(--af-muted)}.af-props dd{margin:0}.af-muted{color:var(--af-muted);margin:0}.af-row{align-items:center;gap:6px;display:flex}.af-row .af-input{flex:1 1 0;width:0;min-width:0}.af-languages dd{min-width:0}.af-languages p+.af-row{margin-top:6px}.af-chips{flex-wrap:wrap;gap:4px;margin:0 0 6px;padding:0;list-style:none;display:flex}.af-chip{border:1px solid var(--af-border);background:var(--af-bg);border-radius:999px;align-items:center;gap:2px;padding:1px 2px 1px 8px;display:inline-flex}.af-chip-remove{color:var(--af-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 6px}.af-chip-remove:hover{color:var(--af-danger)}.af-modal{background:var(--af-bg);border:1px solid var(--af-border);border-radius:var(--af-radius);padding:16px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.af-gap{margin-top:12px}.af-backdrop{z-index:10;background:#00000026;position:absolute;inset:0}.af-shortcuts{box-sizing:border-box;width:min(760px,100% - 32px);max-height:calc(100% - 32px);overflow:auto}.af-shortcuts-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.af-shortcuts-header .af-heading{margin:0}.af-shortcut-groups{columns:2 300px;column-gap:24px}.af-shortcut-groups section{break-inside:avoid;margin-bottom:12px}.af-shortcut-group{margin:0 0 4px;font-size:13px;font-weight:600}.af-shortcut-list{margin:0;padding:0;list-style:none}.af-shortcut{border-bottom:1px solid var(--af-border);justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;display:flex}.af-shortcut[aria-disabled]{color:var(--af-muted)}.af-shortcut-view{color:var(--af-muted);margin-left:6px;font-size:11px}.af-keys{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:3px;min-width:0;display:inline-flex}.af-keys>.af-keys{flex-wrap:nowrap;flex-shrink:0}.af-kbd{min-width:1.4em;font:inherit;text-align:center;background:var(--af-panel);border:1px solid var(--af-border);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:12px}.af-card{border:1px solid var(--af-border);border-radius:var(--af-radius);background:var(--af-bg);margin-bottom:8px;padding:8px}.af-span{grid-column:1/-1}.af-pair{gap:4px;display:flex}.af-pair .af-input{width:5em}.af-stack{gap:2px;display:grid}.af-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.af-toast{color:#fff;border-radius:var(--af-radius);background:#232321e6;padding:8px 14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.af-form{max-width:320px;color:var(--af-text,#232321);gap:10px;font:14px/1.4 system-ui,sans-serif;display:grid}.af-form label{gap:4px;display:grid}.af-primary{color:#fff;background:var(--af-accent,#2f6fdb);border-color:var(--af-accent,#2f6fdb)}.af-narrow{width:5em}.af-levels{gap:8px}.af-level-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.af-level-row{cursor:grab;border-top:2px solid #0000;border-bottom:2px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.af-level-row[data-dragging]{opacity:.5}.af-level-row[data-drop=above]{border-top-color:var(--af-accent)}.af-level-row[data-drop=below]{border-bottom-color:var(--af-accent)}.af-level-button{text-align:left;flex:1}.af-level-elevation{white-space:nowrap;font-size:12px}.af-group-name{margin-bottom:4px;font-size:12px}.af-colour{align-items:center;gap:6px;display:flex}.af-category-input{width:10em}:root{--bg:#fff;--panel:#f6f6f3;--text:#232321;--muted:#77776f;--border:#deded8;--accent:#2f6fdb;color:var(--text);background:var(--bg);font-family:system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}.shell{grid-template-rows:auto 1fr;height:100vh;display:grid}.modes{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 16px;display:flex}.edit{grid-template:minmax(0,1fr)/minmax(0,1fr) auto;min-height:0;display:grid}.review{border-right:none;border-left:1px solid var(--border);width:300px}.review-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.review-list li{justify-items:start;gap:4px;display:grid}.layout{grid-template-columns:320px 1fr;min-height:0;display:grid}.panel{background:var(--panel);border-right:1px solid var(--border);padding:16px;overflow-y:auto}.panel h1{margin:0 0 16px;font-size:16px}.brand{align-items:center;gap:8px;display:flex}.panel h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:12px}.panel section{margin-bottom:20px}.buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}button{font:inherit;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;padding:4px 10px}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}button.link{color:var(--accent);text-align:left;background:0 0;border:none;padding:0}.toggle{align-items:center;gap:8px;margin-bottom:8px;display:flex}.buttons .toggle{margin-bottom:0}.muted{color:var(--muted);margin:0}pre{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin:0;padding:8px;font-size:12px;overflow-x:auto}.diagnostics{gap:4px;margin:0;padding:0;list-style:none;display:grid}.stage{min-width:0;position:relative}.stage .af-view{position:absolute;inset:0}.dialog{padding:32px}.edit-actions{align-items:center;margin-left:24px}.overlay{z-index:10;background:#00000040;place-items:center;display:grid;position:fixed;inset:0}.confirm{background:var(--bg);border:1px solid var(--border);border-radius:8px;max-width:420px;padding:16px 20px;box-shadow:0 8px 24px #00000026}.confirm p{margin:0 0 12px}button.icon-button{place-items:center;width:2em;height:2em;padding:0;display:inline-grid}