#visual-designer{--vd-accent:#bf592f;--vd-ink:#202a25;--vd-line:#d9ddd7;margin:25px 0 36px;border:1px solid var(--vd-line);background:#f7f8f5;border-radius:12px;overflow:hidden}.vd-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 24px;background:#202a25;color:#fff}.vd-kicker{font:10px/1.5 monospace;letter-spacing:2px;color:#dfcbb9}.vd-bar h3{margin:4px 0 0;font-size:21px;font-weight:500}#vd-status{font-size:12px;max-width:40%;color:#e1e6df}.vd-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:16px;background:#fff;border-bottom:1px solid var(--vd-line)}.vd-toolbar label{margin:0;font-size:11px;display:flex;flex-direction:column;gap:5px}.vd-toolbar input,.vd-toolbar select{margin:0;padding:7px;min-height:34px;font-size:12px}.vd-toolbar input{width:68px}.vd-toolbar button{padding:8px;font-size:12px;min-height:34px}.vd-scope-label{max-width:180px}.vd-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:680px}.vd-stage{position:relative;overflow:auto;max-height:920px;min-height:680px;padding:24px 16px 60px;background-color:#e5e8e2;background-image:radial-gradient(#cbd2c9 .8px,transparent .8px);background-size:12px 12px;isolation:isolate}#vd-shell{position:relative;margin:0 auto;background:white;box-shadow:0 6px 32px #1c29221f}#vd-frame{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#faf9f5;max-width:none}.vd-loading{position:absolute;left:24px;top:24px;font-size:13px}.vd-inspector{background:#fff;border-left:1px solid var(--vd-line);padding:16px;max-height:920px;overflow:auto;min-width:0}.vd-inspector label{font-size:11px;margin:10px 0;display:block}.vd-inspector input,.vd-inspector select,.vd-inspector textarea{padding:8px;font-size:12px;margin-top:5px;min-width:0;width:100%;box-sizing:border-box}.vd-inspector textarea{resize:vertical}.vd-inspector details{border-top:1px solid var(--vd-line);padding:12px 0}.vd-inspector summary{font-size:13px;font-weight:600;cursor:pointer}.vd-inspector .subtle{font-size:11px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}.vd-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.vd-inspector button{font-size:11px;padding:7px}.vd-inspector .field-pair{display:block}.vd-inspector .translate-tools{font-size:10px;gap:4px}.vd-inspector-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px}.vd-help{padding:12px 20px;margin:0}.vd-font-library{background:#fff;border-top:1px solid var(--vd-line);padding:18px 20px}.vd-font-library summary,.designer-legacy>summary{cursor:pointer;font-weight:600}.vd-font-library .toolbar{margin:12px 0}.vd-font-row{display:grid;grid-template-columns:minmax(100px,1fr) 140px minmax(180px,2fr) auto;gap:16px;align-items:center;border-top:1px solid var(--vd-line);padding:10px 0}.vd-font-row label{font-size:11px;margin:0}.vd-font-row input,.vd-font-row select{font-size:12px;margin-top:4px;padding:8px}.vd-font-sample{font-size:21px;overflow-wrap:anywhere}.vd-font-row button{font-size:11px}.designer-legacy{padding:20px;border:1px solid #d9ddd7;border-radius:8px}.designer-legacy>summary{font-size:14px}.vd-font-library .file-button input{display:none}#vd-selected{font-size:11px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}#vd-css{font:11px/1.7 monospace}#vd-font-status{font-size:12px}@media(min-width:1500px){body:has([data-panel=layout]:not([hidden])) .admin-main{max-width:none}}@media(max-width:1100px){.vd-workspace{grid-template-columns:minmax(0,1fr) 260px}.vd-inspector{padding:12px}}@media(max-width:800px){.vd-workspace{grid-template-columns:1fr}.vd-stage{min-height:500px;max-height:700px}.vd-inspector{border-left:0;border-top:1px solid var(--vd-line);max-height:none}.vd-font-row{grid-template-columns:1fr 1fr}.vd-font-sample{grid-column:1/-1;margin:0}.vd-bar{align-items:flex-start}.vd-toolbar{gap:8px}.vd-bar h3{font-size:18px}.vd-inspector .field-pair{display:grid}.vd-inspector .vd-fields{grid-template-columns:1fr 1fr}}