:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--border-soft:#e5e7eb;--border-muted:#eef2f7;--border-blue:#bfdbfe;--border-danger:#fecaca;--surface-page:#ffffff;--surface-soft:#f8fafc;--surface-blue:#eff6ff;--text-strong:#111827;--text-main:#1f2937;--text-muted:#6b7280;--text-soft:#8a94a6;--blue:#2563eb;--blue-dark:#1d4ed8;--green:#16a34a;--danger:#ef4444;--font-xs:10.5px;--font-sm:11.5px;--font-base:13px;--font-md:14px;--font-lg:16px;--template-thumb-w:44px;--template-drag-w:18px;--template-pages-w:96px}*,::after,::before{font-family:"Noto Sans",sans-serif;box-sizing:border-box}:focus-visible{outline:3px solid #2563eb;outline-offset:3px}body,html{height:100%;margin:0;overflow:hidden}.sc::-webkit-scrollbar{width:4px}.sc::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.opt{border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;background:#fff;transition:border-color .12s,background .12s;user-select:none;text-align:left;font:inherit;color:inherit;padding:0}.opt:hover{border-color:#93c5fd}.opt.sel{border-color:#2563eb!important;background:#eff6ff}.opt.sel .device-svg rect{stroke:#2563eb}.ab{max-height:0;overflow:hidden;transition:max-height .28s ease,opacity .2s ease;opacity:0}.ab.open{max-height:8000px;opacity:1;overflow:visible}.ar{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;background:#fff;transition:background .1s;user-select:none}.ar:hover{background:#f9fafb}.ar.open{background:#f8fbff}.chv{transition:transform .22s ease;flex-shrink:0}.ar.open .chv{transform:rotate(180deg)}.page-badge{font-size:11.5px;font-weight:600;color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0;padding:2px 8px;border-radius:999px;white-space:nowrap}.page-badge.off{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.tog{width:36px;height:20px;border-radius:999px;background:#d1d5db;position:relative;cursor:pointer;transition:background .18s;flex-shrink:0}.tog.on{background:#2563eb}.tk{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .18s}.tog.on .tk{transform:translateX(16px)}.hol{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:1.5px solid #e5e7eb;cursor:pointer;transition:border-color .12s,background .12s;user-select:none}.hol:hover:not(.hd){border-color:#93c5fd}.hol.on{border-color:#2563eb;background:#eff6ff}.hol.hd{opacity:.3;cursor:not-allowed;pointer-events:none}.hb{width:16px;height:16px;border-radius:4px;border:1.5px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,border-color .12s}.hol.on .hb{background:#2563eb;border-color:#2563eb}.lp{padding:4px 12px;border-radius:999px;border:1.5px solid #e5e7eb;font-size:12px;color:#374151;background:#fff;cursor:pointer;transition:all .12s}.lp:hover{border-color:#93c5fd;background:#f0f9ff}.lp.on{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;font-weight:500}select.styled{border:1.5px solid #e5e7eb;border-radius:7px;padding:7px 28px 7px 10px;font-size:13px;color:#374151;background:#fff;outline:0;cursor:pointer;transition:border-color .12s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}select.styled:focus{border-color:#2563eb}.rule-sel{border:1.5px solid #e5e7eb;border-radius:6px;padding:5px 8px;font-size:12px;color:#374151;background:#fff;outline:0;width:100%;transition:border-color .12s}.rule-sel:focus{border-color:#2563eb}.rule-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:500;background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd;margin:1px}.cs{padding:18px 0;border-bottom:1px solid #f3f4f6}.cs:last-child{border-bottom:none}.csh{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;padding:2px 0;border:none;background:0 0;width:100%;text-align:left;font:inherit;color:inherit;transition:all .15s}.csh--next{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;padding:14px 16px;cursor:pointer}.csh--next:hover{background:#f1f5f9;border-color:#d1d5db}.csh--next .csh-label{color:#1f2937}.csh--next .csh-next-arrow{display:inline;margin-left:auto;font-size:13px;color:#6b7280;white-space:nowrap}.csh-next-arrow{display:none}.csh-step{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:all .15s}.csh-step.done{background:#dcfce7;color:#16a34a;font-size:0}.csh-step.done::after{content:"✓";font-size:11px;font-weight:700}.csh-step.active{background:#dbeafe;color:#2563eb;border:1.5px solid #2563eb}.csh-step.next{background:#eff6ff;color:#2563eb;border:1.5px solid #93c5fd}.csh-step.pending{background:#f3f4f6;color:#9ca3af;border:1.5px solid #e5e7eb}.csh-step.available{background:#f8fafc;color:#3b82f6;border:1.5px solid #bfdbfe}.btn-checkout.disabled{opacity:.4;cursor:not-allowed}.lang-coming-soon{font-size:13px;color:#6b7280;margin-top:8px}.lang-request-trigger{background:0 0;border:none;color:#2563eb;cursor:pointer;font:inherit;text-decoration:underline;padding:0}.lang-request-trigger:hover{color:#1d4ed8}.lang-request-form{margin-top:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:10px}.lang-request-form .form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;box-sizing:border-box}.lang-request-form .form-input:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 2px #eff6ff}.lang-request-submit{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.lang-request-submit:hover{background:#1d4ed8}.lang-request-msg{font-size:13px;color:#16a34a;min-height:18px}.lang-request-msg.error{color:#dc2626}.sticky-cart-bar{display:block;width:100%;margin-top:16px;padding:16px 20px;border:none;border-radius:10px;background:#ea580c;color:#fff;font-family:"Noto Sans",system-ui,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s,opacity .15s;box-shadow:0 2px 8px rgba(234,88,12,.3)}.sticky-cart-bar:not(:disabled):hover{background:#c2410c;box-shadow:0 4px 16px rgba(234,88,12,.4)}.sticky-cart-bar:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.csh--next .csh-summary{display:none}.cs.locked .csh-next-arrow{display:none}.cs.locked{opacity:.4;filter:grayscale(.3)}.empty-sequence{height:100%;display:grid;place-content:center;text-align:center;color:#6b7280;padding:40px 20px}.empty-title{font-size:15px;font-weight:700;color:#1f2937}.empty-text{margin-top:4px;font-size:12px}.csh-label{font-size:14px;font-weight:600;color:#374151;transition:color .12s}.csh-summary{font-size:11.5px;color:#6b7280;margin-left:auto;font-weight:400}.csh-body{overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:1}.csh-body.collapsed{max-height:0!important;opacity:0;margin:0;padding:0}.cl{font-size:10.5px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.tip{background:#fffbeb;border:1px solid #fde68a;border-radius:7px;padding:9px 12px;font-size:11.5px;color:#92400e;line-height:1.5}.lpv{position:absolute;inset:0;transition:opacity .18s ease,transform .18s ease;overflow:hidden}.lpv.hidden{opacity:0;transform:scale(.97);pointer-events:none}.tbc{border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;overflow:hidden;position:relative}.tbc:hover{border-color:#2563eb;box-shadow:0 2px 12px rgba(37,99,235,.15)}.tbc.sel{border-color:#2563eb;background:#eff6ff}.sz-btn{padding:4px 8px;border-radius:5px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;font-size:11px;color:#6b7280;transition:all .12s}.sz-btn.on{background:#eff6ff;border-color:#2563eb;color:#1d4ed8;font-weight:600}.add-tpl-btn{border:2px dashed #d1d5db;border-radius:8px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .15s;color:#6b7280}.add-tpl-btn:hover{border-color:#2563eb;color:#2563eb;background:#f0f9ff}.chg-btn{font-size:11px;color:#2563eb;background:0 0;border:1px solid #bfdbfe;border-radius:5px;padding:3px 8px;cursor:pointer;transition:all .12s;white-space:nowrap;flex-shrink:0}.chg-btn:hover{background:#eff6ff;border-color:#93c5fd}.chg-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.search-input{width:100%;border:1.5px solid #e5e7eb;border-radius:7px;padding:7px 12px 7px 32px;font-size:13px;outline:0;transition:border-color .12s;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 10px center}.search-input:focus{border-color:#2563eb}.rv{animation:rv .18s ease}@keyframes rv{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#rpanel-preview{display:none;height:100%;background:rgba(241,245,249,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;overflow-y:auto}#rpanel-preview.open{display:flex}#preview-close-btn{position:absolute;top:14px;right:18px;background:0 0;border:none;font-size:20px;color:#475569;cursor:pointer;line-height:1;padding:4px 8px;transition:color .12s;z-index:10}#preview-close-btn:hover{color:#1e293b}.ppv-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:440px}.ppv-info{text-align:center;width:100%;min-height:60px}.ppv-info h3{margin:0 0 6px;font-size:13px;color:#0f172a;font-weight:700;min-height:1.2em}.ppv-info p{margin:0;font-size:11px;color:#6b7280}.ppv-context{font-size:10.5px;color:#2563eb!important;font-weight:600;margin-top:4px!important}.preview-watermark{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:9px;color:#ef4444;background:rgba(255,255,255,.9);padding:2px 8px;border-radius:4px;font-weight:600}.ppv-btns{display:flex;gap:10px;justify-content:center;width:100%;margin-top:4px}.ppv-btn{padding:10px 20px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.ppv-btn-primary{background:#2563eb;color:#fff}.ppv-btn-primary:hover{background:#1d4ed8}.ppv-note{font-size:10.5px;color:#64748b;font-weight:500;text-align:center;margin-top:2px}.ereader-device{background:#1e293b;border-radius:16px;padding:24px 16px 32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),inset 0 1px 1px rgba(255,255,255,.1);position:relative;width:100%;max-width:400px;display:flex;align-items:center;justify-content:center}.ereader-screen{background:#fff;width:100%;height:100%;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.ereader-a6 .ereader-screen{aspect-ratio:105/148}.ereader-a5 .ereader-screen{aspect-ratio:148/210}.ereader-7in .ereader-screen{aspect-ratio:172/234}.ereader-a4 .ereader-screen{aspect-ratio:210/297}.tpl-thumb{width:90px;aspect-ratio:210/297;border-radius:4px;overflow:hidden;border:1px solid #e5e7eb;flex-shrink:0;position:relative}.tpl-thumb-drag{cursor:grab}.tpl-thumb-drag:active{cursor:grabbing}.tpl-code{position:absolute;top:4px;right:4px;font-size:11px;font-weight:700;color:#fff;background:#1e293b;padding:3px 6px;border-radius:4px;font-family:'Noto Sans Mono',monospace;letter-spacing:.5px;line-height:1;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.15)}.tpl-card-wrap{border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;margin-bottom:8px;transition:transform .15s,box-shadow .15s,border-color .15s}.tpl-card-wrap.dragging{opacity:.5;transform:scale(.97)}.tpl-card-wrap.drag-over{border-color:#2563eb;box-shadow:0 0 0 2px #bfdbfe}.tpl-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff}.tpl-rules{padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}.tpl-info{flex:1;min-width:0}.tpl-name{font-size:12px;font-weight:600;color:#1f2937}.tpl-placement{font-size:10.5px;color:#6b7280;margin-top:1px}.rm-btn{font-size:10.5px;color:#dc2626;background:0 0;border:1px solid #fecaca;border-radius:4px;padding:3px 8px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .12s}.rm-btn:hover{background:#fef2f2}.rc-add-btn,.rc-add-btn-sm{font-size:11px;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:6px 8px;cursor:pointer;width:100%;font-weight:500;transition:all .12s}.rc-add-btn-sm:hover,.rc-add-btn:hover{border-color:#94a3b8;color:#334155;background:#f1f5f9}.tpl-card-wrap.hl{border-color:#2563eb!important;box-shadow:0 0 0 2px #bfdbfe;background:#f0f9ff}.tpl-card-wrap.hl .tpl-row{background:0 0}body{background:#fff;color:#111827;font-size:13px;line-height:1.45;display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-wrap{flex:1;display:flex;overflow:hidden}.flex-1{flex:1}.header-bar{height:52px;flex-shrink:0;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 20px;gap:14px;z-index:50}.header-brand-btn{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px;font-weight:500;background:0 0;border:none;cursor:pointer;padding:0;flex-shrink:0}.divider-v{width:1px;height:18px;background:#e5e7eb;flex-shrink:0}.header-breadcrumb{flex:1;display:flex;align-items:center;gap:5px;overflow:hidden;min-width:0;font-size:12px}.breadcrumb-main{font-weight:600;color:#111827;white-space:nowrap}.breadcrumb-sep{color:#d1d5db}.breadcrumb-detail{color:#6b7280;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.header-delivery-promise{display:flex;align-items:center;gap:6px;font-size:12px;color:#16a34a;font-weight:500}.text-right{text-align:right}.device-price-row{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.price-label{font-size:11.5px;color:#6b7280;font-weight:500}.price-row{display:flex;align-items:baseline;gap:8px;margin-top:4px}.price-value{font-size:20px;font-weight:700;color:#111827}.price-currency{font-size:13px;color:#6b7280;font-weight:600}.currency-switch{margin-top:8px;font-size:12px;color:#9ca3af;cursor:pointer}.currency-opt{padding:2px 4px;border-radius:4px;transition:color .15s,background .15s}.currency-opt:hover{color:#374151}.currency-opt.on{color:#2563eb;font-weight:600}.currency-sep{color:#d1d5db;margin:0 2px}.price-note{margin-top:6px;font-size:10.5px;color:#9ca3af}.btn-checkout{background:#ea580c;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(234,88,12,.3);letter-spacing:.02em}.left-panel{flex:1;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;background:#f8fafc;position:relative;min-width:0}.left-bar{border-bottom:1px solid #e5e7eb;background:#fff;padding:0 12px;height:40px;display:flex;align-items:center;gap:8px;flex-shrink:0;z-index:10;position:relative}.lbar-title{font-size:14px;font-weight:600;color:#1f2937}.lbar-sub{font-size:10.5px;color:#8a94a6;font-weight:400;margin-top:1px}.label-muted{font-size:12px;color:#6b7280;font-weight:500}.lbar-lang-badge{font-size:10.5px;color:#6b7280;font-weight:500;padding:2px 7px;border-radius:4px;background:#f1f5f9;white-space:nowrap}.sz-toggle-wrap{display:flex;gap:3px}.lbar-back-btn{font-size:11px;color:#6b7280;background:0 0;border:1px solid #e5e7eb;border-radius:5px;padding:3px 9px;cursor:pointer;flex-shrink:0}.view-seq{overflow-y:auto;padding:12px;padding-top:52px}.seq-grid{display:grid;gap:5px;padding-top:4px}.view-cat{display:flex;flex-direction:column}.cat-search-bar{padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0}.cat-header-text{font-size:11px;color:#6b7280;margin-bottom:8px}.cat-filters{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.cat-scroll{flex:1;overflow-y:auto;padding:12px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.mobile-header{display:none}.seq-peek{display:none}.seq-backdrop{display:none}.rule-backdrop{display:none}.sticky-cart{display:none}.right-panel{width:100%;max-width:600px;flex-shrink:0;overflow-y:auto;background:#fff;position:relative}.rpanel-config{max-width:560px;margin:0 auto;padding:0 22px 16px}.step-body{margin-top:12px}.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.step-hint{font-size:12px;color:#6b7280;margin-bottom:10px}.opt-ptype{padding:12px 10px}.opt-emoji{font-size:18px;margin-bottom:6px}.opt-name{font-weight:600;font-size:12.5px;margin-bottom:3px}.opt-desc{font-size:11px;color:#6b7280;line-height:1.55;margin-bottom:6px}.opt-features{font-size:10.5px;color:#6b7280;line-height:2.1}.beta-badge{background:#fef3c7;color:#92400e;font-size:10.5px;font-weight:700;padding:1px 4px;border-radius:3px;vertical-align:middle}.opt-card{padding:10px;display:flex;gap:9px}.device-svg{flex-shrink:0;margin-top:2px}.device-name-row{display:flex;align-items:center;gap:4px;margin-bottom:1px}.device-name{font-weight:600;font-size:12.5px}.device-name-blue{font-weight:600;font-size:12.5px;color:#1e40af}.size-badge{background:#f3f4f6;color:#6b7280;font-size:10.5px;font-weight:700;padding:1px 4px;border-radius:3px}.size-badge-blue{background:#dbeafe;color:#1d4ed8;font-size:10.5px;font-weight:700;padding:1px 4px;border-radius:3px}.text-dim-sm{font-size:10.5px;color:#6b7280}.text-blue-sm{font-size:10.5px;color:#1d4ed8}.text-dim-xs{font-size:10.5px;color:#6b7280;margin-top:2px}.text-blue-xs{font-size:10.5px;color:#1e40af;margin-top:2px}.device-name-solo{font-weight:600;font-size:12.5px;margin-bottom:1px}.pills-mb10{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.lang-search-wrap{position:relative;margin-bottom:0}.pills-mt6{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.bilingual-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1.5px solid #e5e7eb}.bilingual-label{font-size:12.5px;font-weight:500;color:#374151;margin-bottom:1px}.text-muted-11{font-size:11px;color:#6b7280}.secondary-lang{margin-top:8px;padding:11px;border-radius:8px;border:1.5px solid #dbeafe;background:#f0f9ff}.cl-blue{color:#3b82f6;margin-bottom:7px}.pills-row{display:flex;flex-wrap:wrap;gap:5px}.bil-warn{font-size:11px;color:#b45309;margin-top:8px;padding:6px 8px;background:#fffbeb;border-radius:5px}.date-row{display:flex;gap:10px}.cl-mb5{margin-bottom:5px}.styled-full{width:100%}.section-header-wrap{margin-bottom:8px}.section-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.step-number-5{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#2563eb;font-size:11px;font-weight:700;flex-shrink:0}.section-title-bold{font-size:15px;font-weight:700;color:#1e293b}.section-hint{font-size:11px;color:#6b7280;margin-left:auto}.acc-wrap{border:1.5px solid #e5e7eb;border-radius:10px}.acc-wrap>.ar:first-child{border-radius:10px 10px 0 0}.section-header-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.section-title-semi{font-size:15px;font-weight:600}.section-subtitle{font-size:11px;color:#6b7280}.section-desc{font-size:12px;color:#6b7280;margin-bottom:12px}.section-desc-mb8{font-size:12px;color:#6b7280;margin-bottom:8px}.section-desc-mb10{font-size:12px;color:#6b7280;margin-bottom:10px}.btn-add-section{width:100%;margin-top:8px;padding:9px;border:1.5px dashed #d1d5db;border-radius:8px;background:0 0;cursor:pointer;font-size:12.5px;color:#6b7280;transition:all .12s}.grid-df{display:grid;grid-template-columns:1fr 1fr;gap:7px}.df-name{font-weight:600;font-size:12.5px;margin-bottom:2px}.pills-mb8{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.pos-relative{position:relative}.review-sku-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}.review-sku-label{font-size:20px}.review-sku-code{font-family:"Noto Sans Mono",monospace;font-size:14px;font-weight:700;color:#1f2937;letter-spacing:.02em}.review-sku-pages{font-size:12px;color:#6b7280;margin-top:2px}.review-shipping-note{font-size:12px;color:#9ca3af;text-align:center;margin-top:12px;padding-bottom:4px}.review-table{width:100%;border-collapse:collapse;font-size:12px}.review-summary-box{margin-top:10px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.review-details-wrap{margin-top:10px;border:1.5px solid #e5e7eb;border-radius:8px;overflow:hidden}.review-details-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#fff;border:none;cursor:pointer;font-size:12px;color:#374151;font-weight:500;transition:background .1s}.chevron-anim{transition:transform .2s}.review-collapsible{max-height:0;overflow:hidden;transition:max-height .28s ease,opacity .2s ease;opacity:0}.review-details-content{padding:0 12px 12px;border-top:1px solid #f3f4f6}.spacer-16{height:16px}.footer-bar{flex-shrink:0;height:44px;border-top:1.5px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:40}.footer-side{flex:1;display:flex;align-items:center}.footer-side.right{justify-content:flex-end}.footer-pages-group{display:flex;align-items:baseline;gap:6px}.foot-pages{font-size:22px;font-weight:700;color:#1f2937;line-height:1}.foot-sku{font-size:11px;font-family:"Noto Sans Mono",monospace;color:#9ca3af;text-align:center;letter-spacing:.02em}.foot-version{font-size:10px;font-family:"Noto Sans Mono",monospace;color:#d1d5db;letter-spacing:.05em;transition:color .2s ease;cursor:default;user-select:none}.foot-version:hover{color:#9ca3af}.checkout-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;align-items:center;justify-content:center}.checkout-dialog{background:#fff;border-radius:12px;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.2)}.checkout-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.checkout-title{margin:0;font-size:16px;color:#1f2937}.checkout-close-btn{background:0 0;border:none;font-size:20px;cursor:pointer;color:#6b7280}.checkout-body{padding:16px 20px}.checkout-summary-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.checkout-icon{width:36px;height:36px;background:#dcfce7;border-radius:8px;display:flex;align-items:center;justify-content:center}.checkout-sku{font-size:13px;font-weight:600;color:#1f2937;font-family:"Noto Sans Mono",monospace}.checkout-pages-info{font-size:11px;color:#6b7280}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.form-input{width:100%;border:1.5px solid #e5e7eb;border-radius:7px;padding:10px 12px;font-size:13px}.form-textarea{width:100%;border:1.5px solid #e5e7eb;border-radius:7px;padding:10px 12px;font-size:13px;resize:vertical}.checkout-summary-details{background:#f8fafc;border-radius:8px;padding:12px;margin-bottom:16px}.checkout-line{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;color:#6b7280}.checkout-total-line{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#1f2937;padding-top:8px;border-top:1px solid #e5e7eb}.btn-submit-order{width:100%;background:#ea580c;color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(234,88,12,.3)}.checkout-footer-note{text-align:center;margin-top:10px;font-size:10.5px;color:#9ca3af}.gd-back,.gd-front,.gd-quarter{grid-column:1/-1;display:flex;align-items:center;gap:6px}.gd-front{padding:0 0 3px}.gd-back{padding:10px 0 3px}.gd-quarter{padding:10px 0 3px}.gd-month{grid-column:1/-1;display:flex;align-items:center;gap:6px;padding:6px 0 2px}.gd-sub{grid-column:1/-1;display:flex;align-items:center;gap:5px;padding:5px 0 1px 14px}.gd-icon{font-size:10.5px}.gd-label{font-size:10.5px;font-weight:600;color:#4b5563}.gd-line{flex:1;height:1px;background:#e5e7eb}.gd-line-light{flex:1;height:1px;background:#f3f4f6}.gd-empty{grid-column:1/-1;text-align:center;padding:8px;font-size:11px;color:#6b7280}.gd-empty-lg{grid-column:1/-1;text-align:center;padding:30px;font-size:12px;color:#6b7280}.gd-thumb-wrap{position:relative;cursor:pointer}.seq-caption{margin-top:4px;text-align:center}.seq-date{font-size:11px;font-weight:600;color:#374151;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-index{margin-top:1px;font-size:10px;color:#9ca3af}.gd-thumb-inner{border:1.5px solid #e5e7eb;border-radius:3px;overflow:hidden;background:#fff;aspect-ratio:210/297;transition:border-color .1s}.gd-thumb-inner.active{border-color:#2563eb;box-shadow:0 0 0 2px #bfdbfe}.gd-thumb-num,.gd-thumb-num-sm{font-size:10.5px;color:#6b7280;text-align:center;margin-top:2px;line-height:1;font-variant-numeric:tabular-nums}.acc-border{border-bottom:1px solid #e5e7eb}.acc-icon{font-size:16px;flex-shrink:0}.acc-desc{font-size:11.5px;color:#6b7280;margin:0 0 10px;line-height:1.6}.acc-body-pad{padding:8px 14px 12px}.acc-sub-labels{display:flex;align-items:center;gap:6px;margin-bottom:1px}.add-tpl-area{margin-top:6px;display:flex;align-items:center;gap:10px;cursor:pointer}.add-tpl-inner{width:90px;aspect-ratio:210/297;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-tpl-text{font-size:11px;font-weight:600;line-height:1.15;text-align:center}.add-tpl-hint{font-size:10.5px;color:#6b7280;opacity:.8}.rev-section-label{font-size:10.5px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:10px}.rev-section-label-sm{font-size:10.5px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:8px}.rev-section-label-xs{font-size:10.5px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:6px}.rev-section-label-none{font-size:10.5px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rev-sku{font-size:11.5px;font-family:"Noto Sans Mono",monospace;color:#374151;margin-top:3px;margin-bottom:10px}.rev-row{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid #f3f4f6}.rev-detail-row{display:flex;justify-content:space-between;font-size:11.5px;padding:4px 0;border-bottom:1px solid #f3f4f6}.rev-detail-k{color:#6b7280}.rev-detail-v{color:#1f2937;font-weight:500}.rev-rule-card{margin-top:4px;padding:4px 8px;background:#f8fafc;border-radius:4px;border:1px solid #e5e7eb}.rev-rule-header{font-size:10.5px;color:#9ca3af}.rev-rule-body{font-size:10.5px;color:#374151}.rev-page-line{font-size:11px;color:#374151;margin-top:4px}.rev-lang-wrap{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.rev-lang-en{font-size:11px;padding:3px 8px;background:#f0f9ff;border-radius:4px;color:#1e40af;border:1px solid #bfdbfe}.rev-lang-sec{font-size:11px;padding:3px 8px;background:#fefce8;border-radius:4px;color:#854d0e;border:1px solid #fde68a}.rev-lang-plus{font-size:10.5px;color:#6b7280;margin:0 2px}.rev-italic{font-size:11px;color:#9ca3af;margin-top:4px;font-style:italic}.rc-wrap{background:#f8fafc;border-radius:8px;padding:8px 10px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.rc-wrap-block{background:#f8fafc;border-radius:8px;padding:10px;border:1px solid #e5e7eb}.rc-instance{font-size:10.5px;font-weight:700;color:#b45309;text-transform:uppercase;margin-top:4px;display:flex;align-items:center;gap:3px}.rc-edit-btn{font-size:10.5px;color:#2563eb;background:0 0;border:1px solid #bfdbfe;border-radius:5px;padding:3px 9px;cursor:pointer;white-space:nowrap;flex-shrink:0}.rc-rm-btn{font-size:10.5px;color:#ef4444;background:0 0;border:none;cursor:pointer;padding:0;flex-shrink:0}.back-btn{font-size:10.5px;color:#2563eb;background:0 0;border:1px solid #bfdbfe;border-radius:5px;padding:3px 9px;cursor:pointer;white-space:nowrap;flex-shrink:0}.rc-summary{padding:8px 10px;background:#fffbeb;border-radius:6px;border:1px solid #fde68a;font-size:11px;color:#92400e;line-height:1.5;font-weight:500;margin-bottom:10px}.rc-step{margin-bottom:10px}.rc-step-header{font-size:11px;font-weight:700;color:#1f2937;margin-bottom:6px;letter-spacing:.03em}.rc-step-body{padding-left:4px}.rc-cond-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.rc-cond-label{font-size:10.5px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.05em;min-width:100px;padding-top:4px;flex-shrink:0}.rc-cond-pills{display:flex;flex-wrap:wrap;gap:3px}.rc-cond-param{margin-top:4px;margin-left:108px}.rc-pill{padding:3px 9px;border-radius:5px;border:1px solid #e5e7eb;background:#fff;font-size:10.5px;color:#374151;cursor:pointer;font-weight:400;transition:all .12s}.rc-pill:hover{border-color:#93c5fd;background:#f0f9ff}.rc-pill.sel{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;font-weight:600}.rc-presets-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.rc-actions-row{display:flex;flex-wrap:wrap;gap:4px}.rc-param-input{margin-top:5px;width:100%;border:1px solid #e5e7eb;border-radius:5px;padding:4px 9px;font-size:10.5px}.rc-insert-dir{margin-top:5px;display:flex;align-items:center;gap:6px}.rc-insert-label{font-size:10.5px;color:#6b7280}.rc-radio{display:flex;align-items:center;gap:3px;font-size:10.5px;color:#6b7280;font-weight:400;cursor:pointer}.rc-radio.sel{color:#1d4ed8;font-weight:600}.rule-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.rule-apply-btn{padding:7px;border:1.5px solid #2563eb;border-radius:6px;background:#2563eb;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}.rule-apply-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.rule-remove-btn{padding:7px;border:1.5px dashed #fca5a5;border-radius:6px;background:#fef2f2;color:#ef4444;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}.rule-remove-btn:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.rule-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:6px;background:#f8fafc;border:1px solid #e5e7eb}.rule-summary-main{min-width:0}.rule-line{font-size:12px;font-weight:600;color:#1f2937;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-meta{margin-top:2px;font-size:10.5px;color:#6b7280}.rule-code{font-family:"Noto Sans Mono",monospace;font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:4px;background:#1f2937;color:#fff}.rule-summary-actions{display:flex;gap:6px}.rule-mini-btn{height:26px;padding:0 8px;border:1px solid #bfdbfe;border-radius:5px;background:#fff;color:#2563eb;font-size:11px;font-weight:600;cursor:pointer}.rule-mini-btn.danger{border-color:#fecaca;color:#ef4444}.txt-10{font-size:10.5px}.txt-10-m{font-size:10.5px;color:#6b7280}.txt-105{font-size:10.5px}.txt-105-m{font-size:10.5px;color:#6b7280}.txt-11{font-size:11px;color:#374151}.txt-11-mt{font-size:11px;color:#374151;margin-top:4px}.txt-115{font-size:11.5px;font-weight:600;color:#1f2937;margin-bottom:2px}.txt-12{font-size:12px;color:#1f2937;font-weight:500}.txt-12-m{font-size:12px}.txt-12-b{font-size:12px;font-weight:600;color:#1f2937}.flex-min{flex:1;min-width:0}.u-rm-section{width:20px;height:20px;border:1px solid #fee2e2;border-radius:4px;background:#fff;cursor:pointer;font-size:10.5px;color:#ef4444;display:flex;align-items:center;justify-content:center;flex-shrink:0}.u-rm-section:hover{background:#fef2f2}.u-add-section{width:100%;margin-top:8px;padding:9px;border:1.5px dashed #d1d5db;border-radius:8px;background:0 0;cursor:pointer;font-size:12.5px;color:#6b7280;transition:all .12s}.u-add-section:hover{border-color:#2563eb;color:#2563eb}.pv-screen-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.pv-img-wrap{position:relative;width:100%;height:100%}.pv-img-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s}.tpl-img-inner{aspect-ratio:210/297;overflow:hidden;position:relative}.rev-td-label{padding:8px 12px;color:#6b7280;font-weight:500;white-space:nowrap;vertical-align:top;width:110px}.rev-td-val{padding:8px 12px;color:#1f2937;line-height:1.4}.co-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;color:#6b7280}.gd-thumb-wrap.hl{z-index:2}.gd-thumb-wrap.hl>div:first-child,.gd-thumb-wrap.selected>div:first-child{border-color:#2563eb!important;box-shadow:0 0 0 2px #bfdbfe,0 2px 8px rgba(37,99,235,.2)}.gd-thumb-wrap.hl-soft{z-index:1}.gd-thumb-wrap.hl-soft>div:first-child{border-color:#93c5fd!important;box-shadow:0 0 0 2px #eff6ff}.acc-section.hl>.ar{background:#f0f9ff;border-color:#93c5fd}body{font-size:16px}.add-tpl-hint,.beta-badge,.checkout-footer-note,.cl,.gd-icon,.gd-label,.gd-thumb-num,.gd-thumb-num-sm,.page-badge,.rc-cond-group-header,.rc-cond-label,.rc-instance,.rc-radio,.rc-step-header,.rev-section-label,.rev-section-label-none,.rev-section-label-sm,.rev-section-label-xs,.rm-btn,.rule-apply-btn,.rule-mini-btn,.rule-remove-btn,.size-badge,.size-badge-blue,.text-blue-sm,.text-blue-xs,.text-dim-sm,.text-dim-xs,.tpl-code,.tpl-placement,.txt-10,.txt-10-m,.txt-105,.txt-105-m{font-size:13px}.acc-desc,.add-tpl-text,.bil-warn,.cat-header-text,.checkout-pages-info,.chg-btn,.csh-step,.csh-summary,.foot-sku,.opt-desc,.rc-pill,.rc-preset,.rc-summary,.section-hint,.section-subtitle,.sz-btn,.text-muted-11,.tip,.txt-11,.txt-11-mt,.txt-115{font-size:14px}.acc-title,.bilingual-label,.checkout-line,.checkout-total-line,.device-name,.device-name-blue,.device-name-solo,.df-name,.form-label,.lp,.opt-name,.review-details-btn,.review-table,.section-desc,.section-desc-mb10,.section-desc-mb8,.tpl-name,.txt-12,.txt-12-b,.txt-12-m{font-size:15px}.btn-checkout,.btn-submit-order,.form-input,.form-textarea,.rc-param-input,.rc-param-row,.search-input,select.styled{font-size:15px}.checkout-title,.csh-label,.lbar-title,.section-title-semi{font-size:18px}.section-title-bold{font-size:20px}.grid-6col{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:14px}.lp.btn-center{justify-content:center;display:flex;padding-left:0;padding-right:0}.tpl-combo-wrap{position:relative;width:100%;margin-top:5px}.tpl-combo-input{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:28px;cursor:text;margin-top:0!important}.tpl-combo-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #eff6ff}.tpl-combo-list{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px -5px rgba(0,0,0,.15);z-index:9999;margin-top:4px;padding:6px}.tpl-combo-item{align-items:center;gap:10px;padding:8px 10px;border-radius:5px;cursor:pointer;transition:background .1s}.tpl-combo-item:hover{background:#f0f9ff}.tpl-combo-name{font-size:13px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-actions-row{display:flex;gap:8px;padding:0 10px 10px}.rc-action-btn{flex:1;padding:7px 10px;border-radius:6px;font-size:11.5px;font-weight:500;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center;gap:6px}.rc-action-btn.solid{background:#fff;border:1.5px solid #e5e7eb;color:#374151}.rc-action-btn.solid:hover{border-color:#93c5fd;background:#f0f9ff;color:#1d4ed8}.rc-action-btn.dashed{background:#f8fafc;border:1.5px dashed #cbd5e1;color:#64748b}.rc-action-btn.dashed:hover{border-color:#94a3b8;background:#f1f5f9;color:#334155}.acc-body-pad{padding:8px 12px 12px}.acc-title-wrap{min-width:0}.acc-title{font-size:var(--font-md);font-weight:700;color:var(--text-strong);line-height:1.2}.acc-meta{font-size:var(--font-sm);color:var(--text-muted);margin-top:2px}.oi-template-row{display:grid;grid-template-columns:var(--template-drag-w) var(--template-thumb-w) minmax(0,1fr) var(--template-pages-w) auto auto;align-items:center;gap:var(--space-3);padding:10px 8px;border-bottom:1px solid var(--border-muted);background:var(--surface-page)}.oi-template-row:hover{background:var(--surface-soft)}.oi-template-row.dragging{opacity:.5}.oi-template-row.drag-over{background:var(--surface-blue);outline:1.5px solid var(--border-blue);outline-offset:-1px}.oi-drag{color:#cbd5e1;font-size:15px;line-height:1;cursor:grab;user-select:none}.oi-thumb-btn{border:0;background:0 0;padding:0;cursor:pointer}.oi-thumb-mini{width:var(--template-thumb-w);aspect-ratio:210/297;border:1px solid var(--border-soft);border-radius:var(--radius-sm);overflow:hidden;position:relative;background:#fff}.oi-thumb-mini .pv-img-wrap,.oi-thumb-mini img{width:100%;height:100%}.oi-template-main{min-width:0}.oi-template-title{font-size:var(--font-base);font-weight:700;color:var(--text-main);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oi-template-meta{margin-top:2px;font-size:var(--font-xs);color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oi-pages-control{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:var(--font-sm)}.oi-pages-control input{width:52px;height:30px;border:1.5px solid #d1d5db;border-radius:var(--radius-sm);padding:4px 7px;font-size:var(--font-base);background:#fff}.oi-row-btn{height:30px;padding:0 10px;border:1px solid var(--border-blue);border-radius:var(--radius-sm);background:#fff;color:var(--blue);font-size:var(--font-sm);font-weight:600;cursor:pointer;white-space:nowrap}.oi-row-btn:hover{background:var(--surface-blue)}.oi-row-btn.danger{border-color:var(--border-danger);color:var(--danger);font-size:16px;line-height:1}.oi-rules-strip{grid-column:3/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.oi-rule-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:999px;background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7;font-size:var(--font-xs);font-weight:600}.oi-rule-chip button{border:0;background:0 0;color:inherit;cursor:pointer;font-size:13px;line-height:1;padding:0}.oi-add-template-row{margin-top:var(--space-2);padding:10px 12px;border:1.5px dashed #cbd5e1;border-radius:var(--radius-md);background:var(--surface-soft);display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.oi-add-template-row:hover{border-color:var(--blue);background:var(--surface-blue)}.oi-add-template-row span{font-size:var(--font-base);font-weight:700;color:#334155}.oi-add-template-row small{font-size:var(--font-sm);color:var(--text-soft)}.seq-highlight{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}.config-highlight{outline:2px solid var(--blue);outline-offset:-2px;border-radius:var(--radius-sm);background:var(--surface-blue)}.config-section-highlight{background:var(--surface-blue);box-shadow:inset 3px 0 0 var(--blue)}@media (min-width:769px) and (max-width:1180px){body,html{height:100%;overflow:hidden}.main-wrap{height:calc(100vh - 52px);overflow:hidden}.header-bar{display:flex}.header-delivery-promise{display:none}.left-panel{width:40vw;flex:none;height:100%;min-height:0;overflow:hidden}.lpv{height:calc(100% - 48px);overflow-y:auto}.right-panel{flex:1;height:100%;min-height:0;overflow-y:auto}.rpanel-config{max-width:720px;margin:0 auto;padding:0 20px 24px}.mobile-header,.seq-backdrop,.seq-peek,.sticky-cart{display:none!important}body.sheet-open{overflow:hidden!important}}@media (max-width:768px){html{height:auto}body,html{overflow-y:auto}body{height:auto;min-height:100vh;min-height:100dvh}.main-wrap{flex-direction:column;overflow:visible;flex:none}.right-panel{order:-1;max-width:100%;width:100%;overflow-y:visible}.rpanel-config{max-width:100%;padding:0 16px 24px}.grid-3col{grid-template-columns:1fr}.grid-2col{grid-template-columns:1fr}.grid-6col{grid-template-columns:repeat(3,1fr)}.grid-df{grid-template-columns:1fr 1fr}.cat-grid{grid-template-columns:1fr 1fr}.footer-bar{height:40px;padding:0 12px}.csh{min-height:48px;padding:8px 0}.csh-step{width:28px;height:28px;font-size:12px}.csh-label{font-size:14px;font-weight:600}.csh-summary{font-size:12px}.step-body{margin-top:14px}.csh-body{padding-bottom:8px}.opt{min-height:64px;padding:12px;-webkit-tap-highlight-color:transparent;transition:border-color .12s,background .12s,transform .1s}.opt:active{transform:scale(.98);background:#f8fafc}.opt-ptype{padding:16px!important}.opt-card{padding:14px}.opt-features{line-height:2.4}.lp{padding:10px 16px;font-size:13px;-webkit-tap-highlight-color:transparent}.lp:active{transform:scale(.97);background:#f0f9ff}.hol{padding:12px 14px;-webkit-tap-highlight-color:transparent;transition:border-color .12s,background .12s,transform .1s}.hol:active{transform:scale(.98);background:#f8fafc}.search-input{padding:12px 14px 12px 38px;font-size:14px}.btn-add-section{padding:14px;font-size:13.5px}.step-continue{display:block;width:100%;margin-top:16px;padding:14px 20px;border:none;border-radius:8px;background:var(--blue);color:#fff;font-family:"Noto Sans",sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.step-continue:active{background:var(--blue-dark)}.mobile-header{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 12px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:70}.mobile-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:0 0;font-size:18px;color:#6b7280;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent}.mobile-back:active{background:#f3f4f6}.mobile-title{display:flex;flex-direction:column;align-items:center;gap:0}.mobile-brand{font-size:13px;font-weight:700;color:#1f2937}.mobile-product{font-size:10.5px;color:#9ca3af;font-weight:500}.mobile-cart{padding:7px 14px;font-size:12px;font-weight:700;color:#fff;background:#ea580c;border:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-cart:active{background:#c2410c;transform:scale(.97)}.mobile-cart.disabled,.mobile-cart:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.header-bar{display:none}.header-bar{height:48px;padding:0 10px;gap:6px}.divider-v{display:none}.header-breadcrumb{font-size:13px;font-weight:600;color:#111827}.breadcrumb-detail,.breadcrumb-sep{display:none}.header-actions{gap:8px}.header-delivery-promise{display:none}.btn-checkout{font-size:0;padding:9px 12px;border-radius:6px}.btn-checkout::after{content:"Cart";font-size:12px;font-weight:700;letter-spacing:.02em}.sc::-webkit-scrollbar{display:none}.sc{scrollbar-width:none}body.sheet-open{overflow:hidden!important}.left-panel{position:fixed;bottom:0;left:0;right:0;height:auto;max-height:75vh;z-index:100;transform:translateY(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);border-top-left-radius:16px;border-top-right-radius:16px;border-top:none;border-right:none;box-shadow:0 -4px 24px rgba(0,0,0,.12);overflow:hidden}.left-panel.open{transform:translateY(0)}.left-bar{padding-top:8px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.left-bar::before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:#d1d5db;margin:0 auto 8px}.lpv{position:relative;inset:auto;overflow:visible}.lpv.hidden{display:none}.view-seq{overflow-y:auto;padding-top:12px;-webkit-overflow-scrolling:touch}.cat-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.seq-peek{display:flex;position:fixed;bottom:calc(64px + env(safe-area-inset-bottom,0px));left:0;right:0;height:48px;background:#fff;border-top:1px solid #e5e7eb;align-items:center;justify-content:center;gap:8px;z-index:90;cursor:pointer;box-shadow:0 -2px 10px rgba(0,0,0,.06);-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}body.sheet-open .seq-peek{transform:translateY(100%)}.seq-peek-handle{width:36px;height:4px;border-radius:2px;background:#d1d5db;position:absolute;top:6px;left:50%;transform:translateX(-50%)}.seq-peek-title{font-size:13px;font-weight:600;color:#1f2937}.seq-peek-count{background:#eff6ff;color:#2563eb;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.seq-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.seq-backdrop.open{opacity:1;pointer-events:auto}#rpanel-preview.open{position:fixed;inset:0;z-index:150;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;overflow-y:auto;animation:inspectSlideUp .25s ease-out}@keyframes inspectSlideUp{from{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}#preview-close-btn{position:fixed;top:12px;right:12px;font-size:24px;padding:8px 12px;background:rgba(255,255,255,.9);border-radius:8px;z-index:160}#rpanel-preview.inspect-mode .ppv-btns{display:none}.ppv-wrap{max-width:100%;padding:60px 20px 40px;gap:24px}.ppv-info h3{font-size:16px}.ppv-info p{font-size:13px}.ppv-context{font-size:12px}.ppv-note{font-size:12px}.rc-wrap-block{position:fixed;inset:0;z-index:150;background:#fff;border-radius:0;border:none;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:inspectSlideUp .25s ease-out}.rc-wrap-block::before{content:"Edit Rule";display:block;font-size:16px;font-weight:700;color:#111827;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.rc-summary{font-size:13px;margin-bottom:16px}.rc-step-header{font-size:11px;padding:8px 10px}.rc-cond-label{font-size:11px;margin-bottom:6px}.rc-pill{padding:8px 14px;font-size:12px}.rc-param-input{padding:10px 12px;font-size:14px}.rule-apply-btn{width:100%;padding:14px;font-size:15px;margin-top:12px}.rule-remove-btn{width:100%;padding:12px;font-size:13px;margin-top:8px}.rule-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:149;opacity:0;pointer-events:none;transition:opacity .25s ease}.rule-backdrop.open{opacity:1;pointer-events:auto}.left-panel.catalog-mode{max-height:100vh;border-top-left-radius:0;border-top-right-radius:0}.left-panel.catalog-mode .left-bar{height:auto;min-height:48px;padding:8px 12px 4px;flex-wrap:wrap}.left-panel.catalog-mode .left-bar::before{display:none}.left-panel.catalog-mode .lbar-title{font-size:15px}.left-panel.catalog-mode .lbar-sub{display:none}.left-panel.catalog-mode .lbar-back-btn{font-size:13px;padding:6px 14px;border-radius:6px;margin-right:8px}.cat-search-bar{padding:8px 12px;border-bottom:1px solid #e5e7eb}.search-input{font-size:15px;padding:12px 14px 12px 40px}.cat-grid{grid-template-columns:1fr 1fr;gap:10px}.tbc{-webkit-tap-highlight-color:transparent}.tbc:active{transform:scale(.97);background:#f8fafc}.device-price-row{margin-top:16px;padding-top:16px}.price-label{font-size:12px}.price-row{flex-direction:row;justify-content:space-between;align-items:center}.price-value{font-size:24px;font-weight:800}.currency-switch{margin-top:10px;text-align:right}.price-note{font-size:11px;margin-top:8px}}@media (max-width:768px){.sticky-cart{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;background:#fff;border-top:1px solid #e5e7eb;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -2px 12px rgba(0,0,0,.08)}.sticky-cart-price{display:flex;flex-direction:column;gap:1px}.sticky-cart-label{font-size:10.5px;color:#9ca3af;font-weight:500}.sticky-cart-value{font-size:20px;font-weight:800;color:#111827}.sticky-cart-btn{flex-shrink:0;padding:12px 24px;font-size:14px;font-weight:700;color:#fff;background:#ea580c;border:none;border-radius:10px;cursor:pointer;transition:background .15s,opacity .15s}.sticky-cart-btn:active{background:#c2410c;transform:scale(.97)}.sticky-cart-btn.disabled,.sticky-cart-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.btn-checkout{display:none}body{padding-bottom:72px}footer{margin-bottom:0}.csh-step.done::after{font-size:14px}.csh-step.done{animation:stepPop .25s ease-out}@keyframes stepPop{0%{transform:scale(.6)}60%{transform:scale(1.15)}100%{transform:scale(1)}}.step-continue{animation:softPulse 2s ease-in-out infinite}@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.3)}50%{box-shadow:0 0 0 6px rgba(37,99,235,0)}}.sticky-cart{animation:cartSlideUp .2s ease-out}@keyframes cartSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.cs{transition:opacity 180ms ease,transform 180ms ease}.csh-body{transition:max-height .25s cubic-bezier(.4, 0, .2, 1),opacity .15s ease,transform 180ms ease}.csh-body.collapsed{transform:translateY(-4px)}.cs.locked{transition:opacity .2s ease}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}