:root{--bg:#fff;--page-bg:#f4f5f7;--accent:#1a3762;--header-bg:var(--accent);--header-fg:#fff;--header-fg-muted:#ffffffbf;--header-border:#ffffff59;--header-hover-bg:#ffffff1f;--text:#16171d;--text-muted:#6b7280;--text-label:#3d4250;--border:#e3e5ea;--hover-bg:#f1f2f5;--section-bg:#f5f6f8;--section-hover-bg:#eceef2;--field-border:#d3d6dd;--accent-tint:#edf1f7;--accent-tint-hover:#e0e7f1;--accent-tint-border:#1a376238;--danger:#c62828;--danger-bg:#fdecec;--border-strong:#b5b5bd;--code-bg:#f2f2f2;--error:#b00020;--accent-hover:#daa94f;--accent-contrast:#f5f2f2;--focus-ring:#4f46e54d;--shadow-sm:0 1px 2px #1011160d;--shadow-md:0 1px 3px #1011160f, 0 8px 24px #1011160d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#c4c8d0;background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#9ca2ad}html,body,#root{height:100%}body{margin:0;overflow:hidden}#root{-webkit-font-smoothing:antialiased;color:var(--text);background:var(--page-bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}#appShell{flex-direction:column;height:100%;display:flex}#appHeader{background:var(--header-bg);border-bottom:1px solid var(--header-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 40px;display:flex}#brand{align-items:center;gap:9.6px;text-decoration:none;display:flex}#brandLogo{color:var(--header-fg);font-size:24px;font-weight:500;display:block}#headerUser{color:var(--header-fg-muted);align-items:center;gap:16px;font-size:14px;display:flex}#headerUser button{color:var(--header-fg);border:1px solid var(--header-border);background:0 0;margin-top:0;padding:4.4px 8.8px;font-size:12px}#headerUser button:hover{background:var(--header-hover-bg)}#siteLink{background:var(--header-fg);color:var(--accent);white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:4.4px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}#siteLink:hover{background:#ffffffe0}.site-link-short{display:none}#appMain{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex}#loggedIn{flex-direction:column;flex:1;min-height:0;display:flex}#loggedIn h1{margin:0 0 16px;font-size:17.6px;font-weight:600}#editorWrap{flex:1;min-height:0}#loginWrap{flex:1;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg);border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--shadow-md);border-radius:12px;padding:32px}.auth-card h1{margin:0;font-size:20px;font-weight:600}.auth-subtitle{color:var(--text-muted);margin:5.6px 0 24px;font-size:14px}.auth-card button{width:100%}label{color:var(--text-label);margin-top:16px;font-size:13px;font-weight:500;display:block}input,textarea{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--field-border);font:inherit;border-radius:8px;margin-top:6px;padding:10px 12px;font-size:15px;font-weight:400;line-height:1.5;transition:border-color .15s,box-shadow .15s}textarea{resize:none;display:block;overflow:hidden}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}input:disabled,input:read-only,textarea:disabled,textarea:read-only{opacity:.6;cursor:default}button{font:inherit;background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:1px solid #0000;border-radius:7px;margin-top:24px;padding:8.8px 17.6px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s,transform 50ms}button:hover{background:var(--accent-hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default;transform:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.file-picker-btn{background:var(--bg);width:auto;color:var(--text);border:1px solid var(--border);align-items:center;gap:6px;margin-top:0;padding:7px 12px;font-size:13.5px;font-weight:500;display:inline-flex}.file-picker-btn:hover{background:var(--hover-bg)}.image-input{align-items:center;gap:14px;margin-top:6px;display:flex}.image-input-preview{background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;overflow:hidden}.image-input-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-input-actions{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.image-input-note{color:var(--text-muted);font-size:13px;font-weight:400}.image-processing{background:#fff9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.icon-btn{justify-content:center;align-items:center;width:32px;height:32px;margin-top:0;padding:0;font-size:15.2px;line-height:1;display:inline-flex}.icon-btn-dark{color:var(--accent);background:#fff}.icon-btn-dark:hover{opacity:.8;background:#fff}#error{color:var(--error);border:1px solid var(--error);border-radius:8px;margin-top:16px;padding:9.6px 13.6px;font-size:14px}#saveStatus{color:var(--text-muted);font-size:14px}.save-bar{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.save-bar-info{flex-direction:column;gap:2px;min-width:0;display:flex}.save-bar-state{font-size:14px;font-weight:500}.save-bar-muted{color:var(--text-muted);font-size:13px}#meForm .help-note{color:var(--text-muted);text-align:center;margin:24px 0 0;font-size:14px}#meForm .help-note a{color:var(--accent);font-weight:600;text-decoration:none}#meForm .help-note a:hover{text-decoration:underline}.save-bar-action{flex-shrink:0;align-items:center;gap:12px;display:flex}.save-bar-action button{margin-top:0}code{word-break:break-all;background:var(--code-bg);border-radius:6px;margin-top:8px;padding:8px;font-size:12px;display:block}.form-column{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.scroll-shadow{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scroll-shadow:before,.scroll-shadow:after{content:"";z-index:2;pointer-events:none;opacity:0;height:32px;transition:opacity .2s;position:absolute;left:1px;right:1px}.scroll-shadow:before{background:linear-gradient(#10111621,#10111600);border-radius:11px 11px 0 0;top:1px}.scroll-shadow:after{background:linear-gradient(#10111600,#10111621);border-radius:0 0 11px 11px;bottom:1px}.scroll-shadow.has-top:before,.scroll-shadow.has-bottom:after{opacity:1}.scroll-shadow-flat:before,.scroll-shadow-flat:after{left:max(0px, calc((100% - var(--frame-width,100%)) / 2));right:max(0px, calc((100% - var(--frame-width,100%)) / 2));border-radius:0}#meForm{border:1px solid var(--border);background:var(--bg);min-height:0;box-shadow:var(--shadow-sm);border-radius:12px;flex:1;padding:28px;overflow-y:auto}#meBox fieldset{background:var(--section-bg);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);border-radius:12px;margin:12px 0 0;padding:0}#meBox>fieldset:first-child{margin-top:0}#meBox legend{float:left;width:100%;padding:0}#meBox .fieldset-toggle{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;margin-top:0;padding:14px 16px;font-size:15px;font-weight:600;display:flex}#meBox .fieldset-toggle:hover{background:var(--section-hover-bg)}#meBox .fieldset-chevron{color:var(--text-muted);flex-shrink:0;font-size:20px;transition:transform .2s}#meBox fieldset.is-open>legend .fieldset-chevron{transform:rotate(90deg)}#meBox .fieldset-meta{background:var(--section-hover-bg);color:var(--text-muted);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:500}#meBox .fieldset-body{clear:both;padding:0 16px 16px}#meBox .fieldset-body>label:first-child{margin-top:0}#meBox .item-group{border-top:1px dashed var(--border-strong);margin-top:12px;padding-top:12px}#meBox .item-group:first-child{border-top:none;margin-top:0;padding-top:0}#meBox .item-group button{padding:5.6px 12px;font-size:12.8px}#meBox .field-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6.4px;font-size:12px;font-weight:600}#meBox .elem-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:0;margin-top:10px;padding:12px;display:flex}#meBox .elem-card:first-child{margin-top:0}#meBox .elem-card.is-editing{background:var(--section-bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}#meBox .elem-card label{margin-top:12px}#meBox .elem-card label:first-child{margin-top:0}#meBox .elem-card-view{align-items:center;gap:14px;min-width:0;display:flex}#meBox .elem-card-thumb-wrap{flex-shrink:0;position:relative}#meBox .elem-card-thumb{object-fit:cover;background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;width:56px;height:56px;display:block}#meBox .elem-card-thumb-more{background:var(--text);color:#fff;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600;position:absolute;bottom:-6px;right:-6px}#meBox .elem-card-summary{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#meBox .elem-card-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:15px;font-weight:600;overflow:hidden}#meBox .elem-card-summary-line{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:13.5px;overflow:hidden}#meBox .elem-card-empty{color:var(--text-muted);font-style:italic}#meBox .elem-card-actions{border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:12px;padding-top:10px;display:flex}#meBox .elem-card-move{gap:2px;margin-right:auto;display:flex}#meBox .icon-btn-ghost{background:var(--bg);width:32px;height:32px;color:var(--text-label);border:1px solid var(--field-border);font-size:18px}#meBox .icon-btn-ghost:hover:not(:disabled){background:var(--hover-bg);color:var(--text)}#meBox .icon-btn-ghost:disabled{opacity:.25}#meBox .btn-secondary,#meBox .add-btn{background:var(--bg);color:var(--text);border:1px solid var(--field-border);justify-content:center;align-items:center;gap:6px;margin-top:0;padding:7px 12px;font-size:13.5px;font-weight:500;display:inline-flex}#meBox .btn-secondary:hover,#meBox .add-btn:hover{background:var(--hover-bg)}#meBox .btn-accent{background:var(--accent-tint);color:var(--accent);border-color:var(--accent-tint-border);font-weight:600}#meBox .btn-accent:hover{background:var(--accent-tint-hover)}#meBox .btn-danger{color:var(--text-label)}#meBox .btn-danger:hover{background:var(--danger-bg);color:var(--danger);border-color:#c628284d}#meBox .elem-card-confirm{background:var(--danger-bg);border:1px solid #c6282840;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:12px;padding:12px;display:flex}#meBox .elem-card-confirm p{color:var(--text);flex:220px;margin:0;font-size:14px;line-height:1.45}#meBox .elem-card-confirm-actions{gap:8px;margin-left:auto;display:flex}#meBox .btn-danger-solid{background:var(--danger);color:#fff;border:1px solid var(--danger);align-items:center;gap:6px;margin-top:0;padding:7px 12px;font-size:13.5px;font-weight:600;display:inline-flex}#meBox .btn-danger-solid:hover{background:#a91f1f;border-color:#a91f1f}#meBox .add-btn{width:100%;color:var(--accent);border-style:dashed;border-color:var(--border-strong);margin-top:10px;padding:11px 12px;font-weight:600}.editor-topbar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 16px;display:flex}.editor-topbar-end{align-items:center;gap:8px;margin-left:auto;display:flex}.page-selector{align-items:center;gap:10px;min-width:0;display:flex}#meBox .page-empty-note{background:var(--accent-tint);border:1px solid var(--accent-tint-border);color:var(--text-label);border-radius:12px;margin:0 0 12px;padding:14px 16px;font-size:14px}#livePreviewWrap{background:var(--bg);border:1px solid var(--border);height:100%;box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;padding:14px;display:flex}.preview-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:12px 24px;padding-bottom:14px;display:flex}.preview-group{align-items:center;gap:10px;min-width:0;display:flex}.preview-group-label{color:var(--text-muted);font-size:12px;font-weight:500}.seg-group{flex-wrap:wrap;gap:6px;display:inline-flex}.seg-btn{background:var(--bg);color:var(--text-label);border:1px solid var(--field-border);border-radius:8px;align-items:center;gap:6px;margin-top:0;padding:6px 12px;font-size:13.5px;font-weight:500;display:inline-flex}.seg-btn:hover{background:var(--hover-bg);color:var(--text)}.seg-btn.is-active,.seg-btn.is-active:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.preview-pages-menu{position:relative}.preview-pages-chevron{transform:rotate(90deg)}.preview-pages-popover{z-index:10;background:var(--bg);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow-md);border-radius:10px;flex-direction:column;gap:2px;margin-top:6px;padding:4px;display:flex;position:absolute;top:100%;left:0}.preview-pages-popover .seg-btn{border-color:#0000;justify-content:flex-start}.preview-scroll{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:hidden auto}.preview-frame{box-shadow:0 0 0 1px var(--border), var(--shadow-md);border-radius:0 0 10px 10px;flex-shrink:0;overflow:hidden}.preview-browserbar{background:var(--hover-bg);max-width:100%;height:34px;box-shadow:0 0 0 1px var(--border);z-index:1;border-radius:10px 10px 0 0;flex-shrink:0;align-self:center;align-items:center;gap:12px;padding:0 12px;display:flex;position:relative}.preview-dots{gap:6px;display:flex}.preview-dots i{background:#d5d8de;border-radius:50%;width:9px;height:9px}.preview-url{white-space:nowrap;text-overflow:ellipsis;background:var(--bg);max-width:420px;color:var(--text-muted);text-align:center;border-radius:999px;flex:1;margin:0 auto;padding:3px 12px;font-size:12px;overflow:hidden}@media (width<=767px){#loggedInAs,#brandLogo{display:none}#headerUser{gap:8px}.site-link-long{display:none}.site-link-short{display:inline}#appHeader{padding-left:8px;padding-right:8px}#appMain{padding:2px}#meForm{border-radius:0;padding:8px}.form-column{gap:8px}.save-bar{border-radius:0;padding:10px 12px}#livePreviewWrap{border-radius:0;padding:8px}.editor-topbar{padding:4px 6px 0}}