:root{color-scheme:light;--bg: #eef2f7;--bg-grid: rgba(56, 77, 106, .04);--surface: #ffffff;--surface-alt: #f6f8fb;--surface-accent: #eef4ff;--border: #d7deea;--border-strong: #bdc8d9;--text: #172033;--muted: #617086;--accent: #1f66d1;--accent-strong: #11499c;--accent-soft: #dce9ff;--ok: #0d6c4f;--ok-bg: #def5ec;--warn: #865906;--warn-bg: #fff1cf;--error: #a52d25;--error-bg: #fde6e3;--shadow: 0 12px 30px rgba(30, 51, 84, .08);--radius: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;color:var(--text);background:linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(var(--bg-grid) 1px,transparent 1px) 0 0 / 24px 24px,var(--bg);font-family:Segoe UI,Avenir Next,sans-serif}button,input,textarea{font:inherit}code{padding:.12rem .32rem;border-radius:6px;background:var(--surface-alt);font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.92em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.app-shell{max-width:1760px;height:100%;margin:0 auto;padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.topbar,.panel{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffeb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar{padding:12px;display:grid;grid-template-columns:minmax(18rem,1.4fr) minmax(20rem,1fr) minmax(22rem,1.4fr);gap:12px;align-items:start}.topbar-heading{display:grid;gap:6px}.topbar-heading h1,.panel h2,.block-card h3{margin:0;letter-spacing:-.02em}.topbar-heading h1{font-size:1.45rem;line-height:1.1}.topbar-heading p{margin:0;color:var(--muted);line-height:1.45}.section-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-strong);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section-label:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:var(--accent)}.topbar-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card,.panel-stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt)}.stat-card{min-width:0;padding:10px 12px;display:grid;gap:4px}.stat-card span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.topbar-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:stretch}.file-picker{min-width:0;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg,#f9fbff,#f3f7ff);display:grid;grid-template-columns:1fr auto;grid-template-areas:"label button" "name button" "hint button";gap:3px 10px;align-items:center;cursor:pointer}.file-picker-label{grid-area:label;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.file-picker-name{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker-hint{grid-area:hint;color:var(--muted);font-size:.86rem}.file-picker-button{grid-area:button}.button,.ghost-button,.segment-button,.block-summary-button{border:0;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}.button:hover,.ghost-button:hover,.segment-button:hover,.block-summary-button:hover{transform:translateY(-1px)}.button:disabled,.ghost-button:disabled,.segment-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button{border-radius:var(--radius-sm);padding:.9rem 1rem;font-weight:600}.primary-button{color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-strong))}.secondary-button{color:var(--text);background:var(--surface-alt);border:1px solid var(--border)}.ghost-button{border-radius:8px;padding:.42rem .68rem;color:var(--accent-strong);background:var(--accent-soft);white-space:nowrap}.compact-button{justify-self:end}.notice{margin:0;padding:.65rem .8rem;border-radius:10px;line-height:1.45}.compact-notice{font-size:.92rem}.success-notice{color:var(--ok);background:var(--ok-bg)}.warning-notice{color:var(--warn);background:var(--warn-bg)}.error-notice{color:var(--error);background:var(--error-bg)}.workspace{min-height:0;display:grid;grid-template-columns:minmax(21rem,.78fr) minmax(30rem,1.22fr);gap:12px}.panel{min-height:0;padding:12px;display:flex;flex-direction:column;gap:10px}.panel-dense{overflow:hidden}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.panel-header-tight{margin-bottom:2px}.panel-header h2{margin-top:4px;font-size:1.24rem}.panel-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.panel-stat{padding:6px 10px;font-size:.82rem;white-space:nowrap}.notice-row{display:flex;flex-direction:column;gap:6px}.search-field{display:grid;gap:5px;color:var(--muted);font-size:.88rem}.compact-search{max-width:28rem}.search-field input{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;padding:.7rem .8rem;background:var(--surface);color:var(--text)}.catalog-toolbar{display:grid;grid-template-columns:minmax(16rem,1fr) auto;gap:10px;align-items:end}.segment-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt)}.segment-button{border-radius:8px;padding:.58rem .82rem;color:var(--muted);background:transparent}.segment-button-active{color:var(--accent-strong);background:#fff;box-shadow:0 1px 2px #11499c14}.table-scroll,.blocks-scroll{flex:1;min-height:0;overflow:auto}.table-scroll{border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.current-grid,.entry-table{display:grid;gap:10px;align-items:center}.current-grid{grid-template-columns:minmax(14rem,1.4fr) minmax(8rem,1fr) minmax(8rem,.8fr) auto}.entry-table-head{padding:8px 10px;background:#edf2f9;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.current-grid-head{position:sticky;top:0;z-index:1;padding:8px 10px;background:#edf2f9;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.current-entry-list,.entry-list{margin:0;padding:0;list-style:none}.current-entry{padding:8px 10px;border-bottom:1px solid var(--border);background:#fff}.current-entry:last-child{border-bottom:0}.current-entry strong,.entry-key{line-height:1.35;word-break:break-word}.current-value,.entry-value{color:var(--muted);background:transparent;padding:0}.current-entry small{color:var(--muted);line-height:1.35}.empty-state{margin:0;padding:.95rem 1rem;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-alt);color:var(--muted);line-height:1.55}.blocks-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:10px;align-content:start;align-items:start}.block-card{align-self:start;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:visible}.block-card-active{border-color:#9fbdf3;box-shadow:inset 0 0 0 1px #bfd4fa}.block-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;background:linear-gradient(180deg,#fbfcff,#f4f7fc);border-bottom:1px solid var(--border)}.block-summary-button{min-width:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;text-align:left;color:inherit;background:transparent}.block-summary-main{min-width:0;display:grid;gap:2px}.block-card h3{font-size:1rem}.block-summary-meta,.block-summary-preview,.block-description,.entry-kind{color:var(--muted)}.block-summary-meta,.entry-kind{font-size:.82rem}.block-summary-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.block-expand-indicator{align-self:center;color:var(--accent-strong);font-size:.83rem;font-weight:600}.switch-pill{align-self:start;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:var(--accent-soft);white-space:nowrap}.switch-pill input,.entry-item input{accent-color:var(--accent)}.block-body{display:grid;gap:8px;padding:10px;overflow:visible}.block-description{margin:0;font-size:.88rem;line-height:1.45}.entry-table{grid-template-columns:auto minmax(12rem,1.6fr) minmax(9rem,1fr) auto}.entry-item{border-bottom:1px solid var(--border)}.entry-item:last-child{border-bottom:0}.entry-item label{padding:7px 0}.entry-kind{text-transform:uppercase;letter-spacing:.06em}.admin-shell{max-width:1880px}.admin-topbar{grid-template-columns:minmax(20rem,1.1fr) minmax(20rem,1fr) auto}.admin-actions{grid-template-columns:repeat(3,auto);align-self:center}.admin-workspace{grid-template-columns:minmax(18rem,.5fr) minmax(30rem,1.5fr)}.admin-toolbar{display:flex;gap:8px;flex-wrap:wrap}.admin-group-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}.admin-group-item{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-align:left;display:grid;gap:3px}.admin-group-item span,.admin-group-item small{color:var(--muted)}.admin-group-item-active{border-color:#9fbdf3;background:#edf4ff}.admin-editor-body{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-textarea{min-height:56px;resize:vertical;width:100%;border:1px solid var(--border);border-radius:10px;padding:.7rem .8rem;background:var(--surface);color:var(--text)}.admin-json-field{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0}.admin-json-editor{flex:1;min-height:0;height:100%;resize:vertical;width:100%;border:1px solid var(--border);border-radius:10px;padding:.8rem .9rem;background:#fff;color:var(--text);font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.82rem;line-height:1.45;white-space:pre}.admin-entry-grid{grid-template-columns:minmax(16rem,1.4fr) minmax(10rem,1fr) minmax(8rem,.7fr) auto}.admin-entry-grid-head{position:sticky;top:0;z-index:1;padding:8px 10px;background:#edf2f9;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.admin-inline-input{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;padding:.55rem .65rem;background:#fff;color:var(--text)}@media (max-width: 1280px){.topbar{grid-template-columns:1fr}.topbar-stats,.topbar-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar-actions .file-picker{grid-column:1 / -1}}@media (max-width: 1080px){.workspace,.admin-topbar,.blocks-grid{grid-template-columns:1fr}}@media (max-width: 760px){html,body,#app{height:auto;min-height:100%}.app-shell{height:auto;padding:8px}.topbar-stats,.topbar-actions,.catalog-toolbar,.current-grid,.entry-table,.admin-form-grid,.admin-entry-grid{grid-template-columns:1fr}.current-grid-head,.entry-table-head,.admin-entry-grid-head{display:none}.current-entry,.entry-item label{gap:4px}.compact-button{justify-self:stretch}.button,.ghost-button,.segment-button{width:100%}.admin-actions{grid-template-columns:1fr}.segment-switch{display:grid;grid-template-columns:1fr 1fr}.panel-stats{justify-content:flex-start}.blocks-scroll,.table-scroll{overflow:visible}}