:root{--a-bg:#f4f5f7;--a-surface:#fff;--a-border:#e3e6ea;--a-border-strong:#cdd2d9;--a-ink:#101828;--a-ink-muted:#667085;--a-primary:#4f46e5;--a-primary-hover:#4338ca;--a-primary-soft:#eef2ff;--a-primary-ink:#3730a3;--a-topbar:#0b1020;--a-ok-bg:#ecfdf5;--a-ok-border:#a7f3d0;--a-ok-ink:#065f46;--a-err-bg:#fef2f2;--a-err-border:#fecaca;--a-err-ink:#991b1b;--a-radius:10px;--a-radius-sm:7px;--a-shadow-1:0 1px 2px #1018280d;--a-shadow-2:0 4px 12px #10182814;--a-shadow-3:0 12px 32px #1018281f}body{background:var(--a-bg);color:var(--a-ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55}*,:before,:after{box-sizing:border-box}.admin-topbar{background:var(--a-topbar);color:#fff;z-index:10;align-items:center;gap:4px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.admin-topbar .brand{letter-spacing:.02em;color:#fff;margin-right:16px;font-weight:750;text-decoration:none}.admin-topbar a{color:#cbd5e1;border-radius:6px;padding:6px 12px;font-size:14px;text-decoration:none}.admin-topbar a:hover{color:#fff;background:#1f2937}.admin-shell{max-width:1020px;margin:0 auto;padding:32px 24px 64px}.admin-shell h1{letter-spacing:-.015em;margin:0 0 20px;font-size:26px;font-weight:700}.admin-shell h2{margin:28px 0 10px;font-size:17px;font-weight:650}.admin-shell a{color:var(--a-primary);text-decoration:none}.admin-shell a:hover{text-decoration:underline}.admin-card{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);box-shadow:var(--a-shadow-1);margin-bottom:20px;padding:18px 20px}.admin-shell form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-shell input,.admin-shell select,.admin-shell textarea{border:1px solid var(--a-border-strong);border-radius:var(--a-radius-sm);font:inherit;color:var(--a-ink);background:#fff;padding:8px 10px}.admin-shell input:focus,.admin-shell select:focus,.admin-shell textarea:focus{outline:2px solid var(--a-primary);outline-offset:0;border-color:var(--a-primary)}.admin-shell ul,.admin-shell ol{margin:0;padding:0;list-style:none}.admin-shell li{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius-sm);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;display:flex}.admin-shell li>a{font-weight:600}.admin-shell li code,.admin-shell p code{background:var(--a-primary-soft);color:var(--a-primary-ink);border-radius:4px;padding:1px 6px;font-size:13px}.admin-shell li form{margin-left:auto}.admin-shell [role=status],.admin-shell [role=alert]{border-radius:var(--a-radius-sm);margin:12px 0;padding:10px 14px}.admin-shell [role=status]{background:var(--a-ok-bg);border:1px solid var(--a-ok-border);color:var(--a-ok-ink)}.admin-shell [role=alert]{background:var(--a-err-bg);border:1px solid var(--a-err-border);color:var(--a-err-ink)}.admin-signin{place-items:center;min-height:80vh;display:grid}.admin-signin .admin-card{gap:12px;width:360px;padding:24px 26px;display:grid}.admin-signin input{width:100%}.a-signin-card h1{margin:0;font-size:22px}.a-signin-card .a-form-grid{gap:12px;display:grid}.a-signin-card .a-button{justify-content:center}.a-button,.admin-shell .a-button{color:var(--a-ink);border:1px solid var(--a-border-strong);border-radius:var(--a-radius-sm);font:inherit;cursor:pointer;background:#fff;align-items:center;gap:6px;padding:7px 13px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.a-button:hover,.admin-shell .a-button:hover{background:var(--a-bg);text-decoration:none}.a-button-primary,.admin-shell .a-button-primary{background:var(--a-primary);border-color:var(--a-primary);color:#fff;box-shadow:var(--a-shadow-1)}.a-button-primary:hover,.admin-shell .a-button-primary:hover{background:var(--a-primary-hover);border-color:var(--a-primary-hover);color:#fff}.a-button-ghost,.admin-shell .a-button-ghost{color:var(--a-primary);background:0 0;border-color:#0000}.a-button-ghost:hover,.admin-shell .a-button-ghost:hover{background:var(--a-primary-soft)}.a-button-danger,.admin-shell .a-button-danger{color:var(--a-err-ink)}.a-button-danger:hover,.admin-shell .a-button-danger:hover{background:var(--a-err-bg);border-color:var(--a-err-border)}.a-button-icon,.admin-shell .a-button-icon{padding:4px 9px;font-size:13px}.a-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.a-page-head h1{margin:0}.a-page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a-page-actions form{margin:0;display:flex}.a-section{margin:28px 0}.a-section-title{margin:0 0 10px;font-size:17px;font-weight:650}.a-hint{color:var(--a-ink-muted);margin:4px 0 12px;font-size:14px}.a-alert{border-radius:var(--a-radius-sm);margin:12px 0;padding:10px 14px}.a-alert-ok{background:var(--a-ok-bg);border:1px solid var(--a-ok-border);color:var(--a-ok-ink)}.a-alert-error{background:var(--a-err-bg);border:1px solid var(--a-err-border);color:var(--a-err-ink)}.a-undo-bar{margin:10px 0;display:flex}.a-block-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.a-block-card{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);box-shadow:var(--a-shadow-1);padding:12px 14px}.a-block-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a-block-title{font-weight:650}.a-type-badge{background:var(--a-primary-soft);color:var(--a-primary-ink);border-radius:4px;padding:1px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.a-pill{text-transform:uppercase;letter-spacing:.05em;color:var(--a-ink-muted);border:1px solid var(--a-border-strong);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:650}.a-block-actions{gap:4px;margin-left:auto;display:inline-flex}.a-block-actions form{margin:0;display:flex}.a-block-summary{color:var(--a-ink-muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:13.5px}.a-block-edit summary,.a-palette-item summary{cursor:pointer;color:var(--a-primary);padding:6px 0;font-size:14px;font-weight:600;list-style:none}.a-block-edit summary:before,.a-palette-item summary:before{content:"▸ "}.a-block-edit[open] summary:before,.a-palette-item[open] summary:before{content:"▾ "}.a-block-edit{margin-top:6px}.a-block-children{border-left:2px solid var(--a-border);margin-top:10px;padding-left:14px}.a-children-label{text-transform:uppercase;letter-spacing:.05em;color:var(--a-ink-muted);margin:4px 0 8px;font-size:12.5px;font-weight:650}.a-empty{border:1px dashed var(--a-border-strong);border-radius:var(--a-radius-sm);color:var(--a-ink-muted);text-align:center;background:0 0;padding:18px}.a-palette-group{margin:18px 0}.a-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--a-ink-muted);margin:0 0 8px;font-size:13px;font-weight:650}.a-palette{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.a-palette-nested{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:8px}.a-palette-item{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius-sm);padding:10px 12px}.a-palette-item summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a-palette-desc{color:var(--a-ink-muted);margin:6px 0 8px;font-size:13px}.a-form-grid{gap:8px;display:grid}.a-form-grid .a-field{gap:3px;display:grid}.a-form-grid .a-field>span{color:var(--a-ink-muted);font-size:12.5px;font-weight:600}.a-form-grid input,.a-form-grid select{border:1px solid var(--a-border-strong);border-radius:var(--a-radius-sm);font:inherit;color:var(--a-ink);background:#fff;padding:7px 9px}.a-form-grid input:focus,.a-form-grid select:focus{outline:2px solid var(--a-primary);border-color:var(--a-primary)}.a-field-check{flex-direction:row;align-items:center;gap:8px;display:flex!important}.a-field-check>span{color:var(--a-ink)!important;font-size:14px!important}.a-inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a-revision-list{gap:6px;display:grid}.a-revision-row{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.a-revision-row form{margin:0}.a-builder-section{margin-top:20px}.a-builder-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.a-view-toggle{gap:6px;display:inline-flex}.a-builder-grid{grid-template-columns:250px minmax(0,1fr) 300px;align-items:start;gap:14px;display:grid}.a-palette-panel{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);max-height:calc(100vh - 80px);padding:12px;position:sticky;top:64px;overflow-y:auto}.a-palette-search{border:1px solid var(--a-border-strong);border-radius:var(--a-radius-sm);width:100%;font:inherit;margin-bottom:10px;padding:7px 9px}.a-palette-card{text-align:left;background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius-sm);width:100%;font:inherit;cursor:grab;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;padding:8px 10px;font-size:13.5px;transition:border-color .15s,box-shadow .15s;display:flex}.a-palette-card:hover{border-color:var(--a-primary);box-shadow:var(--a-shadow-1)}.a-palette-card:active{cursor:grabbing}.a-canvas{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);min-height:60vh;padding:16px}.a-drop-line{border-radius:4px;height:8px;margin:-2px 0;transition:background .1s}.a-drop-first{margin-bottom:6px}.a-drop-active{background:var(--a-primary-soft);outline:2px dashed var(--a-primary);outline-offset:-2px}.a-node{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius-sm);cursor:grab;margin:4px 0;padding:10px 12px}.a-node:active{cursor:grabbing}.a-node:hover{border-color:var(--a-border-strong);box-shadow:var(--a-shadow-1)}.a-node-selected{border-color:var(--a-primary);box-shadow:0 0 0 1px var(--a-primary), var(--a-shadow-1)}.a-node-container{background:var(--a-bg)}.a-node-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a-drag-handle{color:var(--a-ink-muted);cursor:grab;letter-spacing:-1px}.a-node-actions{gap:4px;margin-left:auto;display:inline-flex}.a-node-children{border:1px dashed var(--a-border-strong);border-radius:var(--a-radius-sm);background:var(--a-surface);margin-top:8px;padding:8px 10px}.a-preview-pane .a-preview-frame{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);min-height:60vh;padding:24px}.a-inspector{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);max-height:calc(100vh - 80px);padding:14px;position:sticky;top:64px;overflow-y:auto}.a-inspector-form{gap:10px;display:grid}.a-inspector-form .a-field{gap:3px;display:grid}.a-inspector-form .a-field>span:first-child{color:var(--a-ink-muted);font-size:12.5px;font-weight:600}.a-inspector-form input,.a-inspector-form select{border:1px solid var(--a-border-strong);border-radius:var(--a-radius-sm);font:inherit;color:var(--a-ink);background:#fff;padding:7px 9px}.a-inspector-form input:focus,.a-inspector-form select:focus{outline:2px solid var(--a-primary);border-color:var(--a-primary)}.a-inspector-actions{gap:8px;display:flex}@media (max-width:1080px){.a-builder-grid{grid-template-columns:1fr}.a-palette-panel,.a-inspector{max-height:none;position:static}}@media (max-width:640px){.admin-shell{padding:20px 14px 48px}.admin-topbar{flex-wrap:wrap;height:auto;padding:8px 12px}.a-page-head{flex-direction:column;align-items:flex-start}}.a-history{gap:var(--a-space-2);display:flex}.a-history .a-button:disabled{opacity:.45;cursor:default}.a-template-form{gap:var(--a-space-2);margin:0 0 var(--a-space-4);padding:var(--a-space-3) var(--a-space-4);background:var(--a-surface-sunken);border:1px solid var(--a-border);border-radius:var(--a-radius);flex-wrap:wrap;align-items:center;display:flex}.a-template-form input{min-width:180px}.a-settings-form{gap:var(--a-space-3);max-width:520px;padding:var(--a-space-4);background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);display:grid}.a-settings-form .a-field{gap:var(--a-space-1);display:grid}.a-settings-form .a-field span{font-size:var(--a-text-sm);color:var(--a-fg-muted)}.a-settings-form .a-field input,.a-settings-form .a-field select{padding:var(--a-space-2) var(--a-space-3);border:1px solid var(--a-border);border-radius:var(--a-radius-sm);background:var(--a-surface);color:var(--a-fg)}.a-settings-form .a-button{justify-self:start}
