:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(18px,env(safe-area-inset-left)) 12px max(18px,env(safe-area-inset-right));background:#fffffff0;border-bottom:1px solid #e7ebf3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{color:#0f172a;font-weight:800;text-decoration:none}.topbar nav{display:flex;gap:8px}.topbar nav a{padding:7px 10px;color:#4b5874;text-decoration:none;border-radius:6px}.topbar nav a.router-link-active{color:#0f172a;background:#edf2f7}main{padding:22px 16px 48px}.form-page{max-width:720px;margin:0 auto}.form-cover{display:block;width:100%;max-height:280px;margin-bottom:14px;object-fit:cover;border-radius:8px}.form-title{margin:0 0 16px;color:#101828;line-height:1.25;letter-spacing:0}.form-description{margin:-6px 0 16px;color:#667085;font-size:14px;line-height:1.6;white-space:pre-wrap}.form-footer{margin-top:18px;color:#98a2b8;font-size:12px;text-align:center}.intro-band,.admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:24px;color:#fff;background:linear-gradient(135deg,#1f7a8c,#245c4f);border-radius:8px;box-shadow:0 18px 40px #1f7a8c33}.intro-band h1,.admin-hero h1{margin:4px 0 8px;font-size:clamp(26px,7vw,42px);line-height:1.08;letter-spacing:0}.intro-band p,.admin-hero p,.eyebrow{margin:0}.eyebrow{font-size:13px;font-weight:800;letter-spacing:0;opacity:.82}.draft-state{flex:0 0 auto;padding:9px 12px;color:#eafffb;font-size:13px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);border-radius:6px}.mobile-form{display:grid;gap:14px;margin-top:16px}.history-strip,.panel{padding:18px;background:#fff;border:1px solid #e7ebf3;border-radius:8px;box-shadow:0 12px 28px #0f172a0f}.history-strip{display:flex;align-items:center;justify-content:space-between;gap:14px}.history-strip p,.hint{margin:6px 0 0;color:#6b758c;font-size:13px;line-height:1.5}.field-card{padding:18px;background:#fff;border:1px solid #e7ebf3;border-radius:8px}.sensitive-reuse-card{display:grid;gap:10px}.sensitive-reuse-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:11px 12px;color:#172033;background:#f7faf9;border:1px solid #d8e8e5;border-radius:6px}.sensitive-reuse-preview span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:800}.sensitive-reuse-preview b{color:#1f7a55;font-size:13px}.sensitive-reuse-actions{display:flex;justify-content:flex-start}.sensitive-reuse-option{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:-6px;padding:10px 12px;color:#4b5874;background:#f8fafc;border:1px dashed #cfd7e6;border-radius:8px;font-size:13px}.field-label{display:flex;gap:4px;margin-bottom:10px;color:#1f2937;font-weight:800}.field-label b{color:#e11d48}.field-description{margin:-2px 0 10px;white-space:pre-wrap}.layout-field-card{padding:12px 4px;background:transparent;border-color:transparent}.layout-text{color:#4b5874;line-height:1.7;white-space:pre-wrap}.layout-group-title{display:grid;gap:6px;padding-top:8px}.layout-group-title h2{margin:0;color:#101828;font-size:19px;line-height:1.35}.layout-group-title p{margin:0;color:#6b758c;font-size:13px;line-height:1.6;white-space:pre-wrap}.layout-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#7a859b;font-size:12px;font-weight:800}.layout-divider span{border-top:1px solid #d7deea}.layout-image{margin:0}.layout-image img{width:100%;max-height:260px;object-fit:cover;border-radius:8px}.layout-image figcaption{margin-top:7px;color:#6b758c;font-size:13px;text-align:center}.control{width:100%;min-height:44px;padding:10px 12px;color:#172033;background:#fff;border:1px solid #cfd7e6;border-radius:6px;outline:none}.control:focus{border-color:#1f7a8c;box-shadow:0 0 0 3px #1f7a8c24}.textarea{min-height:110px;resize:vertical}.small-textarea{min-height:92px}.option-list{display:grid;gap:10px}.option-list.horizontal{display:flex;flex-wrap:wrap}.option-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;background:#f8fafc;border:1px solid #e4e9f2;border-radius:6px}.option-list.horizontal .option-item{flex:1 1 132px}.option-limit-hint{margin-top:8px}.select-field{display:grid;gap:8px}.select-search{min-height:38px}.number-input-wrap{display:flex;align-items:center;gap:8px}.number-input-wrap .control{flex:1}.number-affix{flex:0 0 auto;color:#4b5874;font-weight:800}.rating-field{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rating-field button:not(.ghost){width:36px;height:36px;color:#b8c2d3;background:#f2f5f9;border-radius:6px;font-size:18px;line-height:1}.rating-field button.active{color:#b45309;background:#fff7d6}.upload-box{position:relative;padding:18px;text-align:center;background:#f8fafc;border:1px dashed #a8b3c7;border-radius:8px}.upload-input{width:100%;min-height:52px}.file-list{display:grid;gap:8px;margin-top:12px}.file-chip{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;background:#fff;border:1px solid #e7ebf3;border-radius:6px}.file-chip img{width:44px;height:44px;object-fit:cover;border-radius:6px}.file-chip span{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:grid;place-items:center;width:28px;height:28px;color:#6b758c;background:#eef2f7;border-radius:50%}.signature-pad{display:grid;gap:10px}.signature-canvas-wrap{position:relative;min-height:180px;overflow:hidden;background:#fff;border:1px dashed #9aa8bd;border-radius:8px;touch-action:none}.signature-canvas{display:block;width:100%;height:180px;touch-action:none}.signature-placeholder{position:absolute;top:50%;left:50%;color:#98a2b8;pointer-events:none;transform:translate(-50%,-50%)}.signature-actions{display:flex;justify-content:flex-end;gap:8px}.signature-saved{display:grid;justify-items:center;gap:10px;min-height:118px;padding:10px;background:#fff;border:1px solid #e7ebf3;border-radius:8px}.signature-preview{max-width:220px;max-height:92px;padding:8px;background:#fff;border:1px solid #e7ebf3;border-radius:6px}.signature-confirm{display:grid;gap:10px;padding:10px 12px;color:#6b3f00;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.signature-confirm p{margin:0;font-size:13px;line-height:1.5}.signature-confirm div{display:flex;justify-content:flex-end;gap:8px}.signature-locked{display:grid;place-items:center;min-height:150px;color:#6b758c;background:#f8fafc;border:1px dashed #a8b3c7;border-radius:8px}.error-panel p{margin:8px 0 0;color:#6b758c}.primary,.ghost,.danger,.submit-button{min-height:40px;padding:0 14px;border-radius:6px;font-weight:800}.primary,.submit-button{color:#fff;background:#1f7a8c}.ghost{color:#1f4f5f;background:#edf6f8}.danger{color:#be123c;background:#fff1f2}.small{min-height:32px;padding:0 10px;font-size:13px}.submit-button{width:100%;min-height:52px;font-size:17px}.error-text{margin:8px 0 0;color:#e11d48;font-size:13px}.error-box{padding:12px;color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px}.error-box p{margin:4px 0}.privacy-notice-card{padding:14px;color:#334155;background:#f8fafc;border:1px solid #d8e2ea;border-radius:8px}.privacy-notice-card strong{display:block;margin-bottom:8px;color:#1f2937;font-size:15px}.privacy-notice-card p{margin:0;color:#64748b;font-size:13px;line-height:1.7;white-space:pre-wrap}.privacy-consent-line{display:flex;align-items:flex-start;gap:8px;margin-top:12px;color:#1f2937;font-size:13px;line-height:1.6}.privacy-consent-line input{width:16px;height:16px;margin-top:3px;flex:0 0 auto}.step-progress{display:grid;gap:8px;padding:10px 12px;color:#4b5874;background:#f8fafc;border:1px solid #e7ebf3;border-radius:8px;font-size:13px;font-weight:800}.step-progress div{display:flex;gap:6px}.step-progress b{flex:1;height:5px;background:#d9e1ec;border-radius:999px}.step-progress b.active,.step-progress b.done{background:#1f7a8c}.flow-message-list,.flow-stop-panel,.review-panel{display:grid;gap:8px}.flow-message-list{padding:10px 12px;color:#0f5967;background:#e8f6f8;border:1px solid #b7dfe5;border-radius:8px}.flow-message-list p,.flow-stop-panel p,.review-panel h2{margin:0}.flow-stop-panel{color:#6b3f00;background:#fffbeb;border-color:#fde68a}.review-panel{padding:12px;background:#fff;border:1px solid #e7ebf3;border-radius:8px}.review-panel h2{font-size:17px}.review-panel dl{display:grid;grid-template-columns:minmax(72px,.35fr) minmax(0,1fr);gap:8px 12px;margin:0}.review-panel dt{color:#6b758c;font-weight:800}.review-panel dd{min-width:0;margin:0;word-break:break-word}.form-actions{display:flex;gap:10px;align-items:center}.form-actions .submit-button{flex:1}.success-mask,.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#0f172a6b}.success-card,.modal-card{width:min(520px,100%);padding:24px;background:#fff;border-radius:8px;box-shadow:0 30px 70px #0f172a47}.password-card{display:grid;gap:14px}.password-card label{display:grid;gap:6px;color:#4b5874;font-size:13px;font-weight:800}.success-card h2{margin-top:0}.center-panel{margin-top:16px;text-align:center}.access-panel{display:grid;gap:12px;margin-top:16px}.access-panel strong{font-size:18px}.access-form{display:grid;grid-template-columns:1fr auto;gap:10px}.edit-strip{align-items:center}.admin-page{max-width:1180px;margin:0 auto}.admin-nav{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.admin-nav a{min-height:36px;padding:8px 12px;color:#1f4f5f;font-weight:800;text-decoration:none;background:#edf6f8;border-radius:6px}.admin-nav a.router-link-active{color:#fff;background:#1f7a8c}.admin-hero{align-items:center;margin-bottom:16px}.token-box{display:grid;gap:6px;min-width:240px;color:#eafffb;font-size:13px;font-weight:700}.token-box input{min-height:38px;padding:8px 10px;border:0;border-radius:6px}.admin-grid{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:16px}.settings-panel{margin-bottom:16px}.settings-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid #edf1f6}.settings-group:first-child{padding-top:0;border-top:0}.settings-group h3{grid-column:1 / -1;margin:0;color:#0f172a;font-size:15px}.settings-group label{display:grid;gap:6px;color:#4b5874;font-size:13px;font-weight:800}.settings-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:18px}.setting-upload,.title-settings{display:grid;gap:12px}.setting-label,.title-settings label{display:grid;gap:6px;color:#4b5874;font-size:13px;font-weight:700}.cover-preview{display:grid;place-items:center;min-height:160px;overflow:hidden;color:#7a859b;background:#f8fafc;border:1px dashed #a8b3c7;border-radius:8px}.cover-preview img{width:100%;height:190px;object-fit:cover}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.checkbox-line{display:flex!important;align-items:center;gap:8px;color:#172033!important}.title-preview{min-height:64px;padding:14px;color:#101828;line-height:1.25;background:#f8fafc;border:1px solid #e7ebf3;border-radius:8px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2{margin:0;font-size:20px}.field-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-form label{display:grid;gap:6px;color:#4b5874;font-size:13px;font-weight:700}.field-form .wide,.switch-row,.field-form button{grid-column:1 / -1}.switch-row{display:flex;flex-wrap:wrap;gap:16px;color:#172033}.field-list{display:grid;gap:10px;max-height:560px;overflow:auto}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e7ebf3;border-radius:8px}.field-row p{margin:5px 0 0;color:#6b758c;font-size:13px}.row-actions,.record-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.row-actions.start{justify-content:flex-start}.tag{padding:4px 7px;color:#7c2d12;font-size:12px;font-weight:800;background:#ffedd5;border-radius:999px}.tag.green{color:#166534;background:#dcfce7}.records-panel{margin-top:16px}.compact-title{margin-top:16px;margin-bottom:10px}.compact-title h3{margin:0}.import-summary{display:grid;gap:6px;margin-bottom:14px;padding:12px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px}.error-list{display:grid;gap:4px;max-height:160px;overflow:auto;padding:8px;color:#9f1239;background:#fff1f2;border-radius:6px}.error-list p{margin:0;font-size:13px}.compact{width:150px}.bulk-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;color:#7f1d1d;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px}.bulk-confirm span{color:#9a3412;font-size:13px}.table-scroll{overflow:auto;border:1px solid #e7ebf3;border-radius:8px}table{width:100%;min-width:920px;border-collapse:collapse;background:#fff}th,td{max-width:240px;padding:10px 12px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf1f6}th{position:sticky;top:0;z-index:1;color:#4b5874;font-size:13px;background:#f8fafc}.select-cell{width:46px;max-width:46px;text-align:center}.empty-cell{padding:30px;color:#6b758c;text-align:center}.detail-list{display:grid;grid-template-columns:120px 1fr;gap:10px 14px;max-height:70vh;overflow:auto}.detail-meta{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf1f6}.detail-list dt{color:#6b758c;font-weight:800}.detail-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.detail-signature{max-width:240px;max-height:100px;padding:8px;background:#fff;border:1px solid #e7ebf3;border-radius:6px}.detail-image-list{display:flex;flex-wrap:wrap;gap:8px}.detail-image-list img{width:96px;height:96px;object-fit:cover;border:1px solid #e7ebf3;border-radius:6px}@media (max-width: 760px){main{padding:14px 12px 36px}.topbar{padding-left:12px;padding-right:12px}.brand{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro-band,.history-strip,.admin-hero,.field-row,.panel-title{align-items:stretch;flex-direction:column}.intro-band,.admin-hero{padding:20px}.draft-state,.token-box,.compact{width:100%}.admin-grid,.settings-grid,.field-form,.settings-group,.access-form{grid-template-columns:1fr}.row-actions,.record-actions{justify-content:flex-start}.field-card,.history-strip,.panel{padding:14px}.detail-list{grid-template-columns:1fr}}.designer-page{width:min(1500px,calc(100vw - 24px));margin:0 auto}.designer-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(280px,1fr);gap:16px;align-items:center;min-height:64px;padding:10px 14px;background:#fffffff5;border:1px solid #e7ebf3;border-radius:8px;box-shadow:0 10px 28px #0f172a0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.designer-title{display:grid;gap:3px;min-width:0}.designer-title strong{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap}.designer-title span{color:#6b758c;font-size:12px}.workflow-tabs{display:flex;gap:6px;padding:4px;background:#f3f6fa;border-radius:8px}.workflow-tabs button{min-height:36px;padding:0 14px;color:#4b5874;background:transparent;border-radius:6px;font-weight:800}.workflow-tabs button.active{color:#fff;background:#1f7a8c}.designer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.form-switcher{display:flex;align-items:center;gap:6px;color:#4b5874;font-size:12px;font-weight:800}.form-switcher select{max-width:180px;min-height:34px;padding:6px 8px;color:#172033;background:#fff;border:1px solid #cfd7e6;border-radius:6px}.designer-actions a{display:inline-flex;align-items:center;text-decoration:none}.admin-token{display:flex;align-items:center;gap:6px;color:#6b758c;font-size:12px;font-weight:800}.admin-token input{width:130px;min-height:34px;padding:6px 8px;border:1px solid #cfd7e6;border-radius:6px}.admin-badge{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;color:#0f5967;background:#eaf7f9;border:1px solid #c8e7ec;border-radius:6px;font-size:12px;font-weight:900}.login-workspace{display:grid;place-items:start center;min-height:calc(100vh - 120px);padding-top:48px}.login-panel{display:grid;gap:14px;width:min(420px,100%);padding:20px;background:#fff;border:1px solid #e7ebf3;border-radius:8px;box-shadow:0 12px 28px #0f172a0f}.login-panel h2{margin:0;color:#0f172a;font-size:22px}.login-panel label{display:grid;gap:6px;color:#4b5874;font-size:13px;font-weight:800}.legacy-login{display:grid;gap:10px;padding-top:12px;border-top:1px solid #e7ebf3}.auth-error{margin:0;color:#b42318;font-size:13px;font-weight:800}.auth-success{margin:0;color:#0f766e;font-size:13px;font-weight:800}.file-button.disabled{cursor:not-allowed;opacity:.6}.designer-workbench{display:grid;grid-template-columns:300px minmax(360px,1fr) 380px;gap:14px;margin-top:14px;min-height:calc(100vh - 120px)}.designer-left,.designer-right,.designer-preview-zone,.settings-workspace{min-width:0}.designer-left,.designer-right{display:grid;align-content:start;gap:12px}.tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;background:#fff;border:1px solid #e7ebf3;border-radius:8px}.tool-tabs button{display:grid;place-items:center;gap:4px;min-height:58px;color:#4b5874;background:#f8fafc;border-radius:6px;font-size:12px;font-weight:800}.tool-tabs button span{font-size:18px}.tool-tabs button.active{color:#1f7a8c;background:#eaf7f9}.tool-panel,.property-panel{padding:14px;background:#fff;border:1px solid #e7ebf3;border-radius:8px;box-shadow:0 12px 28px #0f172a0d}.compact-tool-panel{display:grid;gap:10px}.compact-tool-panel p{margin:0;color:#6b758c;font-size:13px;line-height:1.5}.full{width:100%}.field-type-sections{display:grid;gap:12px;margin-top:12px}.field-type-section{display:grid;gap:7px}.field-type-section strong{color:#4b5874;font-size:12px}.field-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-type-grid button{min-height:36px;color:#1f4f5f;background:#edf6f8;border-radius:6px;font-size:13px;font-weight:800}.designer-field-list{display:grid;gap:8px;margin-top:12px;max-height:calc(100vh - 330px);overflow:auto}.designer-field-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px;background:#f8fafc;border:1px solid #e7ebf3;border-radius:8px;cursor:pointer}.designer-field-row.selected{background:#eaf7f9;border-color:#1f7a8c}.field-order{display:grid;place-items:center;width:26px;height:26px;color:#1f7a8c;background:#dff3f6;border-radius:50%;font-size:12px;font-weight:900}.field-meta{display:grid;min-width:0}.field-meta span{overflow:hidden;color:#6b758c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.field-row-tools{display:flex;gap:4px}.field-row-tools button{width:26px;height:26px;color:#4b5874;background:#eef2f7;border-radius:6px}.designer-preview-zone{display:grid;place-items:start center;padding:18px;background:#eef2f7;border:1px solid #dfe6ef;border-radius:8px;overflow:auto}.phone-frame{width:390px;min-height:720px;padding:14px;background:#111827;border-radius:32px;box-shadow:0 26px 60px #0f172a38}.phone-screen{min-height:690px;padding:14px;overflow:hidden;border-radius:22px}.phone-cover{width:100%;max-height:170px;object-fit:cover;border-radius:8px}.phone-title{margin:12px 0 8px;color:#101828;line-height:1.25;letter-spacing:0}.phone-description{margin:0 0 12px;color:#667085;font-size:13px;line-height:1.5}.phone-rule-debug{display:grid;gap:5px;margin-bottom:10px;padding:8px;color:#0f5967;background:#e8f6f8;border:1px solid #b7dfe5;border-radius:8px;font-size:12px;line-height:1.45}.phone-rule-debug p{margin:0}.phone-rule-debug .stop{color:#9a3412}.phone-field{display:grid;gap:8px;margin-bottom:10px;padding:12px;background:#fff;border:1px solid #e4e9f2;border-radius:8px;cursor:pointer}.phone-field.selected{border-color:#1f7a8c;box-shadow:0 0 0 3px #1f7a8c1f}.phone-field.locked{background:#fbfcfe}.phone-field.layout{padding:8px 2px;background:transparent;border-color:transparent}.phone-field label{color:#1f2937;font-size:14px;font-weight:800}.phone-field b{margin-right:3px;color:#e11d48}.phone-field-note{margin:-2px 0 0;color:#6b758c;font-size:12px;line-height:1.45;white-space:pre-wrap}.phone-field input,.phone-field textarea,.phone-field select{width:100%;min-height:38px;padding:8px 10px;color:#98a2b8;background:#f8fafc;border:1px solid #dfe6ef;border-radius:6px}.phone-field textarea{min-height:74px}.phone-layout-text{color:#4b5874;font-size:13px;line-height:1.6;white-space:pre-wrap}.phone-layout-title strong{display:block;color:#101828;font-size:16px}.phone-layout-title p{margin:5px 0 0;color:#6b758c;font-size:12px;line-height:1.45;white-space:pre-wrap}.phone-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;color:#7a859b;font-size:11px}.phone-divider span{border-top:1px solid #d7deea}.phone-display-image{margin:0}.phone-display-image img{width:100%;max-height:120px;object-fit:cover;border-radius:8px}.phone-display-image figcaption{margin-top:5px;color:#6b758c;font-size:12px;text-align:center}.phone-options{display:flex;flex-wrap:wrap;gap:6px}.phone-options.vertical{display:grid}.phone-options span,.phone-upload,.phone-signature{padding:8px 10px;color:#4b5874;background:#f8fafc;border:1px solid #e4e9f2;border-radius:6px;font-size:13px}.phone-options span{cursor:pointer}.phone-options span.active{color:#0f5967;background:#e0f4f7;border-color:#78c5d0;font-weight:800}.phone-rating{display:flex;gap:3px;color:#b45309;font-size:17px}.phone-rating span{cursor:pointer;opacity:.38}.phone-rating span.active{opacity:1}.phone-field-state{width:max-content;padding:3px 7px;color:#6b3f00;font-size:12px;font-weight:800;background:#fff7d6;border-radius:999px}.phone-privacy{margin-top:10px;padding:10px;color:#475467;background:#f8fafc;border:1px solid #d8e2ea;border-radius:8px}.phone-privacy strong{display:block;margin-bottom:5px;color:#1f2937;font-size:12px}.phone-privacy p{display:-webkit-box;margin:0;overflow:hidden;color:#667085;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:4}.phone-privacy span{display:block;margin-top:7px;color:#344054;font-size:11px;line-height:1.45}.phone-submit{width:100%;min-height:46px;margin-top:8px;color:#fff;background:#1f7a8c;border-radius:8px;font-weight:900}.phone-footer{margin-top:14px;color:#98a2b8;font-size:12px;text-align:center}.property-panel{max-height:calc(100vh - 92px);overflow:auto}.property-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.property-form label{display:grid;gap:6px;color:#4b5874;font-size:13px;font-weight:800}.property-form .wide,.property-actions{grid-column:1 / -1}.option-editor{display:grid;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e7ebf3;border-radius:8px}.option-editor-head,.bulk-options{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.option-editor-list,.option-defaults{display:grid;gap:8px}.option-editor-row{display:flex;align-items:center;gap:6px}.option-editor-row input{min-width:140px;flex:1}.bulk-options textarea{flex:1}.option-defaults{padding:10px;background:#fff;border:1px solid #e7ebf3;border-radius:8px}.option-defaults strong{color:#4b5874;font-size:13px}.option-limits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:#f8fafc;border:1px solid #e7ebf3;border-radius:8px}.field-config-grid.single-column,.field-config-grid .wide{grid-template-columns:1fr}.nested-grid{padding:0;background:transparent;border:0}.display-image-picker{position:relative;display:grid;place-items:center;min-height:130px;overflow:hidden;color:#7a859b;background:#fff;border:1px dashed #a8b3c7;border-radius:8px}.display-image-picker img{width:100%;height:160px;object-fit:cover}.display-image-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-type-options{display:flex;flex-wrap:wrap;gap:8px 12px}.property-actions{display:flex;gap:8px}.multi-select{min-height:112px}.rule-list{display:grid;gap:12px}.rule-card{display:grid;gap:10px;padding:12px;background:#f8fafc;border:1px solid #e7ebf3;border-radius:8px}.rule-card label{display:grid;gap:6px;color:#4b5874;font-size:13px;font-weight:800}.rule-card-head{display:flex;align-items:center;justify-content:space-between}.rule-debug-panel,.rule-builder{display:grid;gap:10px;padding:10px;background:#fff;border:1px solid #e7ebf3;border-radius:8px}.rule-debug-panel p{margin:0;color:#6b758c;font-size:13px;line-height:1.5}.rule-hit-list{display:flex;flex-wrap:wrap;gap:6px}.rule-hit-list span,.rule-stop-hint{width:max-content;max-width:100%;padding:5px 8px;color:#0f5967;background:#e0f4f7;border-radius:999px;font-size:12px;font-weight:800}.rule-stop-hint{color:#9a3412;background:#ffedd5}.rule-builder-head,.rule-row{display:flex;gap:8px;align-items:center}.rule-builder-head{justify-content:space-between}.rule-row{padding:8px;background:#f8fafc;border:1px solid #edf1f7;border-radius:8px}.rule-row .control{min-width:0}.rule-row .multi-select{flex:1;min-height:86px}.rule-empty-value{min-width:88px;color:#7a859b;font-size:13px;font-weight:800}.settings-workspace{margin-top:14px}.settings-columns{max-width:760px}.publish-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start;max-width:920px}.publish-box{display:grid;gap:14px}.publish-box label{display:grid;gap:6px;color:#4b5874;font-size:13px;font-weight:800}.publish-status-line,.publish-link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;font-size:13px;font-weight:900;border-radius:999px}.status-pill.active{color:#166534;background:#dcfce7}.status-pill.inactive{color:#9f1239;background:#ffe4e6}.copy-state{margin:-4px 0 0;color:#166534;font-size:13px;font-weight:800}.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-decoration:none}.qr-card{display:grid;justify-items:center;gap:12px;padding:14px;background:#f8fafc;border:1px solid #e7ebf3;border-radius:8px}.qr-image{width:220px;height:220px;object-fit:contain;background:#fff;border:1px solid #e7ebf3;border-radius:8px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.template-card{display:grid;gap:14px;padding:14px;background:#fff;border:1px solid #e7ebf3;border-radius:8px}.template-card.selected{border-color:#1f7a8c;box-shadow:0 0 0 2px #1f7a8c1f}.template-card strong{display:block;margin-bottom:6px}.template-card p{margin:0 0 8px;overflow:hidden;color:#4b5874;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.template-card span{color:#6b758c;font-size:12px;font-weight:800}@media (max-width: 1180px){.designer-topbar,.designer-workbench{grid-template-columns:1fr}.designer-actions,.workflow-tabs{justify-content:flex-start;overflow:auto}.phone-frame{width:min(390px,100%)}.property-panel{max-height:none}}@media (max-width: 760px){.option-editor-head,.bulk-options,.option-editor-row{align-items:stretch;flex-direction:column}.option-editor-row input{width:100%}.option-limits,.field-config-grid,.publish-grid{grid-template-columns:1fr}.qr-card{justify-items:start}}