:root{--ui-bg:#eef1f6;--ui-panel:#fff;--ui-ink:#1c2b40;--ui-muted:#758398;--ui-line:#e2e7ef;--ui-accent:#265fe4;--ui-soft:#eef3ff;--ui-control:#f7f9fc;font-family:Arial,Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;-webkit-font-smoothing:antialiased}
html[data-cwer-theme=dark]{--ui-bg:#0b1321;--ui-panel:#101b2d;--ui-ink:#e1eafb;--ui-muted:#8ea1bd;--ui-line:#25354e;--ui-accent:#8eafff;--ui-soft:#1a2e4f;--ui-control:#142137;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--ui-bg);color:var(--ui-ink);font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}button:disabled{cursor:default;opacity:.35}button[hidden],[hidden]{display:none!important}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}p,h1,h2,h3{margin-top:0}.studio-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;background:var(--ui-panel);border-bottom:1px solid var(--ui-line)}.studio-brand{display:flex;align-items:center;gap:20px;flex:0 0 auto}.studio-brand>img{width:108px;height:40px;object-fit:contain}.studio-brand>span{display:flex;align-items:center;gap:9px;padding-left:19px;border-left:1px solid var(--ui-line);font-size:15px;font-weight:600;letter-spacing:-.03em}.prototype-pill{padding:4px 6px;border:1px solid var(--ui-line);border-radius:4px;font-size:6px;color:var(--ui-muted);letter-spacing:.1em;font-weight:600}html[data-cwer-theme=dark] .studio-brand>img{filter:brightness(0) invert(1)}.document-name{display:flex;align-items:center;gap:7px;color:var(--ui-muted);font-size:10px}.document-name>small{margin-left:6px;padding-left:12px;border-left:1px solid var(--ui-line);font-size:9px}.local-dot{width:5px;height:5px;border-radius:50%;background:#49a789;flex:0 0 auto}.header-tools{display:flex;align-items:center;gap:10px}.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:32px;min-height:32px;padding:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ui-muted);font-size:10px;transition:background .14s,color .14s}.tool-button:hover:not(:disabled){background:var(--ui-control);color:var(--ui-ink)}.tool-button svg{width:16px;height:16px}.text-tool{padding-inline:10px}.studio-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:36px;padding:0 15px;border:0;border-radius:8px;background:#265fe4;color:#fff;font-size:10px;font-weight:600;transition:background .14s,transform .14s}.studio-primary:hover:not(:disabled){background:#184dc8;transform:translateY(-1px)}.studio-primary svg{width:15px;height:15px}.cwer-theme-control{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-panel);color:var(--ui-muted)}.cwer-theme-control span{display:none}.cwer-theme-control svg{width:15px;height:15px}.studio-layout{height:calc(100dvh - 68px);display:grid;grid-template-columns:280px minmax(0,1fr)}.studio-sidebar{display:flex;flex-direction:column;min-height:0;background:var(--ui-panel);border-right:1px solid var(--ui-line);z-index:5}.sidebar-intro{padding:27px 23px 22px}.eyebrow{margin:0 0 14px;font-size:7px;letter-spacing:.15em;font-weight:700;color:var(--ui-muted)}.sidebar-intro h1{margin:0 0 11px;font-size:27px;line-height:1.13;letter-spacing:-.055em;font-weight:600}.sidebar-intro h1>span{color:var(--ui-muted)}.sidebar-intro>p:last-child{margin:0;color:var(--ui-muted);font-size:10px;line-height:1.7}.inspector-tabs{display:flex;gap:5px;padding:0 19px;border-bottom:1px solid var(--ui-line)}.inspector-tabs button{position:relative;flex:1;padding:12px 3px;border:0;background:transparent;font-size:10px;color:var(--ui-muted)}.inspector-tabs button[aria-selected=true]{color:var(--ui-ink);font-weight:600}.inspector-tabs button[aria-selected=true]::after{position:absolute;content:"";height:2px;left:15%;right:15%;bottom:-1px;border-radius:2px;background:var(--ui-accent)}.inspector-scroll{padding:23px 20px 28px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.control-title{margin:0 0 15px;color:var(--ui-ink);font-size:10px;line-height:1.7;font-weight:500}.template-options{display:flex;flex-direction:column;gap:10px}.template-option{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-panel);text-align:left;transition:border-color .14s,background .14s}.template-option[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-soft)}.template-option strong{display:block;font-size:11px;font-weight:550}.template-option small{display:block;margin-top:4px;color:var(--ui-muted);font-size:8px;line-height:1.5}.template-thumb{display:block;position:relative;flex:0 0 auto;width:49px;height:44px;border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-panel);overflow:hidden}.template-thumb::before{position:absolute;content:"";left:5px;right:5px;top:6px;height:2px;background:var(--ui-line)}.template-thumb i{position:absolute;left:5px;top:15px;width:21px;height:3px;background:#7599eb;border-radius:1px;box-shadow:0 5px 0 var(--ui-line)}.template-thumb b{position:absolute;right:5px;top:14px;width:12px;height:15px;background:#dbe7ff;border-radius:3px}.template-thumb em{position:absolute;left:5px;right:5px;bottom:5px;height:6px;border:1px solid var(--ui-line);border-radius:2px}.thumb-catalog i{top:14px;box-shadow:none}.thumb-catalog b{left:5px;right:auto;top:22px;width:10px;height:14px;box-shadow:13px 0 0 #e1ebfd,26px 0 0 #d5e1f6}.thumb-catalog em{display:none}.thumb-services{background:#1a2e4f}.thumb-services i{background:#c9dbff;box-shadow:0 5px 0 #7089ac}.thumb-services b{background:#7095db}.thumb-services em{border-color:#6e88ad}.option-check{margin-left:auto;font-size:11px;color:var(--ui-accent);visibility:hidden}.template-option[aria-pressed=true] .option-check{visibility:visible}.context-card{display:flex;gap:10px;margin-top:22px;padding:14px 12px;background:var(--ui-control);border:1px solid var(--ui-line);border-radius:9px}.context-card>svg{width:15px;height:15px;margin-top:1px;color:var(--ui-accent)}.context-card strong{font-size:9px;font-weight:550}.context-card p{margin:6px 0 0;color:var(--ui-muted);font-size:9px;line-height:1.8}.layers-title{margin-top:27px}.layers-title>span{display:block;color:var(--ui-muted);font-size:8px;font-weight:400}.layer-list{display:flex;flex-direction:column;gap:7px}.layer-row{display:flex;align-items:center;gap:6px;padding:8px 7px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-panel)}.drag-grip{color:var(--ui-muted);font-size:14px;cursor:grab}.layer-row label{display:flex;align-items:center;gap:7px;flex:1;font-size:10px;cursor:pointer}.layer-row input{margin:0;accent-color:var(--ui-accent);width:12px;height:12px}.layer-row button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:var(--ui-control);color:var(--ui-muted)}.layer-row button svg{width:13px;height:13px}.layer-row.is-dragging{opacity:.35}.layer-row.drop-before{border-top:2px solid var(--ui-accent)}.layer-row.drop-after{border-bottom:2px solid var(--ui-accent)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:14px 18px;border-top:1px solid var(--ui-line);color:var(--ui-muted);font-size:7px;line-height:1.6}.small-action{display:inline-flex;align-items:center;padding:5px 0;border:0;background:none;color:var(--ui-accent);font-size:9px;cursor:pointer}.sidebar-footer .small-action{font-size:8px;flex-shrink:0}.palette-row{display:flex;justify-content:space-between;gap:13px;margin-bottom:19px}.color-swatch{width:29px;height:29px;flex:0 0 auto;padding:0;border:4px solid var(--ui-panel);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--ui-line)}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ui-accent)}.custom-color{display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--ui-line);border-radius:8px;margin-bottom:25px}.custom-color>input{width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer}.custom-color label{display:block;color:var(--ui-muted);font-size:8px;flex:1}.custom-color label input{display:block;width:100%;margin-top:3px;padding:0;border:0;background:none;color:var(--ui-ink);font-size:11px;text-transform:uppercase;outline-offset:2px}.field-label{display:block;margin:0 0 20px;color:var(--ui-ink);font-size:10px;font-weight:500;line-height:1.6}.field-label>input,.field-label>select,.field-label>textarea{display:block;width:100%;margin-top:8px;padding:10px 11px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-control);color:var(--ui-ink);font-size:11px;line-height:1.6;resize:vertical}.field-label>select{cursor:pointer}.field-label>textarea{min-height:69px;max-height:180px}.control-row{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.control-row .field-label{margin:0}.control-row output{font-size:9px;color:var(--ui-muted);font-variant-numeric:tabular-nums}.range-control{width:100%;height:4px;margin:17px 0 12px;accent-color:var(--ui-accent);cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:var(--ui-muted);font-size:8px}.theme-label{margin:27px 0 10px}.segmented{display:flex;gap:3px;padding:3px;background:var(--ui-control);border:1px solid var(--ui-line);border-radius:8px}.segmented button{flex:1;padding:8px;border:0;border-radius:5px;background:none;color:var(--ui-muted);font-size:10px}.segmented button[aria-pressed=true]{background:var(--ui-panel);color:var(--ui-ink);box-shadow:0 1px 4px #14243b0a}.selected-block{display:flex;align-items:center;gap:7px;margin-bottom:22px;color:var(--ui-muted);font-size:9px}.logo-controls{display:flex;flex-wrap:wrap;gap:4px 15px;margin:-10px 0 22px}.logo-controls small{width:100%;font-size:7px;line-height:1.6;color:var(--ui-muted)}.inspector-note{padding:13px;border-radius:8px;background:var(--ui-control);color:var(--ui-muted);font-size:9px;line-height:1.8}.studio-workspace{min-width:0;min-height:0;display:flex;flex-direction:column}.canvas-toolbar{height:51px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 21px;border-bottom:1px solid var(--ui-line);background:var(--ui-panel)}.canvas-left-tools{display:flex;align-items:center;gap:14px}.history-tools{display:flex;gap:2px}.redo-icon{transform:scaleX(-1)}.toolbar-caption{font-size:9px;color:var(--ui-muted)}.device-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--ui-line);border-radius:8px}.device-switch button{display:grid;place-items:center;width:30px;height:26px;padding:0;border:0;border-radius:5px;color:var(--ui-muted);background:none}.device-switch button svg{width:15px;height:15px}.device-switch button[aria-pressed=true]{color:var(--ui-accent);background:var(--ui-soft)}.canvas-toolbar>#preview-mode[aria-pressed=true]{color:var(--ui-accent);background:var(--ui-soft)}.mobile-customize{display:none}.canvas-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:24px 27px 35px;background-image:radial-gradient(var(--ui-line) .8px,transparent .8px);background-size:12px 12px;scrollbar-width:thin;scroll-behavior:smooth}.preview-address,.preview-shell{width:100%;max-width:1200px;margin-inline:auto;transition:max-width 180ms cubic-bezier(.2,.75,.2,1)}.canvas-scroll[data-device=tablet] .preview-address,.canvas-scroll[data-device=tablet] .preview-shell{max-width:760px}.canvas-scroll[data-device=mobile] .preview-address,.canvas-scroll[data-device=mobile] .preview-shell{max-width:390px}.preview-address{height:37px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1px solid var(--ui-line);border-bottom:0;border-radius:11px 11px 0 0;background:var(--ui-panel);color:var(--ui-muted);font-size:8px}.preview-address>span:nth-child(2){display:flex;align-items:center;gap:6px}.preview-address svg{width:10px;height:10px}.address-dots{display:flex;gap:4px}.address-dots i{width:4px;height:4px;border-radius:50%;background:var(--ui-line)}#preview-width{font-size:7px;font-variant-numeric:tabular-nums}.preview-shell{border:1px solid var(--ui-line);border-radius:0 0 9px 9px;box-shadow:0 12px 35px #101d3212;overflow:hidden;container:preview/inline-size}.canvas-footnote{margin:18px 0 0;text-align:center;font-size:8px;line-height:1.7;color:var(--ui-muted)}.studio-status{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:6px 22px;border-top:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-muted);font-size:8px}.studio-status>span:first-child{display:flex;align-items:center;gap:7px;min-width:0}.studio-status i{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:#49a789}.studio-status #studio-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#selection-status{flex-shrink:0}.sidebar-scrim{display:none}

/* The editable document is native DOM, not a scaled screenshot or reloaded iframe. */
.site-preview{--sp-accent:#2563eb;--sp-on-accent:#fff;--sp-rgb:37,99,235;--sp-radius:16px;--sp-space:32px;--sp-bg:#fff;--sp-paper:#f7f9fc;--sp-ink:#172333;--sp-muted:#738095;--sp-line:#e6eaf0;--sp-font:Arial,Helvetica,sans-serif;position:relative;font-family:var(--sp-font);background:var(--sp-bg);color:var(--sp-ink);font-size:13px;line-height:1.6;isolation:isolate}.site-preview[data-site-theme=dark]{--sp-bg:#0b1524;--sp-paper:#111f32;--sp-ink:#e6eefb;--sp-muted:#9aaec8;--sp-line:#293c56}.site-preview button,.site-preview input{font-family:var(--sp-font)}.site-preview a,.site-preview button{font-size:inherit}.sp-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px var(--sp-space);border-bottom:1px solid var(--sp-line)}.sp-brand{display:flex;align-items:center;gap:9px;min-width:0}.sp-brand strong{font-size:16px;letter-spacing:-.04em;font-weight:650;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-brand-symbol{display:flex;gap:3px;align-items:end;width:22px;height:23px;flex:0 0 auto}.sp-brand-symbol i{display:block;width:5px;background:var(--sp-accent);border-radius:2px}.sp-brand-symbol i:first-child{height:14px}.sp-brand-symbol i:nth-child(2){height:22px}.sp-brand-symbol i:last-child{height:17px;opacity:.5}.sp-brand>img{width:auto;max-width:125px;height:32px;object-fit:contain}.sp-header nav{display:flex;align-items:center;gap:23px;flex-shrink:0}.sp-header nav>a{font-size:9px;color:var(--sp-muted)}.sp-header nav>button{display:flex;align-items:center;gap:14px;padding:8px 12px;border:1px solid var(--sp-line);border-radius:calc(var(--sp-radius)*.5);background:transparent;color:var(--sp-ink);font-size:9px}.sp-header nav>button svg{width:12px;height:12px}.sp-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:calc(var(--sp-space)*1.8) var(--sp-space) calc(var(--sp-space)*1.7);overflow:hidden;background:radial-gradient(ellipse at 91% 30%,rgba(var(--sp-rgb),.07),transparent 63%)}.sp-hero-copy{position:relative;z-index:2}.sp-eyebrow{margin:0 0 18px;color:var(--sp-accent);font-size:7px;letter-spacing:.12em;font-weight:650}.sp-hero h1{margin:0 0 21px;color:var(--sp-ink);font-size:clamp(32px,4.9cqi,62px);line-height:1.045;letter-spacing:-.065em;font-weight:650;white-space:pre-line;overflow-wrap:break-word}.sp-hero-copy>p:not(.sp-eyebrow):not(.sp-hero-note){max-width:370px;margin:0 0 25px;color:var(--sp-muted);font-size:11px;line-height:1.85;white-space:pre-line}.sp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.site-preview .sp-primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:40px;padding:0 17px;border:0;border-radius:calc(var(--sp-radius)*.6);background:var(--sp-accent);color:var(--sp-on-accent);font-size:9px;font-weight:600;transition:transform 140ms ease}.site-preview .sp-primary:hover{transform:translateY(-2px)}.sp-primary svg{width:13px;height:13px}.sp-actions>a{color:var(--sp-muted);font-size:9px}.sp-actions>a>span{margin-left:6px;color:var(--sp-accent)}.sp-hero-copy .sp-hero-note{display:flex;align-items:center;gap:7px;margin:29px 0 0;color:var(--sp-muted);font-size:7px}.sp-hero-note>i{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:var(--sp-accent)}.sp-art{position:relative;width:100%;height:295px;isolation:isolate;pointer-events:none}.art-card{position:absolute;border-radius:var(--sp-radius);overflow:hidden}.art-back{inset:15px 18px 36px 28px;transform:rotate(-9deg);background:var(--sp-accent);color:var(--sp-on-accent);opacity:.9}.art-back>span{position:absolute;top:18px;left:18px;font-size:7px;letter-spacing:.2em}.art-back>i{position:absolute;right:-60px;bottom:-70px;width:170px;height:170px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 30px #ffffff0a,0 0 0 65px #ffffff07}.art-front{inset:28px 2px 25px 34px;transform:rotate(4deg);border:1px solid var(--sp-line);background:var(--sp-bg);box-shadow:0 17px 35px rgba(var(--sp-rgb),.1)}.art-front>span:first-child{position:absolute;top:15px;left:17px;color:var(--sp-muted);font-size:6px;letter-spacing:.12em}.art-object{position:absolute;width:82%;height:80%;top:16px;left:9%;stroke:none;filter:drop-shadow(0 14px 12px rgba(var(--sp-rgb),.1))}.art-caption{position:absolute;bottom:14px;left:17px;color:var(--sp-muted);font-size:7px}.art-floating{position:absolute;z-index:2;left:10px;right:17px;bottom:6px;display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--sp-line);border-radius:calc(var(--sp-radius)*.6);background:var(--sp-bg);font-size:7px;color:var(--sp-muted);box-shadow:0 8px 20px rgba(var(--sp-rgb),.07)}.art-floating>svg{margin-left:auto;width:12px;height:12px;color:var(--sp-accent)}.art-dot{width:5px;height:5px;border-radius:50%;background:var(--sp-accent)}.art-orbit{position:absolute;z-index:-1;inset:-5px 0 0;border:1px solid rgba(var(--sp-rgb),.09);border-radius:50%}.orbit-two{inset:24px -18px -20px 20px;transform:rotate(18deg)}.sp-features{position:relative;padding:calc(var(--sp-space)*1.3) var(--sp-space) calc(var(--sp-space)*1.6);background:var(--sp-paper);border-top:1px solid var(--sp-line)}.sp-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.sp-section-heading .sp-eyebrow{margin-bottom:13px}.site-preview h2{margin:0;color:var(--sp-ink);font-size:clamp(26px,3.2cqi,38px);line-height:1.12;letter-spacing:-.05em;font-weight:550}.sp-section-heading>span{max-width:180px;color:var(--sp-muted);font-size:8px;line-height:1.8}.sp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-card{min-width:0;padding:22px 18px;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-bg)}.sp-card-index{display:block;margin-bottom:20px;color:var(--sp-accent);font-size:8px}.sp-card h3{margin:0 0 11px;font-size:16px;font-weight:550;letter-spacing:-.035em;line-height:1.25}.sp-card p{margin:0;color:var(--sp-muted);font-size:9px;line-height:1.85}.sp-product-art{display:none;position:relative;height:115px;background:rgba(var(--sp-rgb),.055);border:1px solid var(--sp-line);border-radius:calc(var(--sp-radius)*.6);overflow:hidden;margin:-5px -2px 17px}.sp-product-art>i{position:absolute;top:25px;left:calc(50% - 25px);width:50px;height:60px;border:1px solid rgba(var(--sp-rgb),.2);border-radius:10px 10px 4px 4px;background:linear-gradient(130deg,rgba(var(--sp-rgb),.12),var(--sp-bg));box-shadow:12px 12px 20px rgba(var(--sp-rgb),.08);transform:rotate(-9deg)}.sp-product-art>b{position:absolute;top:19px;left:calc(50% - 18px);height:9px;width:36px;border-radius:4px;background:var(--sp-accent);opacity:.6;transform:rotate(-9deg)}.product-b>i{border-radius:50%;width:62px;height:62px;left:calc(50% - 31px);transform:rotate(20deg)}.product-b>b{width:30px;height:30px;left:calc(50% - 15px);top:41px;border-radius:50%;opacity:.2}.product-c>i{height:65px;width:40px;left:calc(50% - 20px);border-radius:3px;transform:rotate(13deg)}.product-c>b{width:50px;left:calc(50% - 22px);top:27px;transform:rotate(13deg)}[data-template=catalog] .sp-product-art{display:block}[data-template=catalog] .sp-card-index{display:none}.sp-search{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--sp-line);border-radius:calc(var(--sp-radius)*.6);background:var(--sp-bg);margin-bottom:18px}.sp-search svg{width:13px;height:13px;color:var(--sp-accent)}.sp-search input{width:100%;border:0;background:none;color:var(--sp-ink);font-size:10px;outline-offset:6px}.sp-select-product{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0 0;margin-top:15px;border:0;border-top:1px solid var(--sp-line);background:none;color:var(--sp-accent);font-size:9px!important}.sp-select-product.is-selected{font-weight:650}.sp-select-product>span{font-size:15px}.sp-cart{display:flex;align-items:center;gap:13px;padding:11px 15px;margin:20px 0 0 auto;border:0;border-radius:calc(var(--sp-radius)*.6);background:var(--sp-accent);color:var(--sp-on-accent);font-size:9px!important}.sp-cart>span{display:grid;place-items:center;min-width:18px;height:18px;padding-inline:4px;border:1px solid currentColor;border-radius:50%;font-size:8px}.sp-cart svg{width:13px;height:13px}.sp-empty{font-size:10px;color:var(--sp-muted);text-align:center;padding:20px}.sp-about{position:relative;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:45px;padding:calc(var(--sp-space)*1.8) var(--sp-space);border-top:1px solid var(--sp-line)}.sp-about h2>span{color:var(--sp-muted)}.sp-about>p{margin:0;color:var(--sp-muted);font-size:11px;line-height:1.95;white-space:pre-line}.sp-contact{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:calc(var(--sp-space)*1.6) var(--sp-space);background:rgba(var(--sp-rgb),.04);border-top:1px solid var(--sp-line)}.sp-contact .sp-eyebrow{margin-bottom:15px}.sp-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px var(--sp-space);border-top:1px solid var(--sp-line);font-size:7px;color:var(--sp-muted)}.sp-footer strong{font-size:12px;font-weight:600;letter-spacing:-.03em}.site-preview [data-block]{outline:2px solid transparent;outline-offset:-2px;transition:outline-color 120ms ease}.site-preview:not(.is-previewing) [data-block]:hover{outline-color:rgba(var(--sp-rgb),.32);cursor:pointer}.site-preview:not(.is-previewing) [data-block].is-selected{outline-color:var(--sp-accent)}.site-preview:not(.is-previewing) [data-block]::after{position:absolute;content:attr(data-label);z-index:4;top:7px;right:7px;padding:3px 7px;border-radius:4px;background:var(--sp-accent);color:var(--sp-on-accent);font:7px Arial,sans-serif;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity 100ms,transform 100ms}.site-preview:not(.is-previewing) [data-block]:hover::after,.site-preview:not(.is-previewing) [data-block].is-selected::after{opacity:1;transform:none}
@container preview (max-width:650px){.sp-header{padding-block:17px;gap:12px}.sp-header nav{gap:13px}.sp-header nav>a{font-size:8px}.sp-brand strong{font-size:14px;max-width:150px}.sp-hero{gap:15px;padding-block:38px}.sp-hero h1{font-size:clamp(33px,6cqi,47px)}.sp-hero-copy>p:not(.sp-eyebrow):not(.sp-hero-note){font-size:10px}.sp-art{height:260px}.art-front{left:17px}.art-back{left:15px}.sp-section-heading>span{max-width:125px;font-size:7px}.sp-card{padding:18px 14px}.sp-card h3{font-size:14px}.sp-about{gap:25px}.sp-about>p{font-size:10px}.sp-contact{gap:20px}.sp-contact .sp-primary{padding-inline:12px;gap:14px;font-size:8px}}
@container preview (max-width:460px){.sp-header nav>a{display:none}.sp-header{padding-inline:22px}.sp-header nav>button{padding:7px 10px;font-size:8px;gap:8px}.sp-brand strong{font-size:15px;max-width:170px}.sp-hero{grid-template-columns:1fr;padding:36px 24px 28px;gap:18px}.sp-hero h1{font-size:clamp(34px,10cqi,44px)}.sp-hero-copy>p:not(.sp-eyebrow):not(.sp-hero-note){font-size:11px;max-width:none}.sp-eyebrow{font-size:6px}.sp-hero-note{font-size:6px!important;margin-top:23px!important}.sp-art{height:225px;max-width:280px;justify-self:center}.art-front{inset:20px 5px 22px 25px}.art-back{inset:11px 20px 25px}.art-floating{left:0;right:10px}.sp-features{padding:34px 22px}.sp-section-heading{display:block}.sp-section-heading>span{display:block;max-width:none;margin-top:12px;font-size:8px}.site-preview h2{font-size:30px}.sp-card-grid{grid-template-columns:1fr;gap:10px}.sp-card{padding:22px}.sp-card h3{font-size:18px}.sp-card p{font-size:11px}.sp-card-index{margin-bottom:13px}.sp-about{grid-template-columns:1fr;padding:38px 24px;gap:20px}.sp-about>p{font-size:11px}.sp-contact{flex-direction:column;align-items:flex-start;padding:36px 24px;gap:23px}.sp-footer{padding:21px 24px;font-size:6px;gap:13px}.sp-footer strong{font-size:11px}.sp-product-art{height:160px}.sp-product-art>i{top:45px}.sp-product-art>b{top:39px}.product-b>b{top:62px}.product-c>b{top:47px}}
.studio-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-panel);color:var(--ui-ink);box-shadow:0 25px 90px #05132635;overflow:auto}.studio-dialog::backdrop{background:#07132580;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-heading .eyebrow{margin-bottom:12px;color:var(--ui-accent)}.dialog-heading h2{margin:0;font-size:27px;font-weight:550;letter-spacing:-.05em;line-height:1.15}.dialog-description{margin:20px 0;color:var(--ui-muted);font-size:11px;line-height:1.9}.benchmark-note{display:flex;gap:12px;padding:14px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-control);font-size:10px;color:var(--ui-muted);line-height:1.9}.benchmark-note svg{width:18px;height:18px;color:var(--ui-accent);margin-top:4px}.benchmark-note strong{color:var(--ui-ink);font-weight:500}.benchmark-start{margin-top:19px;min-height:39px;width:100%;font-size:11px}#benchmark-status{margin:13px 0;color:var(--ui-muted);font-size:10px;line-height:1.7}.benchmark-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.benchmark-results>div{padding:15px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-control)}.benchmark-results span{display:block;color:var(--ui-muted);font-size:9px}.benchmark-results strong{display:block;margin-block:11px;font-size:23px;font-weight:550;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.benchmark-results small{display:block;color:var(--ui-muted);font-size:8px;line-height:1.7}.benchmark-verdict{margin:17px 0 0;color:var(--ui-ink);font-size:11px;line-height:1.8}.benchmark-details{margin-top:15px;border-top:1px solid var(--ui-line);padding-top:15px}.benchmark-details summary{font-size:10px;color:var(--ui-muted);cursor:pointer}.benchmark-details pre{max-height:230px;overflow:auto;font-size:9px;line-height:1.8;background:var(--ui-control);padding:12px;border-radius:8px;color:var(--ui-muted);white-space:pre-wrap}.concept-summary{margin:23px 0;display:grid;grid-template-columns:120px 1fr;gap:12px 20px;font-size:11px}.concept-summary dt{color:var(--ui-muted)}.concept-summary dd{margin:0;overflow-wrap:anywhere;line-height:1.7}.privacy-note{margin:17px 0 0;color:var(--ui-muted);font-size:9px;line-height:1.8}.demo-success{padding:28px 10px 18px;text-align:center}.demo-success>span{display:grid;place-items:center;width:46px;height:46px;margin:auto auto 18px;border-radius:50%;background:var(--ui-soft);color:var(--ui-accent);font-size:23px}.demo-success h3{font-size:22px;letter-spacing:-.04em;font-weight:500}.demo-success p{max-width:380px;margin:auto;color:var(--ui-muted);font-size:12px;line-height:1.9}.no-script{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:25px;background:var(--ui-panel);font-size:18px}.no-script a{text-decoration:underline}
@media(max-width:1150px){.studio-header{padding-inline:18px;gap:12px}.document-name{display:none}.studio-layout{grid-template-columns:260px minmax(0,1fr)}.sidebar-intro{padding-inline:20px}.inspector-scroll{padding-inline:17px}.canvas-scroll{padding:20px 20px 30px}.toolbar-caption{display:none}.canvas-toolbar{padding-inline:15px}.studio-brand{gap:15px}.studio-brand>span{padding-left:14px}.studio-brand>img{width:100px}.prototype-pill{display:none}}
@media(max-width:800px){.studio-header{height:60px;padding-inline:14px}.studio-brand>img{width:91px;height:36px}.studio-brand>span{font-size:13px;padding-left:12px}.studio-brand{gap:12px}.header-tools{gap:6px}.header-tools .text-tool>span{display:none}.header-tools .text-tool{padding:7px}.header-tools .studio-primary{gap:10px;padding-inline:12px;font-size:9px}.studio-layout{height:calc(100dvh - 60px);grid-template-columns:minmax(0,1fr)}.studio-sidebar{position:fixed;left:0;top:60px;bottom:0;width:min(310px,calc(100vw - 30px));transform:translateX(-102%);transition:transform 180ms ease;box-shadow:15px 0 45px #06152d18}.studio-app.sidebar-open .studio-sidebar{transform:none}.sidebar-scrim{display:block;position:fixed;inset:60px 0 0;z-index:4;border:0;background:#06142866}.mobile-customize{display:inline-flex;font-size:9px}.canvas-left-tools{gap:9px}.canvas-toolbar{height:48px;padding-inline:12px;gap:8px}.history-tools .tool-button{min-width:26px;min-height:28px;padding:5px}.device-switch{margin-left:auto}.canvas-scroll{padding:18px 15px 27px}.studio-status{padding-inline:15px;font-size:7px}.canvas-toolbar>#preview-mode{font-size:9px;padding-inline:7px}.canvas-toolbar>#preview-mode svg{width:13px;height:13px}.studio-sidebar .sidebar-intro{padding-top:23px}.studio-sidebar .sidebar-intro h1{font-size:26px}}
@media(max-width:500px){.studio-brand>img{width:83px}.studio-brand>span{font-size:12px;padding-left:10px}.header-tools .studio-primary{min-height:33px;font-size:8px;padding-inline:10px;gap:8px}.header-tools .studio-primary svg{width:12px;height:12px}.cwer-theme-control{width:29px;height:29px}.studio-header{padding-inline:11px;gap:6px}.studio-brand{gap:9px}.header-tools .text-tool{min-width:28px;padding:5px}.device-switch{display:none}.canvas-toolbar>#preview-mode{margin-left:auto}.canvas-scroll{padding:14px 10px 25px}.preview-address{padding-inline:10px;font-size:7px}.address-demo{display:none}#preview-width{font-size:6px}.canvas-footnote{font-size:7px;padding-inline:10px}#selection-status{display:none}.studio-status{min-height:29px}.studio-dialog{padding:21px;width:calc(100% - 24px);border-radius:14px}.dialog-heading h2{font-size:24px}.benchmark-results{gap:8px}.benchmark-results>div{padding:11px}.benchmark-results strong{font-size:21px}.concept-summary{grid-template-columns:85px 1fr;gap:12px}.studio-primary.benchmark-start{font-size:10px}.benchmark-note{padding:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.site-preview .sp-primary:hover,.studio-primary:hover{transform:none}}
/* Controls remain readable at real device pixels; the live document is not scaled. */
#feature-fields{padding:0 0 20px;margin:0 0 25px;border:0;border-bottom:1px solid var(--ui-line)}#feature-fields legend{margin-bottom:20px;color:var(--ui-muted);font-size:12px;font-weight:600}
.sidebar-intro{position:relative}.sidebar-close{display:none}
.site-preview .sp-eyebrow,.site-preview .sp-actions>a,.site-preview .sp-select-product{color:var(--sp-link,var(--sp-accent))}
.sp-hero-note i{background:var(--sp-link,var(--sp-accent))}
:root{--ui-muted:#5f7087}.site-preview{--sp-muted:#5e6d82}
.control-title,.inspector-tabs button,.template-option strong,.field-label{font-size:12px}
.sidebar-intro>p:last-child,.template-option small,.context-card p,.context-card strong,.layer-row label,.field-label>input,.field-label>select,.field-label>textarea{font-size:11px}
.context-card p{line-height:1.7}.layers-title>span,.range-labels,.control-row output,.custom-color label,.logo-controls small,.inspector-note{font-size:10px}
.sidebar-footer{font-size:9px}.sidebar-footer .small-action,.small-action{font-size:10px}
.studio-primary,.tool-button,.segmented button{font-size:11px}.document-name,.document-name>small,.toolbar-caption{font-size:10px}
.inspector-scroll{flex:1}.selected-block{font-size:11px}.preview-address{font-size:10px}#preview-width{font-size:9px}
.studio-status,.canvas-footnote{font-size:10px}.sp-eyebrow{font-size:9px}.sp-hero-copy>p:not(.sp-eyebrow):not(.sp-hero-note){font-size:13px}
.sp-card p{font-size:12px}.sp-about>p{font-size:13px}.sp-section-heading>span{font-size:11px}.sp-features h2{white-space:pre-line}
.sp-primary{font-size:11px!important}.sp-header nav>a{font-size:11px}.sp-header nav>button{font-size:10px}.sp-actions>a{font-size:11px}.sp-hero-note{font-size:9px!important}.sp-footer{font-size:9px}
.sp-search input{font-size:12px}.sp-select-product,.sp-cart{font-size:11px!important}.sp-select-product{min-height:35px}.sp-search{min-height:40px}
.sp-brand strong{overflow-wrap:anywhere}.sp-hero-copy{min-width:0}.sp-primary{max-width:100%;overflow-wrap:anywhere}.sp-card,.sp-about>*{min-width:0}
.sp-card h3{overflow-wrap:anywhere}.sp-about>p{overflow-wrap:anywhere}.sp-contact h2{overflow-wrap:anywhere}.sp-header nav>a[hidden]{display:none}
.dialog-description,.benchmark-verdict{font-size:13px}.benchmark-note{font-size:12px}#benchmark-status{font-size:12px}.benchmark-results span{font-size:11px}.benchmark-results small{font-size:10px}.benchmark-details summary{font-size:11px}.concept-summary{font-size:12px}.privacy-note{font-size:11px}.benchmark-details pre{font-size:11px}
@container preview (max-width:650px){.sp-header nav>a{font-size:10px}.sp-hero-copy>p:not(.sp-eyebrow):not(.sp-hero-note){font-size:12px}.sp-section-heading>span{font-size:10px}.sp-about>p{font-size:12px}.sp-contact .sp-primary{font-size:11px}.sp-art{height:270px}}
@container preview (max-width:460px){.sp-hero-copy>p:not(.sp-eyebrow):not(.sp-hero-note),.sp-card p,.sp-about>p{font-size:13px}.sp-eyebrow{font-size:8px}.sp-hero-note{font-size:9px!important}.sp-section-heading>span{font-size:11px}.sp-header nav>button{font-size:10px}.sp-footer{font-size:8px}.sp-card h3{font-size:20px}.sp-art{height:225px}}
@media(max-width:800px){.mobile-customize,.canvas-toolbar>#preview-mode{font-size:10px}.studio-status{font-size:9px}.canvas-toolbar{flex-shrink:0}.studio-sidebar{overscroll-behavior:contain}.sidebar-close{display:grid;position:absolute;top:12px;right:10px;border:1px solid var(--ui-line);min-width:30px;min-height:30px}.sidebar-intro .eyebrow{padding-right:26px}.sidebar-scrim{left:min(310px,calc(100vw - 30px))}}
@media(max-width:500px){.header-tools .studio-primary{font-size:10px}.studio-brand>span{font-size:12px}.canvas-footnote{font-size:9px}.preview-address{font-size:9px}#preview-width{font-size:8px}.studio-primary.benchmark-start{font-size:12px}}
@media print{html,body{height:auto;overflow:visible}.studio-header,.studio-sidebar,.canvas-toolbar,.preview-address,.canvas-footnote,.studio-status,.studio-dialog,.sidebar-scrim{display:none!important}.studio-layout{display:block;height:auto}.studio-workspace,.canvas-scroll{display:block;height:auto;overflow:visible;padding:0;background:none}.preview-shell{max-width:none!important;border:0;box-shadow:none}.site-preview [data-block]{outline:0!important}.site-preview [data-block]::after{display:none!important}}