:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f2f5;--border:#dfe3ea;--text:#1c2130;--muted:#697086;--primary:#3b5bdb;--primary-hover:#3049b8;--danger:#d6336c;--ok-bg:#e6f6ec;--ok-text:#1e7a43;--warn-bg:#fff6e0;--warn-text:#8a5a00;--error-bg:#fdecef;--error-text:#b4234f;--radius:8px;--topbar-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--primary);text-decoration:none}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}h1{margin:0 0 4px;font-size:1.5rem}.muted{color:var(--muted)}.small{font-size:12.5px}.strong{color:var(--text);font-weight:600}.nowrap{white-space:nowrap}.pre{white-space:pre-line}.stack{gap:14px;display:grid}.spacer{flex:1}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:36px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.6;cursor:default}.btn.active{background:var(--text);border-color:var(--text);color:#fff}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:0 0}.btn-danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.btn-danger-ghost:hover{background:var(--error-bg)}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-xs{border-radius:6px;height:24px;padding:0 8px;font-size:12px}.field{gap:5px;display:grid}.field>span,.field>label{color:var(--muted);font-size:12.5px;font-weight:600}.field input,.input-group input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:38px;color:var(--text);font:inherit;padding:0 12px}.field input:focus,.input-group input:focus{outline:2px solid color-mix(in srgb, var(--primary) 35%, transparent);border-color:var(--primary)}input.invalid{border-color:var(--danger)!important}.input-group{display:flex}.input-group input{border-radius:var(--radius) 0 0 var(--radius);flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.input-group .btn{border-radius:0 var(--radius) var(--radius) 0;border-left:0;height:38px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-weight:500;display:inline-flex}.toggle input{width:16px;height:16px;accent-color:var(--primary)}.alert{border-radius:var(--radius);overflow-wrap:anywhere;margin:0;padding:8px 12px}.alert-error{background:var(--error-bg);color:var(--error-text)}.alert-warn{background:var(--warn-bg);color:var(--warn-text)}.alert-ok{background:var(--ok-bg);color:var(--ok-text)}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{background:var(--ok-bg);color:var(--ok-text)}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:inline-flex;overflow:hidden}.segmented button{height:30px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:13px}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--surface-2);color:var(--text);font-weight:600}.multiselect{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:text;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:4px 8px;display:flex;position:relative}.multiselect.is-open,.multiselect:focus-within{outline:2px solid color-mix(in srgb, var(--primary) 35%, transparent);border-color:var(--primary)}.multiselect input,.multiselect input:focus{width:auto;min-width:90px;height:28px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 4px}.chip{background:color-mix(in srgb, var(--primary) 12%, var(--surface));height:26px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:0 4px 0 10px;font-size:13px;font-weight:500;display:inline-flex}.chip-x{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:15px;line-height:1;display:grid}.chip-x:hover{background:color-mix(in srgb, var(--primary) 20%, var(--surface));color:var(--text)}.ms-list{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #141e3c24}.ms-option{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;display:flex}.ms-option.is-active{background:var(--surface-2)}.ms-option.is-selected .ms-name{font-weight:600}.ms-option.is-last-suggested{margin-bottom:5px;position:relative}.ms-option.is-last-suggested:after{content:"";border-bottom:1px solid var(--border);position:absolute;bottom:-3px;left:8px;right:8px}.ms-check{width:14px;color:var(--primary);font-weight:700}.ms-name{flex:1;min-width:0}.ms-code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.ms-empty{color:var(--muted);padding:8px}.codes{flex-wrap:wrap;gap:4px;display:inline-flex}.code-chip{background:var(--surface-2);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600}.code-chip.more{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand{color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:700;display:inline-flex}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:380px;padding:32px;box-shadow:0 12px 40px #141e3c14}.login-card h1{margin-top:24px}.login-card p.muted{margin:0 0 20px}.login-card .btn{height:40px;margin-top:4px}.admin{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:28px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-nav{gap:18px;display:flex}.topbar-nav a{color:var(--muted);font-weight:500}.topbar-nav a:hover{color:var(--text)}.topbar-user{align-items:center;gap:12px;margin-left:auto;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:28px 20px 60px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head p{margin:0}.empty{background:var(--surface);border:1px dashed var(--border);border-radius:12px;justify-items:center;gap:8px;padding:60px 20px;display:grid}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.table th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--surface-2);font-size:12px}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .actions{justify-content:flex-end;gap:6px;display:flex}.editor-page{min-width:0;min-height:0;height:calc(100vh - var(--topbar-h));flex-direction:column;flex:1;display:flex}.editor-meta{background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 20px;display:grid}.meta-row{align-items:flex-end;gap:14px;display:flex}.meta-row.wrap{flex-wrap:wrap;align-items:center;gap:10px 20px}.grow{flex:1;min-width:0}.slug-field{width:340px}.url-box{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.url{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:5px 8px;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 20px;display:flex}.workspace{isolation:isolate;flex:1;grid-template-columns:1fr;min-height:0;display:grid}.workspace.view-split{grid-template-columns:1fr 1fr}.workspace.with-assets{grid-template-columns:1fr 320px}.workspace.view-split.with-assets{grid-template-columns:1fr 1fr 320px}.pane{min-width:0;min-height:0;overflow:hidden}.code-pane{background:#282c34}.code-pane>div,.code-pane .cm-theme,.code-pane .cm-editor{height:100%}.code-pane .cm-editor{font-size:13.5px}.code-pane .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.editor-loading{color:#aab2c0;padding:20px}.preview-pane{background:repeating-conic-gradient(#eceef2 0 25%, #f5f6f8 0 50%) 0 0 / 20px 20px;border-left:1px solid var(--border);justify-content:center;display:flex}.preview-pane iframe{max-width:100%;height:100%;box-shadow:0 0 0 1px var(--border);background:#fff;border:0}.assets{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow:hidden}.assets-head{justify-content:space-between;align-items:center;display:flex}.dropzone{text-align:center;color:var(--muted);border:1.5px dashed var(--border);border-radius:var(--radius);padding:16px;font-size:12.5px}.dropzone.is-over{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, transparent);color:var(--primary)}.asset-list{gap:8px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.asset{border:1px solid var(--border);border-radius:var(--radius);gap:10px;padding:8px;display:flex}.asset-thumb{background:var(--surface-2);height:52px;color:var(--muted);border-radius:6px;flex:0 0 52px;place-items:center;font-size:11px;font-weight:700;display:grid;overflow:hidden}.asset-thumb img{object-fit:cover;width:100%;height:100%}.asset-info{gap:2px;min-width:0;display:grid}.asset-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.asset-actions{gap:4px;margin-top:4px;display:flex}@media (max-width:900px){.topbar{gap:14px;padding:0 12px}.topbar-user .muted{display:none}.meta-row{flex-wrap:wrap}.slug-field{width:100%}.meta-row>*{min-width:0}.meta-row>.grow{flex-basis:100%}.url-box{flex-wrap:wrap;width:100%}.url{flex:100%}.editor-meta,.editor-toolbar{padding-left:12px;padding-right:12px}.editor-page{height:auto}.workspace,.workspace.view-split,.workspace.with-assets,.workspace.view-split.with-assets{grid-template-columns:1fr;grid-auto-rows:minmax(420px,70vh)}.assets{border-left:0;border-top:1px solid var(--border)}.preview-pane{border-left:0}}