.cp-root{display:flex;height:var(--cp-root-height, calc(100dvh - 88px) );background:var(--color-canvas-soft);overflow:hidden}.cp-sidebar{width:280px;min-width:260px;background:#01181f;display:flex;flex-direction:column;padding:0;flex-shrink:0;position:sticky;top:0;height:calc(100vh - 56px);overflow-y:auto;scrollbar-width:none}.cp-sidebar::-webkit-scrollbar{display:none}.cp-sidebar-top{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.cp-back-link{display:flex;align-items:center;gap:8px;color:#ffffff80;font-size:11px;font-weight:600;text-decoration:none;letter-spacing:.02em;transition:color .2s;margin-bottom:16px}.cp-back-link:hover{color:#ffffffd9}.cp-product-chip{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px}.cp-product-thumb{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:2px;flex-shrink:0}.cp-product-chip-text{overflow:hidden}.cp-product-label{display:block;font-size:9px;color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.cp-product-name{display:block;font-size:12px;font-weight:700;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-step-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.cp-step-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;cursor:default;transition:background .2s,opacity .2s;position:relative}.cp-step-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;flex-shrink:0;color:#ffffff4d;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);font-family:Outfit,sans-serif;transition:all .3s}.cp-step-info{overflow:hidden}.cp-step-title{display:block;font-size:14px;font-weight:700;color:#ffffff59;transition:color .2s;white-space:nowrap;letter-spacing:-.01em}.cp-step-sub{display:block;font-size:11px;font-weight:500;color:#ffffff73;margin-top:2px;transition:color .2s}.cp-step-locked{opacity:.38;pointer-events:none;cursor:default}.cp-step-item.active-step-indicator{background:#14b8a62e;cursor:pointer;opacity:1}.cp-step-item.active-step-indicator .cp-step-num{background:#14b8a6;border-color:#14b8a6;color:#fff;box-shadow:0 0 0 4px #14b8a640}.cp-step-item.active-step-indicator .cp-step-title{color:#fff;font-size:15px;font-weight:800}.cp-step-item.active-step-indicator .cp-step-sub{color:#ffffffd9}.cp-step-item.cp-step-done{opacity:1;cursor:pointer}.cp-step-item.cp-step-done .cp-step-num{background:#14b8a61a;border-color:#14b8a659;color:#2dd4bf;font-size:13px}.cp-step-item.cp-step-done .cp-step-title{color:#ffffff8c;font-size:13px;font-weight:600}.cp-step-item.cp-step-done .cp-step-sub{color:#fff9}.cp-step-item.cp-step-done:hover{background:#ffffff0a}@media (min-width: 641px){.cp-step-nav{gap:12px}.cp-step-item{justify-content:space-between;padding:14px 18px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.02)}.cp-step-num{order:1;font-size:54px;font-weight:900;font-style:italic;color:#ffffff0d;-webkit-text-stroke:0!important;line-height:.8;transition:color .2s ease!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent!important;border:none!important;width:auto!important;height:auto!important;border-radius:0!important;box-shadow:none!important;margin-right:22px}.cp-step-info{order:2;flex:1;display:flex;flex-direction:column}.cp-step-title{font-size:13.5px;font-weight:700;color:#ffffff8c}.cp-step-sub{font-size:11px;font-weight:500;color:#ffffff61;margin-top:3px}.cp-step-locked{opacity:.35}.cp-step-item.active-step-indicator{background:#fff;border-color:#fff;box-shadow:0 10px 25px #00000040}.cp-step-item.active-step-indicator .cp-step-num{color:#10b981;-webkit-text-stroke:0!important;font-size:54px;background:transparent!important;border:none!important;box-shadow:none!important}.cp-step-item.active-step-indicator .cp-step-title{color:#0f172a;font-size:14px;font-weight:800}.cp-step-item.active-step-indicator .cp-step-sub{color:#475569;font-weight:600}.cp-step-item.cp-step-done .cp-step-num{color:#ffffff1f;-webkit-text-stroke:0!important;font-size:54px;background:transparent!important;border:none!important;box-shadow:none!important}.cp-step-item.cp-step-done .cp-step-title{color:#ffffffd9}.cp-step-item.cp-step-done .cp-step-sub{color:#fff9}.cp-step-item.cp-step-done:hover{background:#ffffff14;border-color:#ffffff0f}}.cp-sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.07)}.cp-clear-draft-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:#ef44440a;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#ef4444;font-size:11px;font-weight:600;padding:8px 12px;cursor:pointer;transition:all .2s;margin-bottom:16px}.cp-clear-draft-btn:hover{background:#ef444417;border-color:#ef444473;color:#f87171}.cp-progress-wrap{display:flex;flex-direction:column;gap:6px}.cp-progress-bar-track{height:3px;border-radius:99px;background:#ffffff14;overflow:hidden}.cp-progress-bar-fill{height:100%;background:var(--color-link);border-radius:99px;transition:width .4s cubic-bezier(.16,1,.3,1)}.cp-progress-label{font-size:10px;color:#ffffff59;font-weight:600;letter-spacing:.04em}.cp-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.cp-step-heading{padding:0 0 16px;margin-bottom:20px;flex-shrink:0;border-bottom:1px solid var(--color-hairline);background:transparent;position:static}.cp-heading-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-link);margin-bottom:8px}.cp-heading-title{font-size:24px;font-weight:900;color:var(--color-ink);line-height:1.12;margin:0 0 2px;letter-spacing:-.03em}.cp-heading-title em{font-style:normal;color:var(--color-link);position:relative}.cp-heading-title em:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-link);border-radius:2px;opacity:.35}.cp-heading-sub{font-size:14px;color:var(--color-body);line-height:1.55;max-width:520px;margin:0}.cp-pane-wrap{flex:1;padding:16px 36px;min-height:0;overflow-y:auto}.cp-pane{display:flex;flex-direction:column;gap:20px}.cp-pane.hidden{display:none!important}.cp-step1-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;min-height:0}.cp-step1-controls{display:flex;flex-direction:column;gap:20px}.cp-step1-preview{position:sticky;top:8px}.cp-field-group{display:flex;flex-direction:column;gap:8px}.cp-field-label{font-size:11px;font-weight:700;color:var(--color-mute);text-transform:uppercase;letter-spacing:.06em}.cp-unit-row{display:flex;align-items:center;gap:10px}.cp-unit-toggle{display:flex;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:10px;padding:3px;gap:2px}.cp-unit-btn{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;font-family:Outfit,sans-serif;border:none;background:transparent;color:var(--color-mute);cursor:pointer;transition:all .2s;white-space:nowrap}.cp-unit-btn.active,.cp-unit-btn[class*=bg-canvas]{background:var(--color-link)!important;color:#fff!important;box-shadow:0 1px 4px #4f46e540}.cp-unit-btn:not(.active):hover{color:var(--color-ink)}.cp-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.cp-icon-btn:hover{background:var(--color-canvas-soft);color:var(--color-ink)}.cp-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;font-size:10px;font-weight:600;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}.group:hover .cp-tooltip{opacity:1}.cp-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1a1a2e}.cp-dims-row{display:flex;align-items:flex-end;gap:12px}.cp-dims-x{font-size:20px;font-weight:700;color:var(--color-mute);padding-bottom:8px;flex-shrink:0}.cp-dims-x-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:6px;flex-shrink:0}.cp-swap-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-mute);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.cp-swap-btn:hover{background:var(--color-canvas-soft-2);color:var(--color-link);border-color:var(--color-link-bg-soft-20);transform:rotate(180deg)}.cp-swap-btn:active{transform:scale(.9) rotate(180deg)}.cp-input-wrap{position:relative}.cp-input{width:108px;height:44px;padding:0 32px 0 12px;background:var(--color-canvas);border:1.5px solid var(--color-hairline);border-radius:12px;font-size:16px;font-weight:700;font-family:Outfit,monospace;color:var(--color-ink);transition:border-color .2s,box-shadow .2s;outline:none}.cp-input:focus{border-color:var(--color-link);box-shadow:0 0 0 3px #4f46e51f}.cp-input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;font-family:monospace;color:var(--color-mute);pointer-events:none}.cp-info-pill{font-size:12px;font-weight:600;color:var(--color-link);background:var(--color-link-bg-soft);border:1px solid rgba(79,70,229,.18);padding:10px 14px;border-radius:10px;line-height:1.5}.cp-presets-wrap{display:flex;flex-wrap:wrap;gap:8px}.cp-preview-stage{position:relative;width:100%;height:300px;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:16px;display:flex;align-items:center;justify-content:center;padding-top:28px;padding-bottom:28px;overflow:visible;box-shadow:inset 0 1px 4px #0000000a}.cp-preview-grid-bg{position:absolute;inset:0;border-radius:16px;overflow:hidden;pointer-events:none;background-image:radial-gradient(rgba(100,116,139,.1) 1px,transparent 1px);background-size:12px 12px}.cp-preview-center-label{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-mute);background:var(--color-canvas);border:1px solid var(--color-hairline);padding:3px 10px;border-radius:20px;white-space:nowrap;pointer-events:none;z-index:2}.cp-preview-note{font-size:11px;color:var(--color-mute);text-align:center;position:absolute;bottom:10px;left:0;right:0;margin:0;pointer-events:none}.cp-wiremesh{position:relative;background:var(--color-link-bg-soft);border:2px dashed var(--color-link);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-level-2);transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1)}#preview-wiremesh-box{transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1)}.cp-wiremesh-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cp-dim-line-h{position:absolute;top:-34px;left:0;right:0;display:flex;align-items:center;font-family:monospace;font-size:11px;font-weight:700;color:var(--color-mute)}.cp-dim-line-seg{flex:1;height:1.5px;background:#cbd5e1;position:relative}.cp-dim-arrow{position:absolute;top:-3px;width:8px;height:8px;border:2px solid #94a3b8;border-right:none;border-bottom:none}.cp-dim-arrow-l{left:0;transform:rotate(-45deg)}.cp-dim-arrow-r{right:0;border-left:none;border-right:2px solid #94a3b8;transform:rotate(45deg)}.cp-dim-label{margin:0 10px;white-space:nowrap}.cp-dim-line-v{position:absolute;right:-44px;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;font-family:monospace;font-size:11px;font-weight:700;color:var(--color-mute)}.cp-dim-line-seg-v{flex:1;width:1.5px;background:#cbd5e1;position:relative}.cp-dim-arrow-v{position:absolute;left:-3px;width:8px;height:8px;border:2px solid #94a3b8;border-right:none;border-bottom:none}.cp-dim-arrow-t{top:0;transform:rotate(45deg)}.cp-dim-arrow-b{bottom:0;border-top:none;border-bottom:2px solid #94a3b8;transform:rotate(-45deg)}.cp-dim-label-v{margin:8px 0;transform:rotate(90deg);white-space:nowrap}.cp-area-badge{position:relative;z-index:10;font-family:monospace;font-size:14px;font-weight:800;color:var(--color-link);background:#ffffffd9;border:1px solid rgba(79,70,229,.2);box-shadow:0 1px 4px #0000000f;padding:4px 10px;border-radius:8px;text-align:center;white-space:nowrap;margin:8px}.cp-upload-area{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.cp-upload-area.hidden{display:none!important}.cp-upload-left{display:flex;flex-direction:column;gap:12px}.cp-upload-right{display:flex;flex-direction:column}.cp-upload-tabs{display:flex;background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:30px;padding:3px;gap:2px;width:-moz-fit-content;width:fit-content}.cp-tab{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;border:none;background:transparent;color:var(--color-mute);cursor:pointer;transition:all .2s}.cp-tab-active{background:var(--color-canvas);color:var(--color-ink);box-shadow:0 1px 4px #0000000f}.cp-dropzone{border:2px dashed var(--color-hairline);border-radius:16px;padding:24px 16px;text-align:center;cursor:pointer;background:var(--color-canvas-soft);transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;height:100%;position:relative}.cp-dropzone:hover,.cp-dropzone.dragover{border-color:var(--color-link);background:var(--color-link-bg-soft)}.cp-dropzone.dragover{border-color:var(--color-link);background:var(--color-link-bg-soft-10)}.cp-dropzone.uploaded{min-height:72px;padding:10px 16px;border-style:solid}.cp-dropzone.uploaded>*:not(#file-uploaded-info){display:none}.cp-dropzone.uploaded #file-uploaded-info{padding:10px 16px}.cp-dropzone-icon{width:56px;height:56px;border-radius:50%;background:var(--color-canvas);border:1.5px solid var(--color-hairline);display:flex;align-items:center;justify-content:center;color:var(--color-mute);margin-bottom:12px;transition:all .2s}.cp-dropzone:hover .cp-dropzone-icon{border-color:var(--color-link);color:var(--color-link);background:#fff}.cp-dropzone-title{display:block;font-size:14px;font-weight:700;color:var(--color-ink);margin-bottom:4px}.cp-dropzone-sub{display:block;font-size:12px;color:var(--color-body);margin-bottom:12px}.cp-dropzone-formats{font-size:10px;font-weight:700;background:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-mute);padding:4px 10px;border-radius:6px;letter-spacing:.03em}.cp-checklist-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:14px;padding:14px 18px;height:100%}.cp-checklist-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink);padding-bottom:8px;border-bottom:1px solid var(--color-hairline);margin-bottom:10px}.cp-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cp-checklist-item{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--color-ink);line-height:1.5}.cp-check-icon{width:14px;height:14px;color:var(--color-link);flex-shrink:0;margin-top:1px}.cp-artwork-preview-box{background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;height:280px;position:relative;overflow:hidden}.cp-props-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-shadow:var(--shadow-level-2)}.cp-props-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink);padding-bottom:12px;border-bottom:1px solid var(--color-hairline);margin-bottom:12px}.cp-props-container{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center}.cp-filename-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:12px}.cp-filename-icon{width:28px;height:28px;border-radius:8px;background:var(--color-canvas);border:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:center;color:var(--color-link);flex-shrink:0}.cp-filename-info{display:flex;flex-direction:column;min-width:0;flex:1}.cp-prop-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-mute)}.cp-filename-text{font-size:12px;font-weight:700;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-detail-tile{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:10px}.cp-detail-tile-full{grid-column:span 2;flex-direction:row;align-items:center;justify-content:space-between}.cp-prop-val-highlight{font-size:12px;font-weight:700;color:var(--color-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cp-props-footer{margin-top:14px}.cp-replace-btn{display:flex;align-items:center;gap:6px;width:100%;height:38px;padding:0 14px;border:1.5px solid rgba(239,68,68,.25);border-radius:10px;background:#ef44440d;color:#ef4444;font-size:12px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s;justify-content:center}.cp-replace-btn:hover{background:#ef44441f;border-color:#ef444466;color:#dc2626}.cp-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cp-spin .75s linear infinite;display:inline-block;vertical-align:middle;margin-right:6px;flex-shrink:0}.cp-spinner-dark{border-color:#4f46e526;border-top-color:var(--color-link)}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-skip-row{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-level-2)}.cp-dpi-header{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-level-2);display:flex;flex-direction:column;gap:8px}.cp-dpi-status-row{display:flex;align-items:center;gap:12px;width:100%;justify-content:space-between}.cp-dpi-label{font-size:11.5px;font-weight:600;color:var(--color-body)}.cp-dpi-value{font-size:14px;font-weight:800;color:var(--color-ink)}.cp-quality-badge{padding:3px 8px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);color:var(--color-mute);transition:all .3s}.cp-dpi-bar-wrap{display:flex;flex-direction:column}.cp-dpi-bar-track{height:4px;border-radius:99px;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);overflow:hidden}.cp-dpi-bar-fill{height:100%;background:var(--color-mute);border-radius:99px;transition:width .5s cubic-bezier(.16,1,.3,1)}.cp-dpi-target{font-size:11px;color:var(--color-body)}.cp-dpi-gate{background:linear-gradient(135deg,#4f46e50f,#4f46e505);border:1.5px solid rgba(79,70,229,.2);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-shadow:var(--shadow-level-2)}.cp-dpi-gate-icon{width:52px;height:52px;border-radius:50%;background:var(--color-link-bg-soft);border:1.5px solid rgba(79,70,229,.2);display:flex;align-items:center;justify-content:center;color:var(--color-link)}.cp-dpi-gate-text{font-size:14px;color:var(--color-body);line-height:1.6;max-width:420px}.cp-dpi-gate-text strong{color:var(--color-ink)}.cp-dpi-gate-dpi{display:inline-block;font-weight:800;font-size:15px;color:var(--color-link);margin:0 2px}.cp-dpi-gate-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.cp-dpi-gate-btn-yes{display:flex;align-items:center;gap:6px;padding:10px 22px;background:var(--color-link);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4f46e54d}.cp-dpi-gate-btn-yes:hover{background:var(--color-link-deep);transform:translateY(-1px)}.cp-dpi-gate-btn-skip{padding:10px 22px;background:transparent;color:var(--color-body);border:1px solid var(--color-hairline);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cp-dpi-gate-btn-skip:hover{border-color:var(--color-hairline-strong);color:var(--color-ink);background:var(--color-canvas)}.cp-quality-workspace{display:grid;grid-template-columns:7fr 5fr;gap:16px}.cp-map-card,.cp-zoom-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:16px;padding:18px;box-shadow:var(--shadow-level-2);display:flex;flex-direction:column;gap:12px}.cp-map-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid var(--color-hairline)}.cp-map-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink)}.cp-map-sub{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-body);font-weight:600;margin-top:4px;line-height:1.5}.cp-map-container{position:relative;width:100%;height:340px;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:inset 0 1px 3px #0000000a}.cp-zoom-header{padding-bottom:10px;border-bottom:1px solid var(--color-hairline)}.cp-zoom-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink)}.cp-zoom-viewport{position:relative;width:100%;height:300px;min-height:280px;border:1px solid var(--color-hairline);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:inset 0 1px 3px #0000000a;flex:1}.cp-zoom-sub{font-size:11px;line-height:1.5;color:var(--color-body);font-weight:600;margin-top:4px}.cp-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.cp-quote-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-level-2);display:flex;flex-direction:column}.cp-quote-artwork-preview{position:relative;background:var(--color-canvas-soft-2);border-bottom:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:center;min-height:160px}.cp-spec-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.cp-spec-key{font-size:12px;color:var(--color-mute)}.cp-spec-val{font-size:14px;font-weight:700;color:var(--color-ink)}.cp-total-bar{background:var(--color-link);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-footer{flex-shrink:0;background:#f8fafcf7;backdrop-filter:blur(12px);border-top:1px solid var(--color-hairline);padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:10}.cp-footer-back{display:flex;align-items:center;gap:7px;padding:10px 18px;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-canvas);color:var(--color-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-level-2)}.cp-footer-back:hover{color:var(--color-ink);border-color:var(--color-hairline-strong);background:var(--color-canvas-soft)}.cp-footer-next{display:flex;align-items:center;gap:7px;padding:12px 28px;border:none;border-radius:12px;background:var(--color-link);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #4f46e559;letter-spacing:.01em}.cp-footer-next:hover{background:var(--color-link-deep);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e566}.cp-footer-next:active{transform:translateY(0) scale(.99)}.cp-help-panel{width:240px;min-width:210px;flex-shrink:0;background:var(--color-canvas);border-left:1px solid var(--color-hairline);padding:32px 22px;position:sticky;top:0;height:calc(100vh - 56px);overflow-y:auto;scrollbar-width:thin}.cp-help-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-link);background:var(--color-link-bg-soft);border:1px solid rgba(79,70,229,.15);padding:4px 10px;border-radius:20px;margin-bottom:14px}.cp-help-title{font-size:15px;font-weight:800;color:var(--color-ink);line-height:1.3;margin:0 0 10px}.cp-help-body{font-size:13px;color:var(--color-body);line-height:1.65;margin:0}.cp-help-divider{height:1px;background:var(--color-hairline);margin:18px 0}.cp-help-fact{display:flex;align-items:flex-start;gap:10px;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--color-body);line-height:1.55}.cp-help-fact-icon{font-size:18px;flex-shrink:0;margin-top:-1px}.lamination-card,.banner-card{border:1px solid var(--color-hairline)!important;background-color:var(--color-canvas)!important;color:var(--color-ink)!important;box-shadow:0 1px 2px #00000005!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.lamination-card[data-lamination=none]:hover,.banner-card[data-banner=normal]:hover{border-color:var(--color-hairline-strong)!important;box-shadow:0 4px 16px #0000000d!important;transform:translateY(-2px)}.lamination-card[data-lamination=none]:hover svg,.banner-card[data-banner=normal]:hover svg{color:var(--color-mute-strong)!important}.lamination-card[data-lamination=glossy]:hover{border-color:var(--color-link)!important;box-shadow:0 4px 16px color-mix(in srgb,var(--color-link) 15%,transparent)!important;transform:translateY(-2px)}.lamination-card[data-lamination=glossy]:hover svg{color:var(--color-link)!important}.lamination-card[data-lamination=matt]:hover{border-color:#a855f7!important;box-shadow:0 4px 16px #a855f726!important;transform:translateY(-2px)}.lamination-card[data-lamination=matt]:hover svg{color:#a855f7!important}.banner-card[data-banner=star]:hover{border-color:#f59e0b!important;box-shadow:0 4px 16px #f59e0b26!important;transform:translateY(-2px)}.banner-card[data-banner=star]:hover svg{color:#f59e0b!important}.lamination-card[data-active=true][data-lamination=none],.banner-card[data-active=true][data-banner=normal]{border-color:var(--color-hairline-strong)!important;background-color:var(--color-canvas-soft)!important;box-shadow:0 2px 8px var(--color-hairline)!important;transform:translateY(0)!important}.lamination-card[data-active=true][data-lamination=none] svg,.banner-card[data-active=true][data-banner=normal] svg{color:var(--color-mute)!important}.lamination-card[data-active=true][data-lamination=glossy]{border-color:var(--color-link)!important;background-color:#0080ff14!important;color:var(--color-link)!important;box-shadow:0 4px 20px color-mix(in srgb,var(--color-link) 25%,transparent)!important;transform:translateY(0)!important}.lamination-card[data-active=true][data-lamination=glossy] svg,.lamination-card[data-active=true][data-lamination=glossy] .price-badge{color:var(--color-link)!important}.lamination-card[data-active=true][data-lamination=matt]{border-color:#a855f7!important;background-color:#a855f714!important;box-shadow:0 4px 20px #a855f740!important;transform:translateY(0)!important}.lamination-card[data-active=true][data-lamination=matt] svg,.lamination-card[data-active=true][data-lamination=matt] .price-badge{color:#a855f7!important}.lamination-card[data-active=true][data-lamination=matt] span:first-of-type{color:#7e22ce!important}.dark .lamination-card[data-active=true][data-lamination=matt] span:first-of-type{color:#c084fc!important}.banner-card[data-active=true][data-banner=normal]{border-color:var(--color-hairline-strong)!important;background-color:var(--color-canvas-soft)!important;box-shadow:0 2px 8px var(--color-hairline)!important;transform:translateY(0)!important}.banner-card[data-active=true][data-banner=normal] svg{color:var(--color-mute)!important}.banner-card[data-active=true][data-banner=star]{border-color:#f59e0b!important;background-color:#f59e0b14!important;box-shadow:0 4px 20px #f59e0b40!important;transform:translateY(0)!important}.banner-card[data-active=true][data-banner=star] svg,.banner-card[data-active=true][data-banner=star] .price-badge{color:#f59e0b!important}.banner-card[data-active=true][data-banner=star] span:first-of-type{color:#d97706!important}.dark .banner-card[data-active=true][data-banner=star] span:first-of-type{color:#fbbf24!important}.thickness-card{outline:none!important;border-color:var(--color-hairline)!important;background-color:var(--color-canvas)!important;transition:all .3s ease}.thickness-card:focus{outline:none!important}.thickness-card[data-thickness="3mm"]:hover{border-color:var(--color-link)!important;box-shadow:0 4px 16px color-mix(in srgb,var(--color-link) 15%,transparent)!important;transform:translateY(-2px)}.thickness-card[data-thickness="3mm"]:hover svg{color:var(--color-link)!important}.thickness-card[data-thickness="5mm"]:hover{border-color:#a855f7!important;box-shadow:0 4px 16px #a855f726!important;transform:translateY(-2px)}.thickness-card[data-thickness="5mm"]:hover svg{color:#a855f7!important}.thickness-card[data-active=true][data-thickness="3mm"]{border-color:var(--color-link)!important;background-color:#0080ff14!important;box-shadow:0 4px 20px color-mix(in srgb,var(--color-link) 25%,transparent)!important;transform:translateY(0)!important}.thickness-card[data-active=true][data-thickness="3mm"] svg,.thickness-card[data-active=true][data-thickness="3mm"] .price-badge{color:var(--color-link)!important}.thickness-card[data-active=true][data-thickness="5mm"]{border-color:#a855f7!important;background-color:#a855f714!important;box-shadow:0 4px 20px #a855f740!important;transform:translateY(0)!important}.thickness-card[data-active=true][data-thickness="5mm"] svg,.thickness-card[data-active=true][data-thickness="5mm"] .price-badge{color:#a855f7!important}.thickness-card[data-active=true][data-thickness="5mm"] span:first-of-type{color:#7e22ce!important}.dark .thickness-card[data-active=true][data-thickness="5mm"] span:first-of-type{color:#c084fc!important}.lamination-card:focus,.banner-card:focus,.thickness-card:focus{outline:none!important;box-shadow:none!important}.lamination-card[data-active=true]:focus,.banner-card[data-active=true]:focus,.thickness-card[data-active=true]:focus{outline:none!important}.checkerboard-bg{background-image:conic-gradient(rgba(120,120,120,.08) 25%,transparent 25% 50%,rgba(120,120,120,.08) 50% 75%,transparent 75%);background-size:16px 16px;background-color:var(--color-canvas-soft)}@media (max-width: 820px){.cp-sidebar{width:220px}.cp-step-sub{display:none}.cp-step-heading{padding:0 0 14px;margin-bottom:16px}.cp-pane-wrap{padding:16px 20px 100px}.cp-footer{padding:14px 20px}.cp-upload-area,.cp-quality-workspace,.cp-quote-grid,.cp-step1-layout{grid-template-columns:1fr}.cp-step1-preview{position:static}.cp-preview-stage{height:200px}}@media (max-width: 640px){.cp-root{flex-direction:column}.cp-sidebar{width:100%;height:48px;position:relative;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;background:#01181f;scrollbar-width:none;flex-shrink:0;overflow:hidden}.cp-sidebar::-webkit-scrollbar{display:none}.cp-sidebar-top{display:none}.cp-step-nav{flex-direction:row;align-items:center;padding:0;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none;min-width:0;height:100%}.cp-step-item{padding:4px 8px;border-radius:99px;display:flex;align-items:center;gap:8px;transition:all .35s cubic-bezier(.16,1,.3,1);max-width:44px;overflow:hidden;white-space:nowrap;background:transparent;flex-shrink:0}.cp-step-item.active-step-indicator{max-width:220px;background:#14b8a626;padding:4px 12px 4px 6px}.cp-step-info{display:flex;flex-direction:column;gap:1px;opacity:0;transform:translate(-8px);transition:opacity .25s ease .1s,transform .25s ease .1s;pointer-events:none;flex-shrink:0}.cp-step-item.active-step-indicator .cp-step-info{opacity:1;transform:translate(0);pointer-events:auto}.cp-step-num{width:28px;height:28px;font-size:11px;flex-shrink:0}.cp-step-title{font-size:11.5px;font-weight:700;color:#fff;line-height:1.2}.cp-step-sub{font-size:9px;font-weight:500;color:#fff9;line-height:1;margin-top:0}.cp-sidebar-footer{display:flex;align-items:center;height:100%;padding:0 0 0 8px;border-top:none;margin:0;flex-shrink:0}.cp-clear-draft-btn{height:28px;padding:0 10px;font-size:10.5px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1;margin:0;box-sizing:border-box}.cp-main{height:auto;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.cp-step-heading{position:static;flex-shrink:0;padding:0 0 14px;margin-bottom:16px}.cp-pane-wrap{overflow-y:visible;flex:none}.cp-heading-title{font-size:22px}.cp-zoom-viewport{min-height:280px;height:280px}}@media (min-width: 768px){.md-grid-split:not(.hidden){display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important}.md-col-5{grid-column:span 5 / span 5!important}.md-col-7{grid-column:span 7 / span 7!important}}html,body{overflow:hidden;height:100%}