:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#172332;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #88a9ff;outline-offset:3px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid #e9edf3;display:flex;flex-direction:column;z-index:2}.brand{height:84px;display:flex;align-items:center;gap:12px;padding:0 25px;border-bottom:1px solid #f0f2f6}.brand-mark{width:36px;height:36px;border-radius:11px;background:#315fe9;display:flex;align-items:end;justify-content:center;gap:3px;padding:9px;box-shadow:0 5px 12px #315fe92b}.brand-mark span{width:4px;border-radius:2px;background:#fff}.brand-mark span:nth-child(1){height:9px;opacity:.7}.brand-mark span:nth-child(2){height:16px}.brand-mark span:nth-child(3){height:12px;opacity:.85}.brand-copy{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.brand-copy strong{font-size:15px;letter-spacing:.04em}.brand-copy small{font-size:9px;font-weight:700;letter-spacing:.12em;color:#a1abba}.sidebar-content{padding:32px 14px;flex:1}.nav-label{padding:0 13px;margin-bottom:14px;color:#a3adbb;font-size:11px;font-weight:600;letter-spacing:.08em}.nav-item{min-height:46px;display:flex;align-items:center;gap:12px;padding:0 13px;margin:4px 0;border-radius:8px;color:#687586;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-item svg{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-item:hover{background:#f5f7fb;color:#315fe9}.nav-item.active{background:#eef3ff;color:#315fe9;font-weight:600}.sidebar-footer{margin:0 24px;padding:22px 0;border-top:1px solid #edf0f4;font-size:12px;color:#8894a4;display:flex;align-items:center;gap:8px}.footer-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#68bf9a}.footer-version{margin-left:auto;font-size:9px;letter-spacing:.09em;color:#bbc3ce}.main-shell{margin-left:248px;min-width:0;width:calc(100% - 248px)}.topbar{position:sticky;top:0;z-index:3;height:var(--topbar-height);background:#fff;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:13px;color:#a2acba}.breadcrumb h1{margin:0;font-size:13px;font-weight:500;color:#536173}.breadcrumb-divider{color:#d4dae2}.topbar-right{display:flex;align-items:center;gap:8px;color:#8995a4;font-size:12px}.content{padding:42px 40px 50px;max-width:1600px;margin:0 auto}.content-panel{min-height:calc(100vh - 235px);background:#fff;border:1px solid #e9edf3;border-radius:12px;box-shadow:0 4px 20px #253b5b05}@media(max-width:700px){.app-shell{display:block}.sidebar{position:static;width:auto}.brand{height:68px;padding:0 20px}.sidebar-content{padding:12px 16px}.nav-label,.sidebar-footer{display:none}nav{display:flex;gap:6px;overflow-x:auto}.nav-item{white-space:nowrap;flex:none;margin:0;padding:0 12px;font-size:13px}.main-shell{margin:0;width:100%}.topbar{padding:0 20px}.topbar-right{display:none}.content{padding:28px 20px}.content-panel{min-height:55vh}}button,input{font:inherit}button{cursor:pointer}button:focus-visible,[contenteditable]:focus-visible,input:focus-visible{outline:3px solid #9cb5ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.primary{border:0!important;background:#315fe9!important;color:#fff!important;border-radius:9px;padding:12px 18px;font-weight:600;box-shadow:0 5px 14px #315fe927}.workspace-panel{background:#fff;border:1px solid #e9edf3;border-radius:12px;min-height:550px;padding:28px}.workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;background:#f4f7ff;border:1px solid #e8eefe;border-radius:11px}.workspace-intro h2,.editor-top h2,.create-modal h2{font-size:21px;margin:0 0 7px}.workspace-intro p,.section-heading p,.editor-palette p,.hint-card p,.template-card p{font-size:13px;color:#8b98a9;margin:0;line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:34px 2px 18px}.section-heading h3,.editor h3{font-size:15px;margin:0 0 6px}.section-heading>span{font-size:12px;color:#a2adba}.workspace-empty{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9aa7b6;font-size:13px;gap:8px;text-align:center}.workspace-empty>span{font-size:28px;color:#9bb1ea}.workspace-empty strong{color:#58677a}.workspace-empty p{margin:0}.page-list{border:1px solid #eef1f5;border-radius:10px;overflow:hidden}.page-row{width:100%;display:flex;align-items:center;gap:14px;background:#fff;border:0;border-bottom:1px solid #eef1f5;padding:16px;text-align:left;color:#29394d}.page-row:last-child{border-bottom:0}.page-row:hover{background:#fafbff}.page-icon{display:grid;place-items:center;width:44px;height:48px;background:#eef3ff;color:#5b79dd;border-radius:7px;font-size:21px}.page-details{display:flex;flex-direction:column;gap:6px;flex:1}.page-details strong{font-size:14px}.page-details small{font-size:12px;color:#a1adba}.page-status{background:#f2f5f9;color:#76869a;padding:6px 10px;border-radius:20px;font-size:11px}.row-arrow{color:#aab5c4;font-size:20px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.template-card{border:1px solid #edf0f5;border-radius:10px;padding:12px}.template-cover{height:120px;border-radius:6px;background:#edf3ff;display:grid;place-items:center;color:#829ce8;font-size:35px;margin-bottom:14px}.template-card strong{font-size:14px}.workspace-error{margin-top:18px;color:#b34343;background:#fff3f3;padding:12px;border-radius:8px;font-size:13px}.workspace-error button{border:0;background:none;color:#315fe9}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17233277;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.create-modal{width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:16px;background:#fff;padding:28px;box-shadow:0 18px 60px #17233233}.modal-head{display:flex;justify-content:space-between}.modal-head button{border:0;background:none;font-size:24px;color:#9aa7b6}.name-input{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:9px;margin:22px 0}.name-input input{border:1px solid #e3e9f1;border-radius:8px;padding:12px}.create-modal h4{font-size:13px;margin:20px 0 10px}.choice-list{display:grid;gap:8px;max-height:150px;overflow:auto}.choice-list button{display:flex;justify-content:space-between;text-align:left;padding:12px;border:1px solid #e8edf4;border-radius:8px;color:#41516a;background:#fff}.choice-list button.chosen{border-color:#6484f0;background:#f3f6ff;color:#315fe9}.choice-list button span,.choice-list p{font-size:12px;color:#94a1b1;margin:0}.create-submit{width:100%;margin-top:24px}.editor{margin:0}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.editor-top h2{display:inline-block;margin:0 12px;font-size:19px}.back-button{background:none;border:0;color:#6b7b8e;padding:6px 0;font-size:13px}.save-state{color:#95a2b1;font-size:12px}.editor-actions{display:flex;gap:10px}.editor-actions>button:not(.primary){border:1px solid #e2e8f0;background:#fff;color:#526278;border-radius:9px;padding:10px 15px}.editor-layout{display:grid;grid-template-columns:210px minmax(350px,1fr) 220px;min-height:720px;border:1px solid #e6ebf2;border-radius:12px;overflow:hidden;background:#fff}.editor-layout.is-preview{grid-template-columns:1fr}.editor-palette,.editor-inspector{padding:25px 18px}.editor-inspector{border-left:1px solid #e9edf3}.editor h3{margin-top:10px}.editor-palette>p{margin-bottom:20px}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #e9edf4;background:#fff;border-radius:8px;padding:14px 3px;font-size:12px;color:#65758b}.palette-grid button:hover{border-color:#9fb4f7;background:#f7f9ff;color:#315fe9}.palette-grid span{font-size:20px;color:#718ee6}.scope-note{margin-top:26px;padding:14px;background:#f7f9fc;border-radius:8px;font-size:12px;color:#8997a7;line-height:1.7}.canvas-area{background:#f4f6fa;padding:24px;min-width:0}.canvas-heading{max-width:520px;margin:0 auto 20px;display:flex;justify-content:space-between;gap:10px;align-items:center}.canvas-heading strong{font-size:14px}.canvas-heading span{display:block;color:#9aa7b7;font-size:11px;margin-top:5px}.canvas-heading .device-label{font-size:9px;letter-spacing:.1em}.phone-frame{width:min(100%,375px);margin:auto;background:#fff;border:7px solid #263345;border-radius:25px;overflow:hidden;box-shadow:0 14px 32px #2633451a}.phone-bar{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:10px;font-weight:700}.phone-title{height:36px;text-align:center;font-size:12px;font-weight:600;border-bottom:1px solid #eff1f4;padding:9px}.phone-content{min-height:480px;padding-bottom:30px;overflow:auto}.empty-canvas{padding:90px 20px;text-align:center;color:#b1bdca;font-size:12px}.canvas-block{position:relative;border:2px solid transparent;min-height:10px}.canvas-block.selected{border-color:#7494f3}.block-toolbar{display:flex;position:relative;flex-wrap:wrap;align-items:center;gap:3px;min-height:30px;padding:2px 4px 2px 10px;background:#315fe9;color:#fff;font-size:11px}.block-toolbar span{flex:1;min-width:0}.block-toolbar button{border:0;background:none;color:#fff;min-width:28px;min-height:26px;padding:2px 5px;border-radius:4px}.block-toolbar button:not(:disabled):hover{background:#ffffff26}.block-toolbar button:focus-visible{outline-offset:-3px}.block-copy{font-size:13px;line-height:1.7;color:#5f6c7c;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}.block-title{font-size:16px;font-weight:700;color:#26374c;padding:12px 16px 0}.image-placeholder{height:155px;background:#ecf1fb;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8194b6}.image-placeholder span{font-size:30px}.image-placeholder strong,.image-placeholder small{font-size:11px}.mini-image{height:75px;background:#edf2fb;display:grid;place-items:center;color:#9cadd0;font-size:26px}.image-text,.rule-block{padding:12px}.image-text p,.rule-block p{font-size:13px;color:#6d7987;padding:0 16px}.button-block{margin:14px 18px;text-align:center;background:#315fe9;color:#fff;border-radius:24px;padding:12px;font-size:13px;font-weight:600}.space-block{background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 5px,#f1f4f8 5px,#f1f4f8 6px)}.is-preview .space-block{background:transparent}.form-placeholder{padding:20px;color:#728198;font-size:12px}.form-placeholder div{background:#eef3ff;padding:10px;text-align:center;border-radius:20px}.hint-card{display:flex;gap:10px;margin-top:24px}.hint-card>span{color:#7895ed;font-size:11px;font-weight:700}.hint-card strong{font-size:12px}.hint-card p{font-size:12px;margin-top:6px}.editor-loading{padding:80px;text-align:center;color:#8a98aa}@media(max-width:1100px){.editor-layout{grid-template-columns:180px minmax(300px,1fr)}.editor-inspector{display:none}}@media(max-width:700px){.workspace-panel{padding:16px}.workspace-intro{align-items:flex-start;flex-direction:column;padding:20px}.editor-top{align-items:flex-start;flex-direction:column}.editor-top h2{display:block;margin:8px 0}.editor-layout{grid-template-columns:1fr}.editor-palette{border:0;border-bottom:1px solid #e9edf3}.palette-grid{grid-template-columns:repeat(3,1fr)}.canvas-area{padding:20px 12px}.save-state{display:block}.editor-actions{width:100%}.editor-actions button{flex:1}}.asset-editable{position:relative}.asset-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent}.asset-image{display:block;width:100%;height:auto}.block-toolbar .replace-image{white-space:nowrap;padding-inline:8px}.asset-modal{width:min(680px,100%)}.asset-help{font-size:12px;color:#8997a7;line-height:1.6}.asset-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:12px;margin-top:22px}.asset-card{border:1px solid #e9edf4;background:#fff;border-radius:8px;padding:9px;text-align:left;min-width:0}.asset-card:hover{border-color:#7896f0}.asset-card img{display:block;width:100%;height:150px;object-fit:contain;background:#f5f7fb;border-radius:4px}.asset-card strong,.asset-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:8px 2px 0;font-size:12px;color:#506078}.asset-card small{font-weight:400;color:#9aa7b6;margin-top:4px}.asset-empty{text-align:center;color:#99a6b4;font-size:12px;padding:50px 0}.video-block{position:relative;width:100%}.video-player{display:block;width:100%;height:auto;aspect-ratio:auto 16 / 9;background:#182333}.video-placeholder{display:flex;width:100%;aspect-ratio:16 / 9;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#ecf1fb;color:#8194b6;font-size:11px}.video-placeholder span{font-size:30px}.video-modal .asset-help{margin:0 0 10px}:root{--topbar-height:84px}.content:has(>.editor){padding-top:0}.editor-top{position:sticky;top:var(--topbar-height);z-index:1;padding:12px 16px;background:#f6f8fb;border-bottom:1px solid #e6ebf2}.editor-top>div:first-child{min-width:0}.editor-top h2{overflow-wrap:anywhere}.editor-top .page-name-heading{max-width:min(320px,100%);vertical-align:middle}.page-name-heading input{width:100%;min-width:0;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font-weight:inherit;padding:4px 7px}.page-name-heading input:hover{border-color:#cbd7ec;background:#fff}.page-name-heading input[aria-invalid=true]{border-color:#c65a5a}.page-name-error{margin-top:6px;color:#b34343;font-size:12px;line-height:1.5}.page-name-error button{border:0;background:none;color:#315fe9;padding:0 4px}.button-block{overflow-wrap:anywhere}.editor-layout:not(.is-preview) .canvas-block.selected{z-index:2}.editor-layout:not(.is-preview) .block-toolbar{position:absolute;top:4px;right:4px;z-index:3;width:max-content;max-width:calc(100% - 8px);justify-content:flex-end;border-radius:6px;box-shadow:0 3px 12px #17233230}.editor-layout:not(.is-preview) .block-toolbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-viewport,.company-info-wrapper{position:relative}.company-info-wrapper.selected{outline:2px solid #7494f3;outline-offset:-2px}.company-info{box-sizing:border-box;width:100%;padding:18px 24px 24px;text-align:center;background-color:#fbe7bd;color:#4f4030}.company-info-title,.company-info-item{display:block;width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.company-info-title{font-size:14px;font-weight:700}.company-info-item{font-size:12px;font-weight:400}.company-info textarea{box-sizing:border-box;min-height:1.6em;padding:0;border:0;resize:none;overflow:hidden;background:transparent;color:inherit;font-family:inherit;text-align:center}.company-info textarea:focus-visible{outline:2px solid #7494f3;outline-offset:2px}.fixed-button-bar{position:absolute;inset:auto 0 0;z-index:1;padding:1px 0 12px;box-shadow:0 -4px 12px #17233212}.fixed-button-bar.is-selected{outline:2px solid #7494f3;outline-offset:-2px}.fixed-button-placeholder{display:block;width:calc(100% - 24px);margin:12px;border:1px dashed #9aafe8;border-radius:6px;background:#f4f7ff;padding:10px;color:#5f78b9;font-size:12px;text-align:center}.placement-control{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;color:#526278;font-size:12px;font-weight:600}.placement-control input{width:17px;height:17px;accent-color:#315fe9}.is-preview .spacer-canvas-block{min-height:0;border:0}.spacer-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent}.style-control{margin-top:22px}.style-control-heading label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#526278}.dimension-input{display:flex;align-items:center;gap:3px;font-weight:400;color:#8997a7}.dimension-input input{width:58px;min-width:0;border:1px solid #e3e9f1;border-radius:6px;padding:6px;color:#29394d}.dimension-input input[aria-invalid=true]{border-color:#c65a5a}.style-control>input[type=range]{width:100%;margin:12px 0 3px;accent-color:#315fe9}.style-control small,.style-help{font-size:11px;color:#8997a7;line-height:1.6}.style-help{margin:8px 0 0}.color-control{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#526278;font-size:12px;font-weight:600}.color-control input{width:42px;height:30px;padding:2px;border:1px solid #e3e9f1;border-radius:6px;background:#fff;cursor:pointer}.editor-actions{flex-shrink:0}@media(max-width:1100px)and (min-width:701px){.editor-inspector.has-settings{display:block;grid-column:1;grid-row:2;border-left:0;border-top:1px solid #e9edf3}.editor-layout:has(.has-settings) .canvas-area{grid-column:2;grid-row:1 / span 2}}@media(max-width:700px){.editor-inspector.has-settings{display:block;grid-row:2;border-left:0;border-top:1px solid #e9edf3;border-bottom:1px solid #e9edf3}.editor-layout:has(.has-settings) .canvas-area{grid-row:3}}@media(max-width:700px){:root{--topbar-height:54px}.editor-top{gap:10px;padding:10px 12px}}@media(min-width:701px){.editor-layout{overflow:clip}.editor-palette,.editor-inspector{position:sticky;top:calc(var(--topbar-height) + var(--editor-top-height, 70px));align-self:start;max-height:max(0px,calc(100vh - var(--topbar-height) - var(--editor-top-height, 70px)));overflow-y:auto}}.app-shell:has(.editor){height:100dvh;min-height:0;overflow:hidden}.app-shell:has(.editor)>.sidebar,.app-shell:has(.editor) .main-shell>.topbar{display:none}.app-shell:has(.editor) .main-shell{width:100%;height:100%;margin:0}.app-shell:has(.editor) .content{width:100%;height:100%;max-width:none;margin:0;padding:0}.editor{height:100%;min-height:0;display:flex;flex-direction:column;background:#f3f5f9}.editor-top{position:relative;top:auto;z-index:2;flex:none;min-height:68px;margin:0;padding:10px 22px;background:#fff;border-bottom:1px solid #e8ebf1;gap:20px}.editor-title-group{display:flex;align-items:center;gap:16px;min-width:0}.editor-title-divider{width:1px;height:30px;flex:none;background:#e7ebf2}.editor-title-details{min-width:0}.editor-top .page-name-heading{display:block;max-width:min(340px,100%);margin:0;font-size:15px;line-height:1.2}.page-name-heading input{display:block;padding:4px 6px;margin-left:-7px;font-weight:650}.editor-top .save-state{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.back-button{flex:none;color:#607086;font-size:13px;font-weight:600;white-space:nowrap}.back-button span{margin-right:4px;font-size:17px}.editor-actions>button:not(.primary),.editor-actions>.primary{min-height:38px;padding:8px 16px;font-size:13px;box-shadow:none}.editor-layout,.editor-layout.is-preview{flex:1;min-height:0;border:0;border-radius:0;overflow:hidden}.editor-layout{grid-template-columns:66px 232px minmax(0,1fr) 252px;grid-template-rows:minmax(0,1fr);background:#fff}.editor-rail{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 6px;background:#f8f9fc;border-right:1px solid #e9edf3}.editor-rail button{width:54px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:8px;background:transparent;color:#8793a3;font-size:11px}.editor-rail button span{font-size:21px;line-height:1}.editor-rail button:hover,.editor-rail button.active{background:#eaf0ff;color:#315fe9}.editor-palette,.editor-inspector{position:static;align-self:stretch;max-height:none;min-height:0;overflow-y:auto;padding:23px 18px;background:#fff}.editor-palette{border-right:1px solid #e9edf3}.editor-inspector{display:block;border-left:1px solid #e9edf3}.editor-panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.editor-panel-title h3,.editor-inspector h3{margin:0;font-size:15px}.panel-count{display:grid;place-items:center;min-width:24px;height:24px;border-radius:7px;background:#f3f6fa;color:#92a0b2;font-size:11px}.editor-palette .panel-description{margin:10px 0 20px;color:#9aa6b6;font-size:12px;line-height:1.5}.palette-groups{display:grid;gap:20px}.palette-group h4{margin:0 0 10px;color:#53647a;font-size:12px;font-weight:700}.palette-grid{gap:9px}.palette-grid button{min-height:76px;justify-content:center;gap:7px;padding:10px 3px;background:#fbfcfe}.palette-grid span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#eef3ff;color:#6685e6;font-size:17px}.layer-list{list-style:none;display:grid;gap:7px;margin:0;padding:0}.layer-row{border:1px solid #edf0f5;border-radius:8px;background:#fff}.layer-row.selected{border-color:#91a8f4;background:#f6f8ff}.layer-select{width:100%;display:flex;align-items:center;gap:9px;padding:10px 8px;border:0;background:transparent;text-align:left;color:#36475c}.layer-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:7px;background:#edf2ff;color:#718fe3;font-size:16px}.layer-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.layer-copy strong{font-size:12px}.layer-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa7b7;font-size:11px}.layer-badge{color:#7185b3;font-size:10px}.layer-actions{display:flex;justify-content:flex-end;border-top:1px solid #eef1f6;padding:2px 5px}.layer-actions button{min-width:28px;min-height:27px;border:0;border-radius:4px;background:transparent;color:#8190a4}.layer-actions button:hover:not(:disabled){background:#eaf0ff;color:#315fe9}.layer-empty{padding:38px 8px;text-align:center;color:#a0adbd;font-size:12px;line-height:1.9}.canvas-area{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:#f2f4f8;padding:0}.canvas-heading{width:100%;max-width:none;flex:none;margin:0;padding:19px 28px 14px;align-items:flex-end}.canvas-heading>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.canvas-heading strong{font-size:14px;color:#405069}.canvas-heading span{margin:0}.canvas-heading .device-label{font-size:10px;color:#a3aebe}.canvas-heading .zoom-controls{display:flex;flex:none;align-items:center;gap:0;overflow:hidden;border:1px solid #e3e8f1;border-radius:7px;background:#fff}.zoom-controls button{min-width:30px;height:28px;padding:0 5px;border:0;background:transparent;color:#65758b;font-size:16px}.zoom-controls button:hover:not(:disabled){background:#eef3ff;color:#315fe9}.zoom-controls .zoom-value{min-width:46px;font-size:11px;font-weight:600}.canvas-scroll{position:relative;z-index:0;min-height:0;flex:1;overflow:auto;padding:18px 24px 48px;overscroll-behavior:contain}.editor-sheet{width:min(100%,375px);margin:0 auto;background:#fff;box-shadow:0 10px 28px #26334516}.editor-layout:not(.is-preview) .phone-viewport.has-fixed-button .phone-content{height:auto;min-height:480px;overflow:visible}.editor-layout:not(.is-preview) .phone-content{overflow:visible}.editor-layout.is-preview .canvas-scroll{display:flex;align-items:stretch;justify-content:center;overflow:hidden;padding:12px 24px 16px}.editor-layout.is-preview .phone-frame{display:flex;flex:none;flex-direction:column;width:min(100%,389px);height:100%;min-height:0;margin:0 auto}.editor-layout.is-preview .phone-bar,.editor-layout.is-preview .phone-title{flex:none}.editor-layout.is-preview .phone-viewport{flex:1;min-height:0}.editor-layout.is-preview .phone-viewport .phone-content{height:100%;min-height:0;overflow-y:auto}.stage-fixed-button{right:auto;bottom:16px;width:min(375px,calc(100% - 48px));box-shadow:0 -4px 15px #2633451c,0 4px 16px #2633451a}.editor-loading{flex:1}@media(min-width:761px){.editor-inspector.has-settings{grid-column:auto;grid-row:auto;border-left:1px solid #e9edf3;border-top:0}.editor-layout:has(.has-settings) .canvas-area{grid-column:auto;grid-row:auto}}@media(max-width:1050px)and (min-width:761px){.editor-layout{grid-template-columns:60px 190px minmax(0,1fr) 220px}.editor-inspector.has-settings{grid-column:auto;grid-row:auto;border-left:1px solid #e9edf3;border-top:0}.editor-layout:has(.has-settings) .canvas-area{grid-column:auto;grid-row:auto}.editor-palette,.editor-inspector{padding:20px 14px}}@media(max-width:760px){.editor-top{align-items:center;flex-direction:row;gap:8px;padding:9px 12px}.editor-title-group{gap:8px;flex:1}.editor-title-divider{height:26px}.back-button{font-size:0}.back-button span{font-size:18px;margin:0}.editor-top .page-name-heading{margin:0;font-size:14px}.editor-actions{width:auto;gap:5px}.editor-actions button{flex:none}.editor-actions>button:not(.primary),.editor-actions>.primary{padding:7px 9px;font-size:12px}.editor-layout{display:flex;flex-direction:column;overflow-y:auto}.editor-rail{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:none;padding:6px 12px;border-right:0;border-bottom:1px solid #e9edf3}.editor-rail button{width:auto;min-height:36px;flex-direction:row;padding:6px 12px;font-size:12px}.editor-rail button span{font-size:17px}.editor-palette,.editor-inspector,.editor-inspector.has-settings{display:block;flex:none;max-height:none;overflow:visible;padding:16px;border:0;border-bottom:1px solid #e9edf3}.editor-palette .panel-description{margin:7px 0 12px}.editor-palette .palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-grid button{min-height:63px}.layer-list{max-height:150px;overflow:auto}.canvas-area,.editor-layout:has(.has-settings) .canvas-area{flex:none;min-height:600px;height:600px}.canvas-heading{padding:14px 16px 10px}.canvas-heading>div{gap:5px}.canvas-scroll{padding:14px 16px 40px}.stage-fixed-button{width:min(375px,calc(100% - 32px))}.editor-inspector{border-top:1px solid #e9edf3}.editor-layout.is-preview{overflow:hidden}.editor-layout.is-preview .canvas-area{flex:1;height:auto;min-height:0}.editor-layout.is-preview .canvas-scroll{padding:10px 16px 12px}}.carousel-block{position:relative;background:#ecf1fb}.carousel-image{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-image .asset-image{height:100%;width:100%;object-fit:contain}.carousel-image .image-placeholder{width:100%;height:100%}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:7px;background:#f3f6fc;color:#506078;font-size:12px}.carousel-controls button,.carousel-setting-heading button{border:1px solid #dce4f0;border-radius:5px;background:#fff;color:#506078;min-width:30px;min-height:30px}.carousel-controls button{font-size:20px;line-height:1}.carousel-edit-label{text-align:center;padding:0 8px 8px;color:#8194b6;font-size:11px}.carousel-settings{display:grid;gap:10px;margin:16px 0}.carousel-setting{padding:10px;border:1px solid #e5ebf3;border-radius:8px}.carousel-setting-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:10px;font-size:12px}.carousel-setting-heading div{display:flex;gap:3px}.carousel-setting-heading button:disabled,.carousel-add:disabled{opacity:.4}.carousel-pick,.carousel-add{border:1px solid #ccd8f2;background:#f5f8ff;color:#315fe9;border-radius:6px;padding:7px 9px;font-size:12px}.carousel-image-status{display:block;margin:6px 0;color:#8997a7;font-size:11px}.carousel-setting label{display:block;color:#607086;font-size:11px}.carousel-setting input{display:block;width:100%;margin-top:5px;padding:7px;border:1px solid #dce4f0;border-radius:5px;font:inherit}.carousel-add{width:100%}.is-preview .carousel-block{touch-action:pan-y pinch-zoom}.carousel-dots{position:absolute;z-index:2;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:6px;align-items:center;padding:5px 7px;border-radius:20px;background:#0006;pointer-events:none}.carousel-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff80}.carousel-dots span.active{background:#fff}.is-preview .carousel-block{cursor:grab;user-select:none;-webkit-user-select:none}.is-preview .carousel-block.is-dragging{cursor:grabbing}.carousel-stage{position:relative;aspect-ratio:16/9;overflow:hidden}.carousel-stage .carousel-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .36s ease,visibility 0s linear .36s}.carousel-stage .carousel-image.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .36s ease,visibility 0s}.carousel-controls+.carousel-edit-label{margin-top:12px}.carousel-setting-preview{aspect-ratio:16/9;overflow:hidden;border:1px solid #e5ebf3;border-radius:6px;background:#ecf1fb}.carousel-setting-preview .asset-image{display:block;width:100%;height:100%;object-fit:contain}.popup-remove-image{min-height:36px;border:1px solid #dce4f0;border-radius:6px;background:#fff;color:#607086;font-size:12px;cursor:pointer}.popup-remove-image:hover{background:#f5f8ff;color:#315fe9}.popup-remove-image:focus-visible{outline:3px solid #88a9ff;outline-offset:2px}.popup-image-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:16px;color:#8997a7;font-size:12px;text-align:center;line-height:1.5}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 12%,#e8efff 0,transparent 38%),#f6f8fb;color:#172332}.login-screen--overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;min-height:0;overflow-y:auto;background:#1d2d46aa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-card{width:min(100%,420px);padding:38px 40px 40px;background:#fff;border:1px solid #e8edf4;border-radius:16px;box-shadow:0 16px 48px #253b5b12}.login-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:.04em}.login-brand>span:last-child{display:flex;flex-direction:column;gap:4px}.login-brand small{font-size:9px;letter-spacing:.12em;color:#a1abba}.login-intro{margin:42px 0 26px}.login-kicker{font-size:10px;font-weight:750;letter-spacing:.12em;color:#8496b4}.login-intro h1{font-size:24px;margin:10px 0 8px}.login-intro p{margin:0;font-size:13px;line-height:1.7;color:#8b98a9}.login-label{display:flex;flex-direction:column;gap:9px;margin:18px 0;color:#526278;font-size:13px;font-weight:600}.login-label input{width:100%;height:46px;padding:0 13px;border:1px solid #dfe6f0;border-radius:8px;background:#fff;color:#172332}.login-label input:focus{border-color:#6484f0}.login-error{padding:11px 13px;border-radius:8px;background:#fff3f3;color:#b34343;font-size:13px;line-height:1.6}.login-submit{width:100%;min-height:46px;margin-top:12px}.logout-button{margin-left:8px;padding:7px 10px;border:1px solid #e6ebf2;border-radius:7px;background:#fff;color:#687586;font-size:12px}.logout-button:hover{color:#315fe9;border-color:#c9d7fb}@media(max-width:700px){.login-card{padding:30px 24px}.login-intro{margin-top:32px}.topbar-right{display:flex}.topbar-right .status-dot,.topbar-right>span:not(.status-dot){display:none}}.carousel-setting-preview .image-placeholder{width:100%;height:100%;padding:8px;text-align:center;line-height:1.4}.carousel-setting-preview .image-placeholder span{font-size:22px}.carousel-setting .carousel-pick{width:100%;margin:8px 0 12px}@media(prefers-reduced-motion:reduce){.carousel-stage .carousel-image,.carousel-stage .carousel-image.is-active{transition:none}}.rules-image-anchor{position:relative}.rules-entry{min-height:44px;min-width:44px;max-width:100%;padding:5px 12px;border:0;border-radius:22px;background:#263345;color:#fff;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.rules-image-entry{position:absolute;z-index:2}.rules-flow{padding:12px}.rules-placeholder{display:block;width:calc(100% - 24px);margin:12px;border:1px dashed #9aafe8;border-radius:6px;background:#f4f7ff;padding:10px;color:#5f78b9;font-size:12px;text-align:center}.rules-inline p{white-space:pre-wrap;overflow-wrap:anywhere}.rules-settings{display:grid;gap:12px;margin-top:18px}.rules-settings>label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#526278}.rules-settings fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}.rules-settings legend{margin-bottom:8px;color:#526278;font-size:12px;font-weight:600}.rules-choice{display:flex;align-items:center;gap:7px;color:#526278;font-size:12px}.rules-choice input,.rules-settings input[type=range]{accent-color:#315fe9}.rules-settings input:not([type=range]):not([type=radio]),.rules-settings textarea,.rules-settings select{width:100%;min-width:0;border:1px solid #dce4f0;border-radius:6px;background:#fff;padding:8px;font:inherit;color:#29394d}.rules-settings textarea{resize:vertical;line-height:1.6}.rules-settings input[type=range]{width:100%}.rules-settings small{color:#8997a7;font-size:11px}.rules-settings .style-help{margin:0}.rules-warning{margin:0;color:#a65a27;font-size:12px;line-height:1.5}.rules-preview-button{width:100%;border:1px solid #ccd8f2;border-radius:6px;background:#f5f8ff;color:#315fe9;padding:9px;font-size:12px}.rules-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#17233299}.rules-backdrop.is-contained{position:absolute;z-index:5;padding:16px}.rules-dialog{display:flex;flex-direction:column;width:min(100%,440px);max-height:min(80vh,600px);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 18px 60px #17233233}.rules-backdrop.is-contained .rules-dialog{max-height:90%}.rules-dialog-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #edf0f4}.rules-dialog-head h2{margin:0;font-size:17px;overflow-wrap:anywhere}.rules-dialog-head button{flex:none;width:44px;height:44px;border:0;background:none;color:#687586;font-size:26px}.rules-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;color:#445166;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.rules-inline>strong{display:block;text-align:center;font-size:14px;font-weight:500;color:#5f6c7c;overflow-wrap:anywhere}.campaign-list{border:1px solid #eef1f5;border-radius:10px;overflow:hidden}.campaign-row{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:left;color:#29394d}.campaign-row:last-child{border-bottom:0}.campaign-row:hover{background:#fafbff}.campaign-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:9px;background:#eef3ff;color:#5b79dd;font-size:24px}.campaign-row-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}.campaign-row-copy strong{font-size:14px;overflow-wrap:anywhere}.campaign-row-copy small{overflow:hidden;color:#98a5b5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.campaign-status{flex:none;padding:6px 10px;border-radius:20px;background:#f2f5f9;color:#76869a;font-size:11px}.campaign-status.is-active{background:#eaf7f0;color:#32815c}.campaign-back{margin-bottom:24px;padding:0;border:0;background:none;color:#607086;font-size:13px;font-weight:600}.campaign-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:25px 30px;border:1px solid #e8eefe;border-radius:11px;background:#f4f7ff}.campaign-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.campaign-title h2{margin:0;font-size:21px;overflow-wrap:anywhere}.campaign-description{margin:0 0 12px;color:#6e7e92;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.campaign-detail-head small{color:#98a6b7;font-size:11px}.campaign-actions{display:flex;flex:none;gap:8px}.campaign-actions button{padding:10px 14px;border:1px solid #dce4f2;border-radius:8px;background:#fff;color:#526278;font-size:13px}.campaign-actions button:hover:not(:disabled){border-color:#91a8f4;color:#315fe9}.campaign-notice{margin:20px 0 0;padding:12px 14px;border-radius:8px;background:#fff8e9;color:#876a32;font-size:12px;line-height:1.6}.campaign-form .name-input span{color:#a2adba;font-size:11px;font-weight:400}.campaign-form textarea{width:100%;padding:12px;border:1px solid #e3e9f1;border-radius:8px;resize:vertical;font:inherit}.campaign-form textarea:focus-visible{outline:3px solid #9cb5ff;outline-offset:2px}@media(max-width:700px){.campaign-detail-head{flex-direction:column;padding:20px}.campaign-actions{flex-wrap:wrap}.campaign-row{gap:9px;padding:12px}.campaign-icon{width:36px;height:36px}.campaign-row-copy small{max-width:150px}}.campaign-badges{display:flex;flex:none;flex-wrap:wrap;gap:6px;justify-content:flex-end}.campaign-status.is-time{background:#eef3ff;color:#5573bb}.campaign-period,.campaign-time-help{color:#7c8ca1;font-size:12px;line-height:1.8}.campaign-period{margin:0 0 10px}.campaign-time-help{margin:0}.campaign-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign-time-fields .name-input{min-width:0;margin:14px 0}.campaign-time-fields input{min-width:0;width:100%}@media(max-width:540px){.campaign-time-fields{grid-template-columns:1fr;gap:0}.campaign-time-fields .name-input{margin:10px 0}.campaign-badges{max-width:72px}}.asset-tabs{display:flex;gap:24px;border-bottom:1px solid #e5eaf2;margin:8px 0 20px}.asset-tabs button{padding:12px 3px;border:0;border-bottom:2px solid transparent;background:transparent;color:#718096;font-weight:600}.asset-tabs button[aria-selected=true]{color:#315fe9;border-bottom-color:#315fe9}.asset-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.asset-filters form{display:flex;gap:6px;flex:1;min-width:210px}.asset-filters input,.asset-filters select,.asset-filters button:not(.primary),.asset-detail button:not(.modal-head button),.asset-more{border:1px solid #dce4f0;border-radius:6px;background:#fff;padding:9px 12px;color:#506078;font:inherit}.asset-filters form input{min-width:0;flex:1}.asset-video-icon{height:100px;display:flex;align-items:center;justify-content:center;background:#edf2fa;color:#8194b6;font-size:32px}.asset-more{display:block;margin:24px auto}.asset-detail-image{display:block;max-width:100%;max-height:220px;margin:16px auto;object-fit:contain}.asset-detail ul{max-height:180px;overflow:auto;padding-left:20px;color:#506078;font-size:13px}.asset-detail p{font-size:12px;color:#718096}.asset-video-cover{display:block;position:relative}.asset-video-cover img{object-fit:cover}.asset-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#111a2dad;color:#fff;font-size:12px;padding-left:2px;pointer-events:none}.button-action-settings{display:grid;gap:12px;margin:16px 0}.button-action-settings label{display:grid;gap:6px;color:#526278;font-size:12px;font-weight:600}.button-action-settings input,.button-action-settings select{width:100%;min-width:0;border:1px solid #dce4f0;border-radius:6px;padding:8px;background:#fff;color:#29394d}.publishing-modal{width:min(600px,100%)}.publishing-status,.publishing-hint,.publishing-message,.publishing-url{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.publishing-hint{color:#a65a27}.publishing-message{background:#f4f7ff;padding:10px;border-radius:6px}.publishing-actions{display:flex;gap:10px;margin:18px 0}.publishing-actions button:not(.primary),.publishing-history button{border:1px solid #dce4f0;background:#fff;border-radius:7px;padding:9px;color:#526278}.publishing-history{display:grid;gap:8px}.publishing-history>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #edf0f5;border-radius:7px;font-size:13px}.publishing-history small{display:block;color:#8997a7;margin-top:5px}.publishing-history button:disabled{opacity:.5}.video-inspector-preview{margin-top:16px;overflow:hidden;border:1px solid #e5ebf3;border-radius:8px;background:#ecf1fb}.video-inspector-preview .video-player,.video-inspector-preview .video-placeholder{width:100%;aspect-ratio:16/9;object-fit:contain}.video-source-status{margin:8px 0 12px;color:#8997a7;font-size:11px;line-height:1.5}.video-inspector-actions{display:grid;gap:8px}.video-inspector-actions button{width:100%;min-height:36px}.video-url-button,.video-clear-button{border:1px solid #dce4f0;background:#fff;border-radius:6px;color:#506078;font-size:12px}.video-clear-button{border-color:transparent;color:#8b98a9}.image-inspector{margin-top:16px}.image-inspector .carousel-pick{width:100%;min-height:36px;margin:10px 0 14px}.image-inspector label{display:block;font-size:12px;color:#607086;font-weight:500}.image-inspector input{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #dce4f0;border-radius:6px;font:inherit;color:#29394d}.analytics-modal{width:min(760px,100%)}.analytics-range{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.analytics-range label{display:grid;gap:6px;font-size:12px;color:#526278}.analytics-range input{border:1px solid #dce4f0;border-radius:7px;padding:8px}.analytics-note{font-size:12px;color:#7c8ca1;line-height:1.6}.analytics-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.analytics-cards>div{padding:12px;border-radius:8px;background:#f4f7ff}.analytics-cards span,.analytics-cards strong{display:block}.analytics-cards span{font-size:12px;color:#70809b}.analytics-cards strong{font-size:21px;margin-top:7px}.analytics-table{overflow:auto}.analytics-table table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.analytics-table th,.analytics-table td{border-bottom:1px solid #edf0f5;padding:9px;white-space:nowrap}.analytics-table small{display:block;color:#94a1b1;max-width:250px;overflow:hidden;text-overflow:ellipsis;margin-top:4px}@media(max-width:560px){.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-button,.page-button-preview{display:flex;align-items:center;justify-content:center}.page-button{width:calc(100% - 36px);border:0;min-height:44px}.page-button-preview{min-height:44px}.is-preview .canvas-block{border:0}.rules-block-anchor{position:relative}.rules-draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.rules-drag-ghost{position:fixed;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none;box-sizing:border-box;opacity:.85;box-shadow:0 3px 12px #17233244}.rules-drag-ghost.is-invalid{background:#a14a4a}.phone-viewport>.fixed-button-bar{z-index:4}.workspace-page-row{display:flex;align-items:center;border-bottom:1px solid #eef1f5;background:#fff}.workspace-page-row:last-child{border-bottom:0}.workspace-page-row:hover{background:#fafbff}.workspace-page-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:16px;border:0;background:transparent;text-align:left;color:#29394d}.workspace-page-main .page-icon{flex-shrink:0}.workspace-page-main .page-details{min-width:0;overflow-wrap:anywhere}.page-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}.page-campaign-tag{display:inline-flex;max-width:100%;padding:2px 7px;border:1px solid #dce6ff;border-radius:6px;background:#f1f5ff;color:#284c9b;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.workspace-page-main .page-status,.workspace-page-main .row-arrow{flex-shrink:0}.workspace-page-main .page-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:50%;padding:0;background:transparent}.page-status-badge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid transparent;border-radius:20px;background:#f2f5f9;color:#526278;font-size:11px;font-weight:600;line-height:1.4}.page-status-badge.is-published,.page-status-badge[data-access-status=NOT_STARTED]{border-color:#d8e4ff;background:#f0f5ff;color:#315ab5}.page-status-badge.is-draft{border-color:#dce3ed;background:#f5f7fa;color:#596a80}.page-status-badge.is-offline,.page-status-badge[data-access-status=UNAVAILABLE]{border-color:#e2e6eb;background:#f4f5f7;color:#626d7a}.page-status-badge[data-access-status=AVAILABLE]{border-color:#ccebd9;background:#edf9f1;color:#247245}.page-status-badge[data-access-status=PAUSED],.page-status-badge[data-access-status=ENDED]{border-color:#f0d7b7;background:#fff7eb;color:#8b561d}.workspace-page-actions{display:flex;gap:8px;padding:0 16px 0 0}.workspace-page-actions button{white-space:nowrap;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#526278;padding:8px 12px;font-size:12px}.workspace-page-actions button:hover{border-color:#9fb4f7;color:#315fe9}.workspace-page-main:focus-visible,.workspace-page-actions button:focus-visible{outline-offset:-3px}@media(max-width:700px){.workspace-page-row{flex-wrap:wrap}.workspace-page-main{flex-basis:100%}.workspace-page-actions{justify-content:flex-end;width:100%;padding:0 16px 16px}}.campaign-row-period{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.campaign-time-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 6px;border:1px solid #dce6ff;border-radius:6px;background:#f1f5ff;color:#284c9b;font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums}.campaign-time-tag>span:first-child{color:#607ab4;font-weight:500}.campaign-time-tag time{overflow-wrap:anywhere}.campaign-page-count{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #dfe7f0;border-radius:6px;background:#f5f8fb;color:#536a83;font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums}.system-notice-entry{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;margin:16px 0;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;text-align:left;color:#334155;cursor:pointer}.system-notice-entry.selected{border-color:#315fe9;background:#f1f5ff}.system-notice-entry>span:nth-child(2){display:grid;gap:3px;flex:1}.system-notice-entry small{font-size:11px;color:#8491a3}.access-notice-settings{border-top:1px solid #e6ebf2;margin-top:18px;padding-top:12px}.access-notice-settings h4{margin:0 0 12px}.access-notice-settings label{display:grid;gap:6px;margin-bottom:12px;font-size:13px;color:#53647b}.access-notice-settings input,.access-notice-settings textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #d7dfeb;border-radius:7px;color:#26374c;font:inherit}.access-notice-settings textarea{resize:vertical}.access-notice-preview{padding:16px;background:#edf1f7;border-radius:10px;text-align:center}.access-notice-preview>div{padding:16px;background:#fff;border-radius:10px;box-shadow:0 3px 14px #20304a12}.access-notice-preview p{margin:8px 0 0;white-space:pre-wrap;font-size:12px;color:#728198}.publishing-access{margin:14px 0;padding:12px;border:1px solid #e2e8f0;border-radius:10px}.publishing-access p{margin:0 0 8px}.publishing-access button{border:1px solid #e8c6a6;border-radius:7px;background:#fff8f1;color:#95501c;padding:9px 12px;font-size:13px;font-weight:600}.publishing-access button:not(:disabled):hover{border-color:#d89962;background:#fff1e4}.publishing-access button.is-resume{border-color:#ccd8f2;background:#f5f8ff;color:#315fe9}.publishing-access button.is-resume:not(:disabled):hover{border-color:#9fb4f7;background:#eaf0ff}.editor-layout.is-preview{grid-template-columns:minmax(250px,320px) minmax(0,1fr)}.scan-preview-panel{min-width:0;min-height:0;overflow-y:auto;padding:24px;border-right:1px solid #e9edf3;background:#fff}.scan-preview-panel h2{margin:0 0 16px;color:#29394d;font-size:18px}.scan-preview-panel>p{font-size:13px;line-height:1.7;color:#607086}.scan-preview-panel .scan-preview-warning{padding:10px 12px;border-radius:8px;background:#fff7eb;color:#8b561d}.scan-preview-code{display:grid;place-items:center;min-height:220px;margin:18px 0;padding:10px;border:1px solid #e7edf5;border-radius:10px;background:#fff;color:#607086;font-size:13px;text-align:center}.scan-preview-code svg{display:block;max-width:100%;height:auto}.scan-preview-panel .scan-preview-help{color:#7c8ca1;font-size:12px}.scan-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.scan-preview-actions button{border:1px solid #dce4f0;border-radius:8px;background:#fff;color:#315fe9;padding:9px 14px;font-size:13px;font-weight:600}.scan-preview-actions button:not(:disabled):hover{border-color:#9fb4f7;background:#f5f8ff}@media(max-width:760px){.editor-layout.is-preview{overflow-y:auto}.scan-preview-panel{flex:none;overflow:visible;padding:20px 16px;border-right:0;border-bottom:1px solid #e9edf3}.editor-layout.is-preview .canvas-area{flex:none;height:600px;min-height:600px}}.template-actions{display:flex;gap:8px;margin-top:14px}.template-actions button{border:1px solid #e2e8f0;background:#fff;color:#526278;border-radius:7px;padding:6px 10px;font-size:12px}.template-actions button:hover:not(:disabled){border-color:#9fb4f7;color:#315fe9}.name-input textarea{font:inherit;font-weight:400;resize:vertical;border:1px solid #e3e9f1;border-radius:8px;padding:12px}.name-input textarea:focus-visible{outline:3px solid #9cb5ff;outline-offset:2px}.template-card p{overflow-wrap:anywhere}@media(max-width:700px){.editor-actions{flex-wrap:wrap}.editor-actions button{flex:1 1 40%}}.template-empty{margin:0;color:#8b98a9;font-size:13px}.lead-form-settings{display:grid;gap:12px}.lead-form-settings>label:not(.lead-form-check){display:grid;gap:6px;color:#526278;font-size:12px;font-weight:600}.lead-form-settings input:not([type=checkbox]),.lead-form-settings textarea{width:100%;border:1px solid #dce4f0;border-radius:6px;padding:9px;font:inherit;color:#26374c}.lead-form-settings textarea{resize:vertical}.lead-form-check{display:flex;align-items:center;gap:7px;color:#526278;font-size:12px}.lead-form-check input{width:auto}.lead-form-settings .style-help{margin:0}.lead-form-preview{display:grid;gap:12px;padding:20px 18px;color:#26374c;font-size:14px}.lead-form-preview>label:not(.lead-preview-consent){display:grid;gap:6px;font-weight:600}.lead-form-preview>label span[aria-hidden=true]{color:#d03939}.lead-form-preview input:not([type=checkbox]){width:100%;min-height:44px;padding:10px 12px;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:#26374c;font:inherit}.lead-preview-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6}.lead-preview-consent input{margin:3px 0 0}.lead-preview-policy{color:#315fe9;text-decoration:underline}.lead-form-preview button[type=submit]{min-height:44px;border:0;border-radius:24px;background:#315fe9;color:#fff;font:inherit;font-weight:600}.lead-form-preview button:disabled{opacity:1}.lead-preview-error{color:#b32d2d;margin:0}.lead-preview-note,.lead-form-preview [role=status] p{margin:0;color:#718096;font-size:12px}.lead-form-preview [role=status]{display:grid;gap:10px}.lead-preview-reset{border:1px solid #dce4f0;background:#fff;color:#315fe9;border-radius:6px;padding:8px;justify-self:start}.marketing-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:#172332aa}.marketing-backdrop.is-contained{position:absolute;padding:16px}.marketing-dialog{position:relative;width:min(100%,420px);max-height:85vh;overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:16px;box-shadow:0 18px 60px #17233244}.is-contained .marketing-dialog{max-height:90%}.marketing-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:transparent;color:#5b6472;font-size:28px;cursor:pointer}.marketing-content{padding:32px 24px 24px;text-align:center;overflow-wrap:anywhere}.marketing-content h2{margin:0 32px 16px;font-size:20px;line-height:1.4}.marketing-content p{white-space:pre-wrap;line-height:1.6;color:#596476}.marketing-content img{display:block;width:100%;height:auto;max-height:40vh;object-fit:contain}.marketing-action{min-height:44px;width:100%;border:0;border-radius:24px;background:#315fe9;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.leads-modal{width:min(900px,100%)}.lead-delete,.lead-more{border:1px solid #dce4f0;border-radius:7px;background:#fff;padding:7px 12px;color:#526278}.lead-delete{color:#a33}.lead-more{margin-top:16px}.h5-page{box-sizing:border-box;min-height:100vh;max-width:750px;margin:0 auto;color:#26374c;font-family:system-ui,-apple-system,sans-serif;overflow-wrap:anywhere}.h5-page *{box-sizing:border-box}.h5-page.h5-has-fixed{padding-bottom:96px}.h5-block{position:relative}.h5-text{white-space:pre-wrap;line-height:1.7;padding:16px}.h5-image,.h5-carousel img{display:block;width:100%;height:auto}.h5-image-anchor,.h5-carousel{position:relative}.h5-carousel-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:#0006;border-radius:20px;padding:5px}.h5-carousel-controls button{width:8px;height:8px;padding:0;background:#fff7;border:0;border-radius:50%}.h5-carousel-controls button[aria-current=true]{background:#fff}.h5-video video{display:block;width:100%;background:#111}.h5-video p{padding:12px;color:#a33}.h5-image-text,.h5-rules{padding:16px;white-space:pre-wrap;line-height:1.7}.h5-image-text p,.h5-rules p{white-space:pre-wrap}.h5-action-wrap{padding:14px 18px}.h5-action{display:block;width:100%;min-height:44px;border:0;border-radius:24px;background:#315fe9;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.h5-fixed{position:fixed;z-index:4;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:750px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0001}.h5-rule-flow{padding:12px;text-align:right}.h5-rule-entry{border:0;background:#111a;color:#fff;border-radius:18px;padding:7px 12px;font-size:12px}.h5-rule-overlay{position:absolute}.h5-company{padding:24px 16px;color:#8994a3;text-align:center;font-size:12px;line-height:1.8;white-space:pre-wrap}.h5-dialog-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:#0008;display:flex;align-items:center;justify-content:center;padding:20px}.h5-dialog{width:min(100%,420px);max-height:80vh;background:#fff;border-radius:12px;overflow:hidden}.h5-dialog header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}.h5-dialog h2{font-size:17px;margin:0}.h5-dialog header button{font-size:24px;border:0;background:none}.h5-dialog>div{max-height:60vh;overflow:auto;white-space:pre-wrap;line-height:1.7;padding:16px}.h5-status{min-height:100vh;display:grid;place-items:center;color:#728198;padding:24px;text-align:center;font-family:system-ui,sans-serif}.h5-lead-form{padding:16px 18px}.h5-lead-form form{display:grid;gap:14px}.h5-lead-label{display:grid;gap:6px;font-size:14px;font-weight:600}.h5-lead-label small{font-weight:400;color:#718096}.h5-lead-label input{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;color:inherit;background:#fff}.h5-lead-consent{font-size:13px;color:#526278;line-height:1.6}.h5-lead-consent label{display:inline}.h5-lead-consent input{vertical-align:middle;margin:0 5px 2px 0}.h5-lead-consent a{color:#315fe9}.h5-lead-error{margin:0;color:#b34343;font-size:13px}.h5-lead-success{margin:0;padding:16px;border-radius:8px;background:#eef8f0;color:#287647;text-align:center;white-space:pre-wrap}.h5-lead-form button:disabled{opacity:.6;cursor:wait}.h5-fixed{padding:1px 0 calc(12px + env(safe-area-inset-bottom))}.h5-video video{background:#182333;aspect-ratio:auto 16 / 9}.h5-access-notice{box-sizing:border-box;width:min(100%,420px);padding:32px 24px;border-radius:16px;background:#fff;box-shadow:0 10px 40px #26374c18;color:#26374c}.h5-access-notice h1{margin:0;font-size:20px;line-height:1.4}.h5-access-notice h1:focus{outline:none}.h5-access-notice p{margin:12px 0 0;color:#728198;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.h5-status-restricted{background:#f5f7fb}.preview-banner{position:sticky;top:0;z-index:5;padding:8px 12px;background:#eff5ff;color:#315ab5;text-align:center;font-size:12px;line-height:1.5}.preview-page .lead-form-preview{margin:0}