.dashboard-content.product-wizard-page{width:100%;max-width:none;padding:0;overflow:hidden}.pw-page{background:linear-gradient(135deg,#f4f8f6,#edf4f0);height:calc(100dvh - 76px);min-height:620px;padding:16px 18px;overflow:hidden}.pw-layout{grid-template-columns:minmax(680px,1fr) minmax(280px,340px);gap:18px;max-width:1540px;height:100%;margin:auto;display:grid}.pw-form,.pw-preview{background:#fff;border:1px solid #dbe6e0;border-radius:24px;min-width:0;box-shadow:0 16px 42px #133e2e14}.pw-form{grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.pw-header{border-bottom:1px solid #e1e9e5;grid-template-columns:minmax(190px,.65fr) minmax(420px,1fr) 42px;align-items:center;gap:18px;padding:14px 18px;display:grid}.pw-context{align-items:center;gap:10px;min-width:0;display:flex}.pw-context>span,.pw-step>header>span{color:#087451;background:#e5f5ee;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.pw-context svg,.pw-step>header svg{width:21px}.pw-context div{min-width:0;display:grid}.pw-context small,.pw-step>header small{letter-spacing:.15em;color:#71827a;font-size:10px;font-weight:800}.pw-context strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.pw-stepper{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pw-stepper button{color:#839088;text-align:left;background:0 0;border:0;align-items:center;gap:7px;min-width:0;padding:0;display:flex;position:relative}.pw-stepper button:not(:last-child):after{content:"";background:#d6e0db;height:1px;position:absolute;top:15px;left:32px;right:4px}.pw-stepper span{z-index:1;background:#f7faf8;border:1px solid #d3ded8;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.pw-stepper svg{width:15px}.pw-stepper b{z-index:1;white-space:nowrap;background:#fff;padding-right:5px;font-size:12px}.pw-stepper .active,.pw-stepper .done{color:#087451}.pw-stepper .active span,.pw-stepper .done span{color:#fff;background:#087451;border-color:#087451}.pw-close,.pw-preview>header button{color:#607068;background:#eff4f1;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.pw-close svg,.pw-preview>header button svg{width:19px}.pw-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7c8bf transparent;min-height:0;padding:18px 22px 26px;overflow:auto}.pw-step{max-width:1050px;margin:auto}.pw-step>header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.pw-step>header h1{margin:2px 0 1px;font-size:clamp(24px,2vw,32px);line-height:1.05}.pw-step>header p{color:#65756d;margin:0;font-size:14px}.pw-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pw-type-grid>button{color:#15231d;text-align:left;background:#fff;border:1px solid #dbe4df;border-radius:17px;grid-template-columns:50px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:92px;padding:14px 16px;transition:all .18s;display:grid;position:relative}.pw-type-grid>button:hover{border-color:#8eb9a6;transform:translateY(-1px)}.pw-type-grid i{color:#577267;background:#edf5f1;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.pw-type-grid .selected i{color:#fff;background:#087451}.pw-type-grid span{gap:4px;min-width:0;display:grid}.pw-type-grid b{font-size:17px;line-height:1.15}.pw-type-grid small{color:#68776f;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pw-type-grid em{color:#fff;background:#087451;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.pw-type-grid em svg{width:14px}.pw-field-card,.pw-conversion,.pw-list,.pw-summary{background:#fbfdfc;border:1px solid #dde6e1;border-radius:17px;margin-bottom:14px;padding:14px}.pw-field-card>header{margin-bottom:10px;display:grid}.pw-field-card>header small{color:#718078}.pw-upload{cursor:pointer;background:#f1faf6;border:1px dashed #a9cbbc;border-radius:15px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:82px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.pw-upload>img{object-fit:cover;border-radius:10px;width:64px;height:58px}.pw-upload>i{color:#087451;background:#dff2e9;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.pw-upload>span{gap:3px;min-width:0;display:grid}.pw-upload>span b,.pw-upload>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pw-upload>span small{color:#69776f}.pw-upload>em{color:#087451;background:#fff;border:1px solid #bdd5ca;border-radius:11px;padding:9px 13px;font-style:normal;font-weight:750}.pw-upload>input{opacity:0;width:1px;height:1px;position:absolute}.pw-upload .upload-progress{grid-column:2/-1}.pw-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.pw-fields label{gap:6px;font-size:13px;font-weight:750;display:grid}.pw-fields .wide{grid-column:1/-1}.pw-fields input,.pw-list-item>input{width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #cfdcd5;border-radius:12px;padding:10px 12px}.pw-fields .rich-editor{font-weight:400}.pw-step .rich-editor-content{min-height:180px;max-height:320px;overflow:auto}.pw-step .rich-editor-image{object-fit:contain;border-radius:12px;max-width:100%;height:auto;max-height:280px;margin:12px auto;display:block}.pw-conversion>header,.pw-list>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pw-conversion h3,.pw-list h3,.pw-summary h3{margin:2px 0;font-size:17px}.pw-conversion header small{letter-spacing:.12em;color:#75867e;font-size:10px}.pw-conversion header>button{background:#cbd7d1;border:0;border-radius:20px;width:46px;height:26px;padding:3px}.pw-conversion header>button span{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;display:block}.pw-conversion header>button.on{background:#087451}.pw-promo{color:#fff;text-align:center;border-radius:10px;margin:12px 0;padding:10px;font-weight:800}.pw-colors{gap:8px;display:flex}.pw-colors button{border:3px solid #fff;border-radius:50%;width:27px;height:27px;box-shadow:0 0 0 1px #d4dfda}.pw-list>header button{color:#087451;background:#fff;border:1px solid #c9d9d1;border-radius:10px;padding:8px 11px;font-weight:750}.pw-list h3 small{color:#78877f;font-weight:400}.pw-list-item{background:#fff;border:1px solid #e0e8e4;border-radius:13px;gap:10px;margin-top:10px;padding:12px;display:grid;position:relative}.pw-list-item>button{z-index:2;background:#f1f5f3;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.pw-list-item>button svg{width:15px}.pw-list-item .rich-editor-content{min-height:100px}.pw-summary dl{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0;display:grid}.pw-summary dl div{background:#f0f6f3;border-radius:11px;padding:10px}.pw-summary dt{color:#718078;font-size:11px}.pw-summary dd{margin:3px 0 0;font-weight:800}.pw-actions{background:#fff;border-top:1px solid #e1e9e5;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 18px;display:grid}.pw-actions>span{color:#718078;font-size:12px}.pw-actions>div{gap:9px;display:flex}.pw-actions .button{min-width:130px}.pw-preview-toggle{color:#087451;background:0 0;border:0;align-items:center;gap:6px;font-weight:750;display:none}.pw-preview-toggle svg{width:17px}.pw-preview{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid;overflow:hidden}.pw-preview>header{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pw-preview>header>div{justify-content:space-between;gap:8px;width:100%;display:flex}.pw-preview>header b{letter-spacing:.15em;color:#63766c;font-size:11px}.pw-preview>header small{color:#84938b}.pw-preview>header button{display:none}.pw-phone{background:#fff;border:8px solid #102019;border-radius:36px;align-self:start;width:min(88%,300px);margin:0 auto 14px;padding:9px;box-shadow:0 18px 35px #162f2529}.pw-phone-top{justify-content:space-between;align-items:center;height:25px;padding:0 8px;font-size:10px;display:flex}.pw-phone-top i{background:#102019;border-radius:12px;width:56px;height:17px}.pw-phone article{border:1px solid #e0e6e3;border-radius:22px;position:relative;overflow:hidden}.pw-phone article>em{z-index:2;color:#fff;border-radius:10px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:9px;left:9px}.pw-preview-cover{aspect-ratio:16/10;color:#789087;background:#eaf1ed;place-items:center;display:grid}.pw-preview-cover img{object-fit:cover;width:100%;height:100%}.pw-preview-copy{padding:13px}.pw-preview-copy>small{color:#ff754c;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.pw-preview-copy h2{margin:6px 0;font-size:18px}.pw-preview-copy p{color:#64746c;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;margin:0;font-size:11px;display:-webkit-box;overflow:hidden}.pw-preview-copy>div{border-top:1px solid #e4e9e6;justify-content:flex-end;align-items:flex-end;gap:7px;margin:14px 0 9px;padding-top:10px;display:flex}.pw-preview-copy del{color:#88968f;font-size:10px}.pw-preview-copy strong{font-size:16px}.pw-preview-copy>button{color:#fff;background:#087451;border:0;border-radius:10px;width:100%;padding:11px;font-weight:800}.pw-toast{z-index:10000;color:#fff;background:#163d30;border-radius:13px;max-width:min(420px,100vw - 32px);padding:13px 16px;animation:.2s ease-out pw-toast-in;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 35px #0003}@keyframes pw-toast-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width:1180px){.pw-layout{grid-template-columns:minmax(0,1fr)}.pw-preview{z-index:9999;background:#0a1d158c;border-radius:0;place-items:center;padding:18px;display:none;position:fixed;inset:0}.pw-preview.open{display:grid}.pw-preview>header{background:#fff;border-radius:16px;position:absolute;top:18px;left:18px;right:18px}.pw-preview>header button{display:grid}.pw-phone{background:#fff;margin:56px auto 0}.pw-preview-toggle{display:flex}.pw-header{grid-template-columns:minmax(180px,.7fr) minmax(380px,1fr) 42px}}@media (max-width:760px){.pw-page{background:#fff;height:calc(100dvh - 64px);min-height:0;padding:0}.pw-layout{gap:0}.pw-form{box-shadow:none;border:0;border-radius:0}.pw-header{grid-template-columns:1fr 38px;gap:8px;padding:10px 12px}.pw-stepper{grid-area:2/1/auto/-1}.pw-stepper b{display:none}.pw-stepper button:not(:last-child):after{left:28px}.pw-content{padding:14px 12px 92px}.pw-step>header{align-items:flex-start;margin-bottom:14px}.pw-step>header h1{font-size:24px}.pw-step>header p{font-size:13px}.pw-type-grid{grid-template-columns:1fr}.pw-type-grid>button{min-height:78px;padding:11px}.pw-fields{grid-template-columns:1fr}.pw-summary dl{grid-template-columns:repeat(2,1fr)}.pw-upload{grid-template-columns:52px minmax(0,1fr)}.pw-upload>img{width:52px;height:48px}.pw-upload>em{text-align:center;grid-column:1/-1}.pw-upload .upload-progress{grid-column:1/-1}.pw-actions{z-index:20;grid-template-columns:auto 1fr;padding:10px 12px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #183a2d14}.pw-actions>span{display:none}.pw-actions>div{justify-content:flex-end}.pw-actions .button{min-width:110px}.pw-step .rich-editor-content{min-height:150px;max-height:260px}}.pw-page{background:linear-gradient(135deg,#f8f6fb,#f2eff7)}.pw-form,.pw-preview{border-color:#e5e0eb;box-shadow:0 16px 42px #2e204417}.pw-header,.pw-actions{border-color:#e8e3ed}.pw-context>span,.pw-step>header>span,.pw-type-grid i,.pw-upload>i{color:#7c3aed;background:#f2edff}.pw-stepper .active,.pw-stepper .done,.pw-preview-toggle,.pw-upload>em,.pw-list>header button{color:#7c3aed}.pw-stepper .active span,.pw-stepper .done span,.pw-type-grid .selected i,.pw-type-grid em{color:#fff;background:#7c3aed;border-color:#7c3aed}.pw-stepper button:not(:last-child):after{background:#ddd6e8}.pw-stepper span,.pw-close,.pw-preview>header button{color:#6f6a78;background:#f5f2f8;border-color:#ddd6e8}.pw-type-grid>button{color:#211d27;border-color:#e2dce8}.pw-type-grid>button:hover{background:#faf8ff;border-color:#a78bfa;box-shadow:0 8px 20px #7c3aed14}.pw-type-grid>button.selected{background:#f2edff;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed17}.pw-field-card,.pw-conversion,.pw-list,.pw-summary{background:#fcfbfd;border-color:#e5e0eb}.pw-upload{background:#faf8ff;border-color:#c4b5fd}.pw-upload>em,.pw-list>header button{border-color:#d8ccf6}.pw-fields input,.pw-list-item>input{border-color:#ddd6e3}.pw-colors button.selected{box-shadow:0 0 0 2px #7c3aed}.pw-summary dl div{background:#f4f0fa}.pw-phone,.pw-phone-top i{background-color:#18151f;border-color:#18151f}.pw-phone{background:#fff;box-shadow:0 18px 35px #2e204429}.pw-preview-cover{color:#7c3aed;background:#f0edf4}.pw-preview-copy>button{background:#7c3aed}.pw-toast{background:#5b21b6;box-shadow:0 14px 35px #2e20443d}.dashboard-content.pw-dashboard{box-sizing:border-box;width:100%;max-width:none;height:calc(100dvh - 56px);overflow:hidden;padding:6px 8px 14px!important}.pw-editor-field{gap:6px;font-size:13px;font-weight:750;display:grid}.pw-editor-field .rich-editor{font-weight:400}.pw-page{box-sizing:border-box;width:100%;height:100%;min-height:0;padding:0}.pw-layout{grid-template-columns:minmax(0,1fr) clamp(300px,27vw,360px);gap:12px;width:100%;max-width:none}.pw-form,.pw-preview{box-sizing:border-box;border-radius:18px;height:100%}.pw-layout>.pw-form{margin:0!important}.pw-header{gap:12px;padding:10px 14px}.pw-step{width:100%;max-width:none}.pw-preview>header{padding:11px 14px}.pw-phone{width:min(88%,286px);margin-top:0}.pw-preview,.pw-phone,.pw-phone article,.pw-preview-copy{min-width:0;max-width:100%}.pw-preview-copy h2,.pw-preview-copy p{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.pw-preview-copy p{white-space:normal}@media (max-width:1180px){.pw-layout{grid-template-columns:minmax(0,1fr)}}@media (max-height:800px) and (min-width:761px){.dashboard-content.pw-dashboard{padding:4px 6px 12px!important}.pw-header{padding:8px 12px}.pw-content{padding:10px 14px 14px}.pw-step>header{margin-bottom:12px}.pw-actions{min-height:54px;padding:7px 12px}.pw-phone{width:min(84%,260px)}}@media (max-width:760px){.dashboard-content.pw-dashboard{height:calc(100dvh - 64px);padding:0!important}.pw-page{height:100%;padding:0}.pw-form{border-radius:0}.pw-header{padding:10px 12px}.pw-content{padding:14px 12px 92px}}.pw-actions>div{justify-content:flex-end;gap:9px;margin-left:auto;display:flex}.pw-content{padding:12px 15px 15px}.pw-step>header{gap:10px;margin-bottom:13px}.pw-step>header>span{border-radius:12px;width:38px;height:38px}.pw-step>header h1{font-size:clamp(22px,1.65vw,28px)}.pw-step>header p{font-size:13px}.pw-type-grid{gap:9px}.pw-type-grid>button{border-radius:15px;grid-template-columns:42px minmax(0,1fr) 22px;gap:11px;min-height:76px;padding:10px 13px}.pw-type-grid i{border-radius:12px;width:42px;height:42px}.pw-type-grid i svg{width:20px}.pw-type-grid b{font-size:15px}.pw-type-grid small{font-size:12px}.pw-type-grid em{width:22px;height:22px}.pw-actions{min-height:54px;padding:7px 14px}.pw-actions .button{min-width:122px;min-height:42px}.pw-field-card,.pw-conversion,.pw-list,.pw-summary{border-radius:14px;margin-bottom:10px;padding:11px 12px}.pw-field-card>header{margin-bottom:7px}.pw-field-card>header b{font-size:14px}.pw-field-card>header small{font-size:11px}.pw-upload{border-radius:12px;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;min-height:66px;padding:7px 10px}.pw-upload>img{border-radius:8px;width:54px;height:48px}.pw-upload>i{border-radius:11px;width:42px;height:42px}.pw-upload>span{gap:1px}.pw-upload>span b{font-size:13px}.pw-upload>span small{font-size:11px}.pw-upload>em{border-radius:9px;padding:7px 11px;font-size:12px}.pw-fields{gap:9px;margin-bottom:10px}.pw-fields label,.pw-editor-field{gap:4px;font-size:12px}.pw-fields input,.pw-list-item>input{border-radius:10px;min-height:40px;padding:8px 10px}.pw-step .rich-editor-content{min-height:145px;max-height:260px}.pw-step .rich-editor.compact .rich-editor-content,.pw-list-item .rich-editor-content{min-height:82px;max-height:170px}.pw-conversion h3,.pw-list h3,.pw-summary h3{font-size:15px}.pw-conversion header>button{width:42px;height:24px}.pw-conversion header>button span{width:18px;height:18px}.pw-conversion header>button.on span{transform:translate(18px)}.pw-promo{margin:8px 0;padding:8px}.pw-colors button{width:24px;height:24px}.pw-list>header button{padding:6px 9px;font-size:12px}.pw-list-item{border-radius:11px;gap:7px;margin-top:7px;padding:9px}.pw-list-item>button{width:25px;height:25px}.pw-summary dl{gap:6px;margin-top:8px}.pw-summary dl div{padding:8px}.pw-summary dt{font-size:10px}.pw-summary dd{font-size:12px}