.ghuaban{--ghb-w:1040px}.ghuaban-privacy,.ghuaban-tip{text-align:left;width:-moz-fit-content;width:fit-content;max-width:min(100%,680px);color:var(--text-2);margin:0 auto 8px;font-size:13px;line-height:1.6}.ghuaban-tip{color:var(--text-3);margin-top:4px;font-size:12.5px}.ghuaban-tip[hidden]{display:none}.ghuaban-work{max-width:var(--ghb-w);margin:0 auto}.ghuaban-tools{gap:4px;margin-bottom:6px}.ghuaban-tools .g-btn{min-height:34px;padding:0 10px;font-size:13.5px}.ghuaban-opts{flex-direction:column;align-items:center;gap:6px;margin:0 auto 6px;display:flex}.ghuaban-palette,.ghuaban-recent{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.ghuaban-recent[hidden]{display:none}.ghuaban-sw{cursor:pointer;background:var(--ghb-c,#000);border:1px solid #00000040;border-radius:6px;width:24px;height:24px;padding:0}.ghuaban-sw.is-on{outline:2px solid var(--brand);outline-offset:2px}.ghuaban-sw-sm{border-radius:50%;width:20px;height:20px}.ghuaban-pick{border:1px solid var(--line);background:var(--bg-card);cursor:pointer;border-radius:6px;width:36px;height:28px;padding:1px}.ghuaban-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;display:flex}.ghuaban-row[hidden],.ghuaban-row>[hidden]{display:none}.ghuaban-grp{white-space:nowrap;align-items:center;gap:6px 10px;display:inline-flex}.ghuaban-inline{align-items:center;gap:6px;display:inline-flex}.ghuaban-lab{color:var(--text-2);font-size:13.5px}.ghuaban-range{width:min(160px,34vw);accent-color:var(--brand)}.ghuaban-val{text-align:center;min-width:2.8em;color:var(--brand-dark);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.ghuaban-mini{min-height:32px;font-size:13px}.ghuaban-text{resize:vertical;width:min(320px,80vw);min-height:34px;font:inherit;border:1px solid var(--line);background:var(--bg-card);color:var(--text);border-radius:8px;padding:6px 8px;font-size:14px;line-height:1.4}.ghuaban-edit{gap:4px 6px;margin-bottom:6px}.ghuaban-edit .g-btn{min-height:34px;padding:0 10px;font-size:13.5px}.ghuaban-edit .g-btn:disabled{opacity:.45}.ghuaban-edit .g-btn.is-warn{background:var(--cta);border-color:var(--cta);color:#fff}.ghuaban-edit [hidden]{display:none}.ghuaban-zoom{text-align:center;min-width:3.4em;color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px}.ghuaban-stage{border:1px solid var(--line);background:#e7e1d6;border-radius:12px;width:100%;height:max(300px,min(62vh,680px));position:relative;overflow:hidden}.ghuaban-cv{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.ghuaban-cv[data-tool=select]{cursor:move}.ghuaban-cv[data-tool=text]{cursor:text}.ghuaban-cv.is-pan{cursor:grab}.ghuaban-file{margin-top:8px}.ghuaban-file .g-select{max-width:100%}.ghuaban-status{margin-top:4px}.ghuaban-fs{z-index:9999;background:var(--bg);flex-direction:column;padding:6px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ghuaban-fs .ghuaban-work{flex-direction:column;width:100%;max-width:none;height:100%;display:flex}.ghuaban-fs .ghuaban-stage{flex:auto;height:auto;min-height:0}@media (max-width:720px){.ghuaban-tools .g-btn,.ghuaban-edit .g-btn{min-height:32px;padding:0 8px;font-size:13px}.ghuaban-sw{width:22px;height:22px}.ghuaban-range{width:min(140px,30vw)}.ghuaban-stage{height:max(280px,min(58vh,560px))}.ghuaban-fs{padding:4px}.ghuaban-fs .ghuaban-opts{gap:4px}}@media (max-height:480px) and (orientation:landscape){.ghuaban-fs .ghuaban-opts .ghuaban-recent{display:none}.ghuaban-fs .ghuaban-tools .g-btn,.ghuaban-fs .ghuaban-edit .g-btn{min-height:28px;font-size:12px}}