.customer-page{--cp-spruce:#02463a;--cp-leaf:#85be00;--cp-line:#dedfd9;background:#f7f5f2;color:#3d3936;font:15px/1.5 'Segoe UI',Arial,sans-serif}
.customer-page [hidden]{display:none!important}.customer-page .studio-topbar{min-height:64px;padding:14px max(24px,calc((100vw - 1320px)/2));background:#fff}.customer-page .studio-brand{gap:20px}.customer-page .studio-brand img{width:200px;min-width:200px}.customer-page .studio-wordmark{font:400 16px/1.2 'Segoe UI',Arial,sans-serif;padding-left:20px;color:#505357}.customer-page .studio-nav.mode-nav{display:flex;padding:0 max(16px,calc((100vw - 1320px)/2));min-height:46px;gap:18px;overflow-x:auto;flex-wrap:nowrap}.customer-page .studio-nav a{white-space:nowrap;flex-shrink:0}
.cp-main{max-width:1368px;padding:0 24px 34px;margin:auto}.cp-intro{text-align:center;padding:31px 0 26px}.cp-intro h1{font:600 clamp(34px,3.5vw,48px)/1.1 'Source Serif Pro',Georgia,serif;letter-spacing:-1.4px;color:var(--cp-spruce);margin:0 0 10px}.cp-intro>p{font-size:18px;color:#50535d;margin:0}.cp-service-note{padding:12px 16px;border:1px solid #d8cda5;border-radius:8px;background:#fff9e9;font-size:14px}
.cp-workspace{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:22px;align-items:stretch}.cp-panel{background:#fff;border:1px solid var(--cp-line);border-radius:16px;box-shadow:0 5px 20px #02463a06;min-width:0}.cp-form{padding:0 24px}.cp-step{padding:18px 0;border-bottom:1px solid var(--cp-line)}.cp-step-last{border-bottom:0;padding-bottom:20px}.cp-step h2{font:600 22px/1.25 'Source Serif Pro',Georgia,serif;color:var(--cp-spruce);display:flex;gap:12px;align-items:center;margin:0 0 16px}.cp-step h2>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;background:#eff5e5;border-radius:50%;font:650 17px/1 'Segoe UI',Arial,sans-serif;color:#346616}
.cp-upload-zone{min-height:164px;padding:15px;text-align:center;border:1px dashed #acbd85;border-radius:9px;background:#f9faf6;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px}.cp-upload-zone.is-dragging{border:2px solid var(--cp-leaf);background:#eff5e5}.cp-upload-icon{color:#71827e}.cp-upload-zone p{margin:0;font-size:14px;color:#29433d}.cp-upload-zone small{font-size:12px;color:#666b70}.cp-upload-button{min-height:36px;min-width:170px;border:1px solid #35694d;border-radius:8px;padding:7px 18px;background:#fff;color:var(--cp-spruce);font-weight:650;font-size:13px}.cp-photo-chosen{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding-top:9px}.cp-photo-chosen span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-photo-chosen button,.cp-text-button{border:0;background:transparent;color:var(--cp-spruce);text-decoration:underline;text-underline-offset:3px;font:600 13px/1.4 'Segoe UI',Arial,sans-serif;padding:6px 0;white-space:nowrap}.cp-photo-chosen button{font-size:12px}.cp-upload-zone.has-upload{min-height:80px}.has-upload .cp-upload-icon,.has-upload #cp-upload-copy{display:none}
.cp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cp-form label,.cp-colors legend{display:block;font-size:13px;color:#303f3b;margin-bottom:5px}.cp-form select,.cp-form textarea{width:100%;border:1px solid #d4d9d6;border-radius:8px;color:#25362f;background:#fff;font:14px/1.4 'Segoe UI',Arial,sans-serif;padding:9px 12px;min-height:40px}.cp-form textarea{resize:vertical;min-height:54px;max-height:180px}.cp-form select:focus-visible,.cp-form textarea:focus-visible,.cp-main button:focus-visible,.cp-main a:focus-visible,.cp-main summary:focus-visible{outline:3px solid #85be00;outline-offset:3px}.cp-optional{font-weight:400;color:#62686a}.cp-colors{border:0;padding:0;margin:12px 0 0;min-width:0}.cp-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cp-swatch{min-width:0;position:relative}.cp-swatch input{position:absolute;width:1px;height:1px;opacity:0}.cp-swatch label{cursor:pointer;margin:0;font-size:11px;line-height:1.3;color:#233831}.cp-chip{display:block;position:relative;height:56px;border:3px solid #fff;outline:1px solid #d7dcd8;border-radius:7px;margin:1px 0 7px;background:var(--swatch)}.cp-chip::after{content:'';position:absolute;top:6px;left:6px;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:transparent}.cp-swatch input:checked+label .cp-chip{outline:2px solid #02463a}.cp-swatch input:checked+label .cp-chip::after{background:#007b69;box-shadow:0 0 0 1px #007b69}.cp-swatch input:focus-visible+label .cp-chip{outline:3px solid #85be00;outline-offset:3px}.cp-small{font-size:12px;color:#69716d;line-height:1.5;margin:9px 0 0}.cp-placement-action{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin:13px 0}.cp-placement-action label{margin:0}.cp-primary{width:100%;min-height:45px;padding:11px 18px;display:flex;justify-content:center;align-items:center;gap:14px;background:#005543;border:1px solid #005543;border-radius:8px;color:#fff;font:650 15px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer}.cp-primary:hover:not(:disabled){background:#02463a}.cp-primary:disabled{opacity:.55;cursor:not-allowed}.cp-privacy{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:#626870;margin:10px 0 0}.cp-privacy svg{flex-shrink:0;margin-top:2px}.cp-error{color:#a13729;font-size:13px;margin:10px 0 0;line-height:1.5}
.cp-preview{position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;border-top:4px solid var(--cp-leaf)}.cp-preview header h2{font:500 37px/1.15 'Source Serif Pro',Georgia,serif;color:var(--cp-spruce);letter-spacing:-.7px;margin:0 0 10px}.cp-preview header p{font-size:16px;color:#565b63;margin:0 0 24px}.cp-stage{position:relative;flex:1;min-height:430px;border:1px dashed #d5d2cc;border-radius:8px;background:#f6f4f1;overflow:hidden}.cp-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#82908c}.cp-empty p{font-size:18px;color:#38534d;margin:0;padding:12px;text-align:center}.cp-stage>img,.cp-after,.cp-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cp-after{clip-path:inset(0 50% 0 0)}.cp-stage.has-photo{aspect-ratio:var(--photo-ratio,1.3333);min-height:0;max-height:650px;flex:0 0 auto;border-style:solid}.cp-stage.has-comparison{cursor:ew-resize;touch-action:pan-y;user-select:none}.cp-stage.has-comparison img{-webkit-user-drag:none;user-select:none}.cp-divider{position:absolute;left:50%;top:0;bottom:0;width:48px;transform:translateX(-50%);cursor:ew-resize;touch-action:none;outline:none}.cp-divider::before{content:'';position:absolute;inset:0 auto 0 23px;width:2px;background:#fff;box-shadow:0 0 3px #0007}.cp-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:#02463a;color:#fff;box-shadow:0 3px 14px #0005;transition:background .15s,box-shadow .15s}.cp-divider:hover>span{background:#08735b;box-shadow:0 3px 18px #0006}.cp-divider:focus-visible>span{outline:3px solid #85be00;outline-offset:3px}.cp-history h2{margin:0;color:var(--cp-spruce);font:600 23px/1.4 'Source Serif Pro',Georgia,serif}.cp-history-grid button:disabled{opacity:.55;cursor:wait}.cp-history-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-busy{position:absolute;inset:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--cp-spruce);padding:20px;text-align:center}.cp-busy p{font-size:17px;margin:15px 0 6px}.cp-busy small{font-size:13px;color:#66726d}.cp-spinner{height:32px;width:32px;border:3px solid #dce7d8;border-top-color:var(--cp-spruce);border-radius:50%;animation:cp-spin 1s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cp-spinner{animation:none}}
.cp-comparison{padding-top:15px}.cp-comparison>div{display:flex;justify-content:space-between;font-size:12px;color:#526c60}.cp-comparison input{width:100%;accent-color:var(--cp-spruce);min-height:32px;cursor:ew-resize}.cp-status{font-size:13px;line-height:1.5;color:#346054;margin:12px 0 0}.cp-status:empty{display:none}.cp-result-actions{display:flex;gap:18px;align-items:center;margin-top:14px}.cp-result-actions>.cp-primary{width:auto;flex:1}.cp-tip{display:flex;gap:14px;align-items:center;color:#60616b;font-size:13px;line-height:1.5;margin:24px 0 18px}.cp-tip>span{color:#80ad00;font-size:32px;line-height:1}.cp-disclosure{border-top:1px solid var(--cp-line);padding-top:17px;font-size:11px;line-height:1.6;color:#626870;margin:0}.cp-footer{display:flex;justify-content:center;align-items:center;gap:18px;padding:12px 0 0;border-top:1px solid #d7d8d3;margin-top:18px}.cp-footer p{font:500 20px/1.5 'Source Serif Pro',Georgia,serif;color:var(--cp-spruce);margin:0}.cp-footer a{font-weight:650;font-size:14px;white-space:nowrap;color:var(--cp-spruce);text-underline-offset:3px;border-left:1px solid #bcc7c0;padding-left:18px}.cp-footer a>span{margin-left:8px}
.cp-history{margin-top:25px;border-top:1px solid #d8dfd8;padding-top:15px}.cp-history summary{cursor:pointer;color:var(--cp-spruce);font-weight:600}.cp-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px;margin-top:15px}.cp-history-grid button{padding:0;text-align:left;border:1px solid #d8dfd8;background:white;border-radius:8px;overflow:hidden;color:var(--cp-spruce);font-size:12px}.cp-history-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.cp-history-grid span{display:block;padding:8px}
@media(max-width:900px){.cp-main{padding:0 18px 28px}.cp-workspace{grid-template-columns:minmax(0,1fr)}.cp-preview{min-height:540px}.cp-stage{min-height:340px}.cp-intro>p{max-width:580px;margin:auto}.cp-footer{flex-wrap:wrap;text-align:center}.cp-footer a{border:0;padding:0}.customer-page .studio-topbar{padding:14px 20px}.customer-page .studio-nav.mode-nav{display:flex;padding:0 12px;gap:5px}.cp-intro{padding:28px 0}.cp-form{padding:0 22px}}
@media(max-width:480px){.customer-page .studio-brand{flex-direction:row;align-items:center;gap:12px}.customer-page .studio-brand img{width:170px;min-width:170px}.customer-page .studio-wordmark{font-size:13px;padding-left:12px}.customer-page .studio-topbar{padding:14px 18px}.cp-main{padding:0 14px 25px}.cp-intro h1{font-size:35px;letter-spacing:-1px}.cp-intro>p{font-size:16px;line-height:1.5}.cp-form,.cp-preview{padding-left:18px;padding-right:18px}.cp-step h2{font-size:21px;gap:10px}.cp-swatch-grid{gap:9px}.cp-chip{height:52px}.cp-swatch label{font-size:10px}.cp-form select,.cp-form textarea{font-size:16px}.cp-placement-action{grid-template-columns:1fr;gap:5px}.cp-preview header h2{font-size:31px}.cp-preview header p{font-size:15px}.cp-stage{min-height:280px}.cp-result-actions{flex-direction:column;gap:8px}.cp-result-actions>.cp-primary{width:100%}.cp-footer p{font-size:19px}.cp-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}