.visual-head{align-items:flex-start}.visual-studio-layout{display:grid;grid-template-columns:290px minmax(390px,1fr) 390px;gap:14px;min-height:calc(100vh - 205px)}.template-library,.visual-pages-panel,.visual-inspector{overflow:hidden}.template-filter{display:flex;gap:5px;padding:0 14px 10px}.template-filter button{padding:6px 10px;border:1px solid #dce4ec;border-radius:20px;background:#fff;color:#718096;font-size:10px}.template-filter button.active{border-color:#1478c8;background:#eaf5ff;color:#1478c8}.template-card{position:relative;margin:0 12px 10px;padding:10px;border:1px solid #e0e6ed;border-radius:9px;background:#fff;cursor:pointer;transition:.15s}.template-card:hover,.template-card.active{border-color:#3294df;box-shadow:0 8px 22px #167fc51c}.template-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;padding:10%;color:var(--text);background:radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 34%),var(--bg)}.template-thumb:after{position:absolute;left:10%;bottom:15%;width:42%;height:4px;background:var(--accent);content:""}.template-thumb b{display:block;max-width:78%;font-size:13px;line-height:1.25}.template-card footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.template-card footer b{font-size:11px}.template-card footer small{color:#8793a3;font-size:9px}.visual-pages-panel .panel-head select{padding:7px;border:1px solid #d7e0e9;border-radius:6px;background:#fff;font-size:10px}.visual-page-list{height:calc(100vh - 300px);overflow:auto;padding:0 12px 16px}.visual-page-row{display:grid;grid-template-columns:118px 1fr auto;gap:12px;align-items:center;margin-bottom:9px;padding:9px;border:1px solid #e1e7ed;border-radius:9px;background:#fff;cursor:pointer}.visual-page-row:hover,.visual-page-row.active{border-color:#2489d4;background:#f4faff}.visual-page-mini{aspect-ratio:16/9;overflow:hidden;border-radius:5px;padding:10px;color:var(--text);background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 36%),var(--bg);font-size:6px}.visual-page-mini b{display:block;margin-top:8%;font-size:9px;line-height:1.25}.visual-page-row h3{margin:0 0 5px;font-size:12px;line-height:1.35}.visual-page-row p{margin:0;color:#7d8998;font-size:9px}.visual-page-state{min-width:50px;padding:5px 7px;border-radius:12px;background:#fff1da;color:#a8670b;font-size:9px;text-align:center}.visual-page-state.approved{background:#def6eb;color:#10835b}.visual-inspector{display:flex;flex-direction:column}.visual-live-preview{--bg:#07182d;--accent:#1685f8;--text:#fff;position:relative;margin:0 14px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;padding:8%;color:var(--text);background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 38%),var(--bg);font-family:"Microsoft YaHei",sans-serif}.visual-live-preview:before{position:absolute;left:8%;top:33%;width:5px;height:30%;background:var(--accent);content:""}.visual-live-preview>div{position:relative;padding-left:16px}.visual-live-preview small{font-size:9px;opacity:.65}.visual-live-preview h3{max-width:82%;margin:12% 0 5%;font-size:24px;line-height:1.2}.visual-live-preview p{margin:0 0 5px;font-size:9px;opacity:.75}.visual-live-preview b{font-size:16px;color:var(--accent)}.visual-live-preview em{display:block;margin-top:8px;max-width:78%;font-size:8px;line-height:1.5;opacity:.7}.visual-live-preview.photo-split:after{position:absolute;right:8%;top:18%;width:24%;height:64%;border:2px solid var(--accent);background:#ffffff12;content:"照片";display:grid;place-items:center;font-size:9px}.visual-live-preview.photo-split>div{width:62%}.visual-live-preview.center-ceremony{display:grid;place-items:center;text-align:center}.visual-live-preview.center-ceremony:before{left:30%;top:auto;bottom:19%;width:40%;height:3px}.visual-live-preview.center-ceremony>div{padding:0}.visual-live-preview.center-ceremony h3{max-width:100%}.visual-live-preview.wide-center h3{max-width:100%;text-align:center}.visual-warning-list{min-height:20px;margin:9px 14px 0;color:#b06b0d;font-size:9px}.visual-warning-list span{display:block;margin-bottom:3px}.visual-edit-form{padding:0 14px;overflow:auto}.visual-edit-form label,.visual-template-dialog label{display:block;margin:9px 0 0;color:#68778a;font-size:10px}.visual-edit-form input,.visual-edit-form select,.visual-edit-form textarea,.visual-template-dialog input,.visual-template-dialog select{box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #d4dde6;border-radius:6px;background:#fff;font:inherit}.visual-two,.visual-three{display:grid;grid-template-columns:1fr 1fr;gap:9px}.visual-three{grid-template-columns:repeat(3,1fr)}.visual-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding:12px 14px;border-top:1px solid #e3e8ee}.visual-template-dialog,.visual-rules-dialog{width:min(720px,94vw);padding:0;border:0;border-radius:12px;box-shadow:0 28px 80px #07111f66}.visual-template-dialog::backdrop,.visual-rules-dialog::backdrop{background:#07111fb8}.visual-template-dialog form,.visual-rules-dialog form{background:#f4f7fa}.visual-template-dialog header,.visual-template-dialog footer,.visual-rules-dialog header,.visual-rules-dialog footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #dce3eb}.visual-template-dialog footer,.visual-rules-dialog footer{border-top:1px solid #dce3eb;border-bottom:0}.visual-template-dialog h2,.visual-rules-dialog h2{margin:0 0 4px}.visual-template-dialog header p,.visual-rules-dialog header p{margin:0;color:#7b899c;font-size:10px}.visual-template-dialog section,.visual-rules-dialog section{padding:18px 20px}.template-dialog-preview{--bg:#07182d;--accent:#1685f8;--text:#fff;box-sizing:border-box;width:100%;margin-top:16px;aspect-ratio:16/9;padding:9%;border-radius:8px;color:var(--text);background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 38%),var(--bg)}.template-dialog-preview h3{margin:12% 0 5%;font-size:24px}.template-dialog-preview p{font-size:11px;opacity:.7}.template-dialog-preview b{font-size:18px;color:var(--accent)}.visual-rule-row{display:grid;grid-template-columns:120px 1fr 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #e0e6ed;font-size:11px}.visual-rule-row select{padding:7px;border:1px solid #d4dde6;border-radius:6px;background:#fff}.visual-rule-row label{white-space:nowrap}.visual-rule-row input{width:auto}.visual-empty{padding:50px 20px;text-align:center;color:#8793a2;font-size:11px}
@media(max-width:1350px){.visual-studio-layout{grid-template-columns:250px 1fr 340px}.visual-page-row{grid-template-columns:95px 1fr auto}}@media(max-width:1050px){.visual-studio-layout{grid-template-columns:1fr}.visual-page-list{height:auto;max-height:520px}.visual-inspector{min-height:700px}}
.visual-inspector-actions{grid-template-columns:1fr 1fr 1fr}.visual-template-dialog{width:min(1380px,97vw)}.visual-template-dialog .visual-builder-shell{padding:14px 16px}.builder-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:12px}.builder-meta label{margin-top:0}.builder-workspace{display:grid;grid-template-columns:130px minmax(600px,1fr) 230px;gap:12px;align-items:start}.builder-palette,.builder-properties{height:100%;box-sizing:border-box;padding:12px;border:1px solid #dce4ec;border-radius:8px;background:#fff}.builder-palette b,.builder-properties>b{display:block;margin-bottom:10px;font-size:11px}.builder-palette button{width:100%;margin-bottom:6px;padding:8px;border:1px solid #d9e3ed;border-radius:6px;background:#f7fafc;color:#40566d;font-size:10px;text-align:left}.builder-palette button:hover{border-color:#1685f8;color:#1685f8}.builder-stage-wrap{position:relative;padding:18px;border-radius:8px;background:#202832}.builder-safe-note{position:absolute;right:20px;top:3px;color:#91a0b2;font-size:8px}.template-builder-canvas{--bg:#07182d;--accent:#1685f8;--text:#fff;position:relative;aspect-ratio:16/9;overflow:hidden;color:var(--text);background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 38%),var(--bg);font-family:"Microsoft YaHei",sans-serif}.template-builder-canvas:after{position:absolute;inset:5%;z-index:100;border:1px dashed #ffffff35;pointer-events:none;content:""}.builder-component{position:absolute;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;border:1px solid transparent;line-height:1.2;white-space:pre-wrap;cursor:move;user-select:none}.builder-component:hover{border-color:#ffffff66}.builder-component.active{border:2px solid #ffd166;box-shadow:0 0 0 1px #0008}.builder-component.photo{justify-content:center;border:1px dashed currentColor;background:#ffffff0d}.builder-properties label{display:block;margin-top:8px;color:#68778a;font-size:9px}.builder-properties input,.builder-properties select{box-sizing:border-box;width:100%;margin-top:4px;padding:6px;border:1px solid #d4dde6;border-radius:5px;background:#fff;font-size:10px}.builder-properties .danger{width:100%;margin-top:12px}.visual-live-preview.modular{display:block;padding:0}.visual-live-preview.modular:before{display:none}.visual-preview-component{position:absolute;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;line-height:1.2;white-space:pre-wrap}.visual-preview-component.photo{justify-content:center;border:1px dashed currentColor;background:#ffffff0d}@media(max-width:1200px){.builder-workspace{grid-template-columns:110px minmax(480px,1fr) 200px}}