.af-shell{max-width:760px;margin:0 auto;padding:0 24px 80px}.af-form{display:flex;flex-direction:column;gap:26px}.af-hint{font-size:12px;color:var(--ink3);margin:0}.af-enum{display:flex;align-items:center;gap:10px}.af-enum-control{flex:1}.af-enum-sw{flex:0 0 auto}.af-slug-row{display:flex;align-items:center;gap:10px}.af-slug-row .af-slug-input{flex:1}.af-slug-preview{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink3)}.af-slug-preview b{color:var(--ink2)}.af-capgroup{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto}.af-capdomain-h{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);display:flex;align-items:center;gap:7px}.af-capdomain-h .af-acc{width:9px;height:9px;border-radius:2px;display:inline-block}.af-cap-options{display:flex;flex-wrap:wrap;gap:7px}.af-checkrow{display:flex;flex-wrap:wrap;gap:16px}.af-check{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.af-check input{margin:0;accent-color:var(--form-packaged)}.af-comp-section{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.af-comp-title{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.af-components{display:flex;flex-direction:column;gap:14px;align-self:stretch}.af-comprow{border:1px solid var(--line);border-left:4px solid var(--line2);border-radius:10px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--card)}.af-comprow.LC-current{border-left-color:var(--lc-current)}.af-comprow.LC-target{border-left-color:var(--lc-target)}.af-comprow.LC-transition{border-left-color:var(--lc-transition)}.af-comprow .af-comp-full{grid-column:1 / -1}.af-comprow-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px}.af-comprow-ord{display:inline-flex;gap:4px}.af-iconbtn{font:inherit;font-size:13px;line-height:1;padding:5px 9px;border:1px solid var(--line2);border-radius:7px;background:var(--card);cursor:pointer;color:var(--ink2)}.af-iconbtn:hover{border-color:var(--ink3)}.af-iconbtn:disabled{opacity:.4;cursor:not-allowed}.af-iconbtn.af-danger{color:var(--obs-eol);border-color:#e6c9c9}.af-banner{border:1px solid #e6c9c9;background:var(--obs-eol-bg, var(--tint-danger-bg));color:var(--tint-danger-fg);border-radius:10px;padding:12px 14px;font-size:13.5px}.af-actions{display:flex;align-items:center;gap:14px;margin-top:8px}.af-btn{font:inherit;font-size:14px;padding:11px 22px;border-radius:9px;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.af-btn-primary{background:var(--ink);color:var(--paper)}.af-btn-primary:hover{background:#000}.af-btn-primary:disabled{opacity:.55;cursor:not-allowed}.af-btn-ghost{background:transparent;color:var(--ink2);border-color:var(--line2)}.af-btn-ghost:hover{border-color:var(--ink3)}.af-danger-zone{margin-top:40px;border:1px solid #e6c9c9;border-radius:12px;padding:18px 20px;background:#fdf6f6}.af-danger-zone h2{font-size:16px;margin:0 0 4px;color:var(--tint-danger-fg)}.af-danger-zone p{margin:0 0 14px;font-size:13.5px;color:var(--ink2)}.af-btn-danger{background:var(--obs-eol);color:#fff}.af-btn-danger:hover{background:#a30000}.af-btn-danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.af-comprow{grid-template-columns:1fr}}:where(:root[data-mode=dark]) .af-banner,:where(:root[data-mode=dark]) .af-danger-zone,:where(:root[data-mode=dark]) .af-iconbtn.af-danger{border-color:var(--tint-danger-bd)}:where(:root[data-mode=dark]) .af-danger-zone{background:var(--tint-danger-bg)}:where(:root[data-mode=dark]) .af-btn-primary:hover{background:color-mix(in srgb,var(--ink) 85%,var(--card))}:where(:root[data-mode=dark]) .af-btn-danger{color:var(--paper)}:where(:root[data-mode=dark]) .af-btn-danger:hover{background:color-mix(in srgb,var(--obs-eol) 80%,var(--card))}@media(prefers-color-scheme:dark){:where(:root:not([data-mode=light])) .af-banner,:where(:root:not([data-mode=light])) .af-danger-zone,:where(:root:not([data-mode=light])) .af-iconbtn.af-danger{border-color:var(--tint-danger-bd)}:where(:root:not([data-mode=light])) .af-danger-zone{background:var(--tint-danger-bg)}:where(:root:not([data-mode=light])) .af-btn-primary:hover{background:color-mix(in srgb,var(--ink) 85%,var(--card))}:where(:root:not([data-mode=light])) .af-btn-danger{color:var(--paper)}:where(:root:not([data-mode=light])) .af-btn-danger:hover{background:color-mix(in srgb,var(--obs-eol) 80%,var(--card))}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid color-mix(in srgb,var(--paper) 55%,transparent);border-top-color:var(--paper);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:8px}.create-status{margin-top:12px;color:var(--ink3);font-size:.92rem;display:flex;align-items:center;gap:8px}.create-status .spinner{border-color:color-mix(in srgb,var(--ink3) 35%,transparent);border-top-color:var(--ink3);margin-right:0}