:root{color-scheme:light;--ink:#173a46;--muted:#5e747b;--line:#d5e1e3;--blue:#086c88;--pale:#edf5f6;--paper:#fff}*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#f6f9f9;font-size:14px;line-height:1.7}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{min-height:42px;border:1px solid #bdced3;border-radius:7px;background:white;color:var(--ink);padding:8px 13px;cursor:pointer}button:hover{background:#e8f3f5}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{background:#07566e}a{color:var(--blue)}:focus-visible{outline:3px solid #e0912c;outline-offset:3px}[hidden]{display:none!important}.brand{font:bold 49px Georgia,serif;line-height:1;text-decoration:none;color:var(--ink)}input,textarea{display:block;width:100%;border:1px solid #b6c9ce;border-radius:6px;padding:10px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:88px;line-height:1.65}label{display:block;font-weight:600;margin-bottom:7px}.muted,small{color:var(--muted);font-size:12px}.login{min-height:100svh;display:grid;grid-template-columns:1fr 400px;gap:9vw;align-items:center;max-width:1100px;margin:auto;padding:60px}.login-intro h1{font-size:clamp(30px,4vw,52px);line-height:1.5;margin:28px 0}.login-intro p{color:var(--muted);font-size:17px}.login form{padding:36px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 40px #123f4810}.login form label{margin-top:16px}.login form button{width:100%;margin-top:12px}#login-error{color:#a12b2b;min-height:24px}h2{font-size:17px;margin:0 0 18px}header{display:flex;align-items:center;gap:20px;padding:16px 25px;border-bottom:1px solid var(--line);background:#fff}header small{display:block}.actions{margin-left:auto;display:flex;gap:8px;align-items:center}#dirty-state{font-size:12px;color:var(--muted);margin-right:6px}#status{min-height:40px;padding:8px 25px;background:#e9f3f5;color:#25576a;border-bottom:1px solid var(--line)}#status.error{background:#fff0ed;color:#9d3226}.layout{display:grid;grid-template-columns:190px minmax(300px,390px) minmax(350px,1fr);min-height:calc(100svh - 123px)}aside{padding:24px 16px;border-right:1px solid var(--line)}aside p{font-size:12px;color:var(--muted);margin:24px 0}aside button,aside a{display:block;width:100%;margin-bottom:8px;text-align:left}#pages button[aria-current]{background:#d7edf0;border-color:#8ab5bf;font-weight:700}.editor{background:#fff;border-right:1px solid var(--line);min-width:0}.editor-top{padding:23px 22px 18px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:6px;margin:12px 0 18px}.tabs button{flex:1;padding:6px}.tabs [aria-pressed=true],.preview-toolbar [aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}#fields{padding:20px 22px;max-height:calc(100svh - 365px);overflow:auto}.field{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}.field label{font-size:13px;overflow-wrap:anywhere}.field:focus-within{border-bottom-color:var(--blue)}.field small{display:block;margin-top:7px}.field img{max-width:100%;max-height:180px;object-fit:contain;background:var(--pale);display:block;margin:10px 0}.field input[type=file]{font-size:12px;padding:7px}.field .reset{font-size:12px;min-height:32px;margin-top:8px}.order-row{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.order-row span{flex:1}.order-row button{padding:6px 9px}.preview-pane{padding:22px;min-width:0;background:#e9eff0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center}.preview-toolbar button{min-height:34px;padding:5px 10px}.preview-pane p{color:var(--muted);font-size:12px;margin:10px 0 16px}.frame-wrap{position:relative;min-height:540px;height:calc(100svh - 235px);display:flex;justify-content:center;background:#d4e0e3;border:1px solid #bdced3;border-radius:9px;overflow:auto}iframe{width:100%;height:100%;border:0;background:#fff;flex:none}iframe.mobile{width:390px;max-width:100%}#preview-empty{position:absolute;top:40%;pointer-events:none}#download{padding:10px;border:1px solid #8ab5bf;border-radius:7px;background:#d7edf0}@media(max-width:1100px){.layout{grid-template-columns:155px minmax(280px,1fr) minmax(320px,1fr)}.actions{flex-wrap:wrap;justify-content:end}header{padding:14px}header strong{white-space:nowrap}.preview-pane{padding:14px}}@media(max-width:800px){.login{grid-template-columns:1fr;padding:30px;gap:20px}.login-intro h1{font-size:30px;margin:14px 0}.login-intro p{font-size:14px}.login form{padding:25px}header{flex-wrap:wrap;gap:12px}.actions{width:100%;justify-content:start;gap:6px}.actions button{font-size:12px;padding:7px 9px}#dirty-state{width:100%}.layout{display:flex;flex-direction:column}aside{border-right:0;padding:15px}aside h2,aside p{display:none}#pages{display:flex;gap:6px}#pages button{font-size:12px;padding:7px}aside>button{width:auto;font-size:12px}.editor{border:0}.editor-top{padding:18px}#fields{max-height:440px;padding:18px}.preview-pane{padding:18px}.frame-wrap{height:650px;min-height:0}.tabs button{min-height:44px}}