.cup-designer{width:100%;max-width:1500px;margin:0 auto;padding:14px;background:#f4f4f4;border:1px solid #e5e5e5;border-radius:12px;box-sizing:border-box}.cup-designer *{box-sizing:border-box}.cup-designer__layout{display:grid;grid-template-columns:220px minmax(480px,1fr) 280px;gap:12px;align-items:stretch}.cup-designer__sidebar{min-width:0;padding:14px;background:#fff;border:1px solid #e6e6e6;border-radius:12px}.cd-panel+.cd-panel{margin-top:16px}.cd-panel h3{margin:0 0 10px;font-size:16px;font-weight:600}.cd-btn{-webkit-appearance:none;appearance:none;border:1px solid #d7d7d7;background:#fff;color:#111;border-radius:8px;padding:10px 14px;cursor:pointer;font-size:14px}.cd-btn:hover{background:#f7f7f7}.cd-btn--primary{background:#15a3ff;color:#fff;border-color:#15a3ff}.cd-btn--primary:hover{background:#0798ee}.cd-btn--ghost{background:#fff}.cd-btn--full{width:100%;margin-bottom:8px}.cup-designer input[type=file]{width:100%;font-size:13px}.cup-designer__stage-wrap{min-width:0;padding:14px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden}.cup-designer__canvas-meta{display:flex;justify-content:flex-end;gap:10px;margin-bottom:10px;font-size:12px;color:#4f4f4f}.cup-designer__canvas-meta span:first-child{padding:2px 8px;border:1px solid #4dbb89;border-radius:20px}.cup-designer__canvas-meta span:last-child{padding:2px 8px;border:1px solid #36aaf5;border-radius:20px}.cup-designer__stage{position:relative;width:100%;padding:20px 12px;display:flex;align-items:flex-start;justify-content:center;background:#efefef;border-radius:10px;overflow:hidden}.cd-editor-scaler{position:relative;flex:none}.cd-editor-viewport{position:relative;width:468px;height:510px;transform-origin:top left}.cup-designer__canvas-box{position:absolute;left:48px;top:0;width:420px;height:476px;min-width:420px;min-height:476px;max-width:420px;max-height:476px;background:#fff;border:0;overflow:visible}.cup-designer__canvas-box .canvas-container{position:relative!important;width:420px!important;height:476px!important;z-index:1}.cup-designer__canvas-box canvas{width:420px!important;height:476px!important}.cup-designer__ruler-h{position:absolute;left:48px;top:486px;width:420px;text-align:center;font-size:13px;color:#666}.cup-designer__ruler-v{position:absolute;left:2px;top:0;width:40px;height:476px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#666;writing-mode:vertical-rl;transform:rotate(180deg)}.cup-designer__preview{min-width:0;padding:14px;background:#fff;border:1px solid #e6e6e6;border-radius:12px}.cup-designer__preview-top{margin-bottom:10px;font-size:16px}.cup-designer__three{position:relative;width:100%;height:390px;background:#f7f7f7;border-radius:10px;overflow:hidden}.cup-designer__three.is-model-switching:after{content:"Updating 3D preview\2026";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;color:#6b7280;background:#f7f7f7f0;font-size:12px;font-weight:600;letter-spacing:.01em;pointer-events:none}.cup-designer__three canvas{display:block;width:100%!important;height:100%!important}.cup-designer__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.cup-designer__save-info{font-size:14px}.cup-designer__footer-actions{display:flex;gap:12px}@media(max-width:1100px){.cup-designer{padding:8px}.cup-designer__layout{grid-template-columns:190px minmax(480px,1fr) 230px;gap:8px}.cup-designer__sidebar,.cup-designer__stage-wrap,.cup-designer__preview{padding:10px}}@media(max-width:700px){.cup-designer__layout{display:block}.cup-designer__sidebar,.cup-designer__stage-wrap,.cup-designer__preview{margin-bottom:12px}.cup-designer__stage{padding:14px 8px;overflow:hidden}.cup-designer__three{height:380px}.cup-designer__footer{flex-direction:column;align-items:stretch}.cup-designer__footer-actions{width:100%}.cup-designer__footer-actions .cd-btn{flex:1}}.cd-safety-warning{min-height:34px;margin-bottom:10px;padding:8px 12px;border:1px solid #e0a000;border-radius:7px;background:#fff8df;color:#7a5600;font-size:12px;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .15s ease}.cd-safety-warning.is-visible{opacity:1;visibility:visible}.cd-text-controls{margin-bottom:12px}.cd-text-controls[hidden]{display:none}.cd-field{display:block;margin-bottom:10px}.cd-field span{display:block;margin-bottom:5px;font-size:12px;font-weight:600}.cd-field input[type=text],.cd-field input[type=number],.cd-field select{width:100%;height:38px;padding:7px 9px;border:1px solid #d7d7d7;border-radius:7px;background:#fff}.cd-field input[type=color]{width:100%;height:38px;padding:3px;border:1px solid #d7d7d7;border-radius:7px;background:#fff}.cd-image-controls{margin-bottom:12px}.cd-image-quality{margin:10px 0 12px;padding:10px;border:1px solid #dfe3e8;border-radius:8px;background:#f7f8fa}.cd-image-quality[hidden]{display:none!important}.cd-image-quality__row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.cd-image-quality__row span{font-weight:600}.cd-image-quality__row strong{font-size:12px}.cd-image-quality__hint{margin-top:4px;color:#7a8088;font-size:10px}.cd-image-quality.is-good{border-color:#43b780;background:#eefaf4}.cd-image-quality.is-good .cd-image-quality__row strong{color:#25845b}.cd-image-quality.is-medium{border-color:#e0a000;background:#fff8df}.cd-image-quality.is-medium .cd-image-quality__row strong{color:#946900}.cd-image-quality.is-low{border-color:#d9534f;background:#fff0ef}.cd-image-quality.is-low .cd-image-quality__row strong{color:#b63a36}.cd-image-size-info{margin-top:9px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.cd-image-size-info__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:11px}.cd-image-size-info__row span{color:#6f7680}.cd-image-size-info__row strong{color:#222;font-weight:600;text-align:right}.cd-image-controls[hidden]{display:none}.cd-layers{display:flex;flex-direction:column;gap:6px}.cd-layers-empty{padding:10px;font-size:12px;color:#888;text-align:center}.cd-layer-item{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:4px;padding:7px;border:1px solid #dddddd;border-radius:7px;background:#fff}.cd-layer-item.is-active{border-color:#159fe8;background:#eef8ff}.cd-layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;cursor:pointer}.cd-layer-icon-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #dddddd;border-radius:5px;background:#fff;cursor:pointer;font-size:12px}.cd-layer-icon-btn:hover{background:#f2f2f2}.cd-tool-nav{display:flex;flex-direction:column;gap:6px}.cd-tool-tab{-webkit-appearance:none;appearance:none;min-height:62px;padding:7px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:#222;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}.cd-tool-tab:hover{background:#f0f0f0}.cd-tool-tab.is-active{background:#e6f5ff;border-color:#159fe8}.cd-tool-icon{font-size:20px;line-height:1}.cd-tool-panel{display:none}.cd-tool-panel.is-active{display:block}.cd-selected-panel{margin-top:12px}.cd-selected-panel[hidden]{display:none}.cd-align-tools{margin:12px 0}.cd-align-title{margin-bottom:6px;font-size:12px;font-weight:600}.cd-align-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cd-align-btn{width:100%;min-width:0;padding:8px 4px;font-size:18px}.cd-guide-canvas{position:absolute;left:0;top:0;width:420px;height:476px;z-index:20;pointer-events:none}.cd-print-mode{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.cd-print-mode-title{margin-bottom:7px;font-size:12px;font-weight:600}.cd-print-mode-btn{width:100%;margin-bottom:6px;padding:8px 10px;border:1px solid #d7d7d7;border-radius:7px;background:#fff;cursor:pointer;font-size:12px}.cd-print-mode-btn.is-active{border-color:#159fe8;background:#eaf6ff}.cd-front-print-overlay{position:absolute;border:2px solid #159fe8;pointer-events:none;z-index:5}.cd-front-safety-area{position:absolute;border:1.5px dashed #43b780}.cd-front-image-tools{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;width:100%}.cd-front-image-tools .cd-small-btn{width:100%;min-width:0;padding:8px 4px;border:1px solid #d7dce2;border-radius:7px;background:#fff;color:#222;font-size:12px;line-height:1.2;white-space:nowrap;cursor:pointer}.cd-front-image-tools .cd-small-btn:hover{border-color:#159fe8;background:#eef8ff}.cd-front-image-tools .cd-btn--full{grid-column:1 / -1;width:100%;margin:0;padding:9px 8px;border-radius:7px;font-size:12px;white-space:nowrap}.cd-front-crop-hint{position:absolute;left:50%;top:10px;transform:translate(-50%);padding:5px 9px;border-radius:20px;background:#000000b8;color:#fff;font-size:11px;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none;z-index:50}.cup-designer.is-editing-front-background .cd-front-mask-piece{background:#5056607a}.cup-designer.is-editing-front-background .cd-front-print-overlay{border:2px solid #159fe8;box-shadow:0 0 0 1px #159fe833}.cd-meta-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:#fff;font-size:11px;line-height:1.2;white-space:nowrap}.cd-meta-pill--safety{border:1px solid #43b780;color:#397c65}.cd-meta-pill--print{border:1px solid #159fe8;color:#1477a9}.cd-image-file-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;padding:8px 0;border-top:1px solid rgba(0,0,0,.08);font-size:11px}.cd-image-file-info span{color:#6f7680}.cd-image-file-info strong{min-width:0;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-weight:600;text-align:right}.cd-image-transform{margin:12px 0;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}.cd-image-transform__title{margin-bottom:8px;font-size:12px;font-weight:600;color:#222}.cd-image-transform__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cd-image-transform__grid .cd-field{margin:0}.cd-image-transform__grid input[type=number]{width:100%}.cd-size-link-row{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:6px;align-items:end}.cd-size-link-row .cd-field{min-width:0;margin:0}.cd-size-link-toggle{position:relative;width:32px;height:34px;margin:0;padding:7px;align-self:end;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e0e6;border-radius:8px;background:#fff;color:#667085;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.cd-size-link-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.cd-size-link-toggle:not(.is-active):after{content:"";position:absolute;width:19px;height:1.5px;border-radius:999px;background:currentColor;transform:rotate(-45deg);opacity:.72;pointer-events:none}.cd-size-link-toggle:hover{border-color:#a8cfe5;color:#159fe8}.cd-size-link-toggle.is-active{border-color:#159fe8;background:#eff9ff;color:#159fe8;box-shadow:0 0 0 1px #159fe814}.cd-size-link-toggle:focus-visible{outline:2px solid rgba(21,159,232,.32);outline-offset:2px}@media(min-width:1400px){.cd-size-link-row{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}.cd-size-link-toggle{width:36px;height:38px}}.cup-designer__topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;height:auto!important;min-height:0!important;margin-bottom:12px;padding:0}.cup-designer__title{min-width:0;height:auto!important;min-height:0!important;margin:0;padding:0}.cup-designer__title strong{display:block;margin:0;font-size:16px;line-height:1.45;white-space:normal;word-break:normal;overflow-wrap:break-word}.cup-designer__actions{display:flex;align-items:center;gap:8px;width:auto;margin:0;padding:0;flex-wrap:nowrap}.cup-designer__actions .cd-btn{width:auto;min-width:72px;padding:9px 14px;white-space:nowrap;writing-mode:horizontal-tb}.cd-tool-layout{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}.cd-tool-content{min-width:0;overflow:hidden}.cup-designer input[type=file]{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden;font-size:11px}.cup-designer input[type=file]::file-selector-button{padding:6px 8px;margin-right:5px;border:1px solid #d7dce2;border-radius:6px;background:#fff;font-size:11px;white-space:nowrap;cursor:pointer}.cd-front-image-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.cd-front-image-tools .cd-small-btn{width:100%;min-width:0;padding:7px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;writing-mode:horizontal-tb}.cd-front-image-tools [data-action=front-image-center]{grid-column:1 / -1}.cd-front-image-tools .cd-btn--full{grid-column:1 / -1;width:100%;min-width:0;padding:8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;writing-mode:horizontal-tb}.cup-designer button{writing-mode:horizontal-tb;word-break:keep-all}@media(max-width:700px){.cup-designer__topbar{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;width:100%;height:auto!important;min-height:0!important;margin:0 0 12px;padding:0}.cup-designer__title{width:100%;height:auto!important;min-height:0!important;margin:0;padding:0}.cup-designer__actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px;margin:0;padding:0}.cup-designer__actions .cd-btn{width:100%;min-width:0;margin:0;padding:9px 6px;text-align:center;white-space:nowrap}}.cd-size-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 12px;background:#fff;border:1px solid #e6e6e6;border-radius:10px}.cd-size-switch__label{font-size:13px;font-weight:600;color:#222}.cd-size-switch__buttons{display:flex;align-items:center;gap:8px}.cd-size-switch__btn{min-width:78px;padding:8px 16px;-webkit-appearance:none;appearance:none;border:1px solid #d7dce2;border-radius:999px;background:#fff;color:#222;font:inherit;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}.cd-size-switch__btn:hover{border-color:#159fe8;background:#eef8ff}.cd-size-switch__btn.is-active{border-color:#159fe8;background:#159fe8;color:#fff}.cd-size-switch__btn:disabled{cursor:wait;opacity:.62}.cd-size-switch__btn.is-loading:after{content:"...";margin-left:4px}@media(max-width:700px){.cd-size-switch{align-items:stretch;flex-direction:column}.cd-size-switch__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.cd-size-switch__btn{width:100%}}.cd-material-help{margin:0 0 10px;color:#6f7680;font-size:11px;line-height:1.45}.cd-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cd-material-card{min-width:0;padding:9px 7px;display:flex;align-items:center;gap:7px;border:1px solid #d7dce2;border-radius:8px;background:#fff;color:#222;text-align:left;cursor:pointer}.cd-material-card:hover{border-color:#159fe8;background:#f7fbfe}.cd-material-card.is-active{border-color:#159fe8;background:#eaf6ff;box-shadow:0 0 0 1px #159fe81f}.cd-material-swatch{flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:#f8f7f3}.cd-material-swatch--standard{background:radial-gradient(circle at 30% 30%,#fff,#f2f1ed 72%,#e3e1da)}.cd-material-swatch--matte{background:linear-gradient(135deg,#f7f6f1,#e7e5df);box-shadow:none}.cd-material-swatch--satin{background:linear-gradient(135deg,#fff,#e8edf0 45%,#fff);box-shadow:inset -5px -5px 10px #50647314}.cd-material-swatch--gloss{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#e8eef2 48%,#fff);box-shadow:inset -7px -7px 12px #325a781a}.cd-material-swatch--gloss:after{content:"";position:absolute;left:5px;top:3px;width:12px;height:5px;border-radius:999px;background:#fffffff2;transform:rotate(-28deg)}.cd-material-card__text{min-width:0;display:flex;flex-direction:column;gap:1px}.cd-material-card__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2}.cd-material-card__text small{color:#777f88;font-size:9px;line-height:1.25}.cd-material-info{margin-top:11px;padding:9px;display:grid;gap:3px;border:1px solid #e2e6ea;border-radius:8px;background:#f8f9fa}.cd-material-info>span{color:#7a8088;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.cd-material-info>strong{color:#222;font-size:11px}.cd-material-info>small{color:#6f7680;font-size:10px;line-height:1.4}.cd-material-note{margin:8px 0 0;color:#8a8f96;font-size:9px;line-height:1.4}.cup-designer__preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cd-preview-material-badge{max-width:120px;padding:3px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #d8e7f0;border-radius:999px;background:#f6fbfe;color:#4f6b7c;font-size:9px;font-weight:600}.cd-material-section{margin-top:13px;padding-top:12px;border-top:1px solid #edf0f2}.cd-material-section:first-of-type{margin-top:8px;padding-top:0;border-top:0}.cd-material-section__head{margin-bottom:8px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cd-material-section__head strong{font-size:11px;color:#24282c}.cd-material-section__head small{font-size:9px;color:#8b9198}.cd-stock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cd-stock-card{min-width:0;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #d7dce2;border-radius:8px;background:#fff;color:#363b40;cursor:pointer;font-size:9px;font-weight:600}.cd-stock-card:hover{border-color:#159fe8}.cd-stock-card.is-active{border-color:#159fe8;background:#eaf6ff;box-shadow:0 0 0 1px #159fe81f}.cd-stock-swatch{width:25px;height:25px;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 1px 2px #ffffff73}.cd-stock-swatch--white{background:#f8f7f2}.cd-stock-swatch--natural{background:#e9dfc8}.cd-stock-swatch--kraft{background:#b58a55}.cd-stock-swatch--black{background:#1d1d1d}.cd-stock-info{margin-top:8px}.cd-material-toggle-row{margin-bottom:8px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e1e5e9;border-radius:8px;background:#fafbfc;cursor:pointer}.cd-material-toggle-row>span{min-width:0;display:flex;flex-direction:column;gap:2px}.cd-material-toggle-row strong{font-size:10px;line-height:1.25;color:#2d3237}.cd-material-toggle-row small{font-size:8px;line-height:1.35;color:#81878e}.cd-material-toggle-row input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;accent-color:#159fe8}.cd-ink-strength{padding:8px 9px;border:1px solid #e1e5e9;border-radius:8px;background:#fafbfc}.cd-ink-strength__head{margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#6e757c}.cd-ink-strength__head strong{color:#159fe8;font-size:10px}.cd-ink-strength input[type=range]{width:100%;margin:0}.is-transparent-artwork-preview .canvas-container{background-color:#fff;background-image:linear-gradient(45deg,#eceff1 25%,transparent 25%),linear-gradient(-45deg,#eceff1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eceff1 75%),linear-gradient(-45deg,transparent 75%,#eceff1 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}@media(max-width:640px){.cd-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cd-dark-stock-warning{margin:9px 0;padding:9px 10px;display:grid;gap:3px;border:1px solid #efd7a6;border-radius:8px;background:#fff9ec}.cd-dark-stock-warning[hidden]{display:none!important}.cd-dark-stock-warning strong{color:#6d4d16;font-size:10px}.cd-dark-stock-warning small{color:#7d6945;font-size:9px;line-height:1.4}@media(min-width:1101px){.cup-designer__layout{grid-template-columns:300px minmax(500px,1fr) 270px}.cup-designer__sidebar{padding:12px}.cd-tool-layout{grid-template-columns:56px minmax(0,1fr);gap:12px}}@media(min-width:701px)and (max-width:1100px){.cup-designer__layout{grid-template-columns:250px minmax(420px,1fr) 220px}.cd-tool-layout{grid-template-columns:48px minmax(0,1fr);gap:8px}.cd-tool-tab{min-height:54px;padding-inline:2px}}.cd-material-panel{min-width:0}.cd-material-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.cd-material-panel__header h3{margin:0 0 3px;font-size:14px;line-height:1.2}.cd-material-help{margin:0;max-width:210px;color:#77808a;font-size:9.5px;line-height:1.35}.cd-material-preview-pill{flex:0 0 auto;padding:3px 7px;border:1px solid #d7e8f3;border-radius:999px;background:#f4faff;color:#4a748e;font-size:8px;font-weight:700;line-height:1.2;white-space:nowrap}.cd-material-section{margin-top:0;padding:11px 0;border-top:1px solid #edf0f3}.cd-material-section:first-of-type{padding-top:0;border-top:0}.cd-material-section__head{margin-bottom:7px;display:block}.cd-material-section__head>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cd-material-section__head strong{color:#22272b;font-size:10.5px;font-weight:700}.cd-material-section__head small{color:#9299a1;font-size:8.5px;white-space:nowrap}.cd-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cd-material-card{position:relative;min-width:0;min-height:52px;padding:7px 8px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;border:1px solid #dfe3e7;border-radius:9px;background:#fff;color:#24282c;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.cd-material-card:hover{border-color:#8bcdf1;background:#fbfdff;transform:translateY(-1px)}.cd-material-card.is-active{border-color:#159fe8;background:#f0f9ff;box-shadow:0 0 0 1px #159fe81f}.cd-material-card.is-active:after,.cd-stock-card.is-active:after{content:"\2713";position:absolute;top:5px;right:6px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#159fe8;color:#fff;font-size:8px;font-weight:800;line-height:1}.cd-material-swatch{width:28px;height:28px;flex-basis:28px}.cd-material-card__text{gap:2px}.cd-material-card__text strong{padding-right:11px;font-size:10px}.cd-material-card__text small{color:#858c93;font-size:8px}.cd-stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cd-stock-card{position:relative;min-width:0;min-height:38px;padding:6px 8px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;border:1px solid #dfe3e7;border-radius:9px;background:#fff;color:#34393e;cursor:pointer;font-size:9.5px;font-weight:650;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.cd-stock-card:hover{border-color:#8bcdf1;background:#fbfdff}.cd-stock-card.is-active{border-color:#159fe8;background:#f0f9ff;box-shadow:0 0 0 1px #159fe81f}.cd-stock-swatch{flex:0 0 23px;width:23px;height:23px;box-shadow:inset 0 1px 2px #fff6,0 1px 2px #0000000f}.cd-material-simulation-stack{display:grid;gap:6px}.cd-material-toggle-row{margin:0;min-height:48px;padding:7px 8px;gap:8px;border-color:#e3e7eb;border-radius:9px;background:#fafbfc}.cd-material-toggle-row strong{font-size:9.5px}.cd-material-toggle-row small{max-width:145px;font-size:7.8px;line-height:1.3}.cd-material-toggle-row input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 32px;width:32px;height:18px;margin:0;border:0;border-radius:999px;outline:none;background:#cfd5db;cursor:pointer;transition:background .16s ease}.cd-material-toggle-row input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038;transition:transform .16s ease}.cd-material-toggle-row input[type=checkbox]:checked{background:#159fe8}.cd-material-toggle-row input[type=checkbox]:checked:after{transform:translate(14px)}.cd-material-toggle-row input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px #159fe829}.cd-ink-strength{padding:8px;border-color:#e3e7eb;border-radius:9px;background:#fafbfc}.cd-ink-strength__head{margin-bottom:5px;font-size:8.5px}.cd-ink-strength__head strong{font-size:9.5px}.cd-ink-strength input[type=range]{accent-color:#159fe8}.cd-dark-stock-warning{margin:0;padding:7px 8px;border-radius:8px}.cd-dark-stock-warning strong{font-size:9px}.cd-dark-stock-warning small{font-size:8px;line-height:1.3}.cd-material-summary{margin-top:1px;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:1px solid #e1e7eb;border-radius:9px;background:linear-gradient(180deg,#fbfcfd,#f7f9fa)}.cd-material-summary__item{min-width:0;display:grid;gap:2px}.cd-material-summary__item span{color:#9299a1;font-size:7.5px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.cd-material-summary__item strong{overflow:hidden;color:#2a2f34;font-size:9.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.cd-material-summary__description{display:none}.cd-material-note{margin:7px 0 0;color:#8f969d;font-size:7.8px;line-height:1.35}.cd-tool-tab{min-height:56px;border-radius:9px;font-size:9px}.cd-tool-icon{font-size:18px}.cd-tool-tab.is-active{background:#eef8ff;border-color:#55b8ee}@media(max-width:700px){.cd-tool-layout{grid-template-columns:54px minmax(0,1fr);gap:10px}.cd-material-grid,.cd-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1101px){.cup-designer__layout{grid-template-columns:300px minmax(500px,1fr) 320px}}.cup-designer__preview{display:flex;flex-direction:column;gap:10px;padding:12px}.cup-designer__preview-top{margin-bottom:0;align-items:flex-start}.cd-preview-heading{min-width:0;display:flex;flex-direction:column;gap:2px}.cd-preview-heading strong{color:#20252a;font-size:15px;line-height:1.2}.cd-preview-heading small{color:#8a939b;font-size:8.5px;line-height:1.3;white-space:nowrap}.cd-preview-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:145px}.cd-preview-chip{max-width:82px;padding:4px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #cfe4f3;border-radius:999px;background:#f4faff;color:#37749a;font-size:8px;font-weight:700;line-height:1}.cd-preview-chip--stock{border-color:#e1ded7;background:#faf9f6;color:#65615b}.cd-preview-stage{position:relative;min-height:0}.cup-designer__three{height:440px;border:1px solid #edf0f2;border-radius:12px;background:radial-gradient(circle at 50% 42%,#fff,#f7f8f9 58%,#f0f2f3);box-shadow:inset 0 0 0 1px #ffffffa6}.cd-preview-stage-hint{position:absolute;left:50%;bottom:9px;z-index:2;transform:translate(-50%);display:flex;gap:5px;padding:4px 7px;border:1px solid rgba(216,221,225,.85);border-radius:999px;background:#ffffffc7;color:#858d94;font-size:7.5px;line-height:1;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:.92}.cd-preview-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cd-preview-control{-webkit-appearance:none;appearance:none;min-width:0;min-height:36px;padding:6px 4px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dde2e6;border-radius:8px;background:#fff;color:#4e565d;cursor:pointer;font:inherit;font-size:8.5px;font-weight:600;line-height:1;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.cd-preview-control:hover{border-color:#8ecff3;background:#f5fbff;color:#168bc8}.cd-preview-control:active{transform:translateY(1px)}.cd-preview-control.is-active{border-color:#48ace2;background:#eef9ff;color:#178fcf}.cd-preview-control__icon{font-size:12px;line-height:1}.cd-preview-footnote{padding:0 2px;color:#969da3;font-size:7.6px;line-height:1.35;text-align:center}.cup-designer__preview.is-auto-rotating .cd-preview-stage-hint{opacity:.35}.cup-designer__preview.is-auto-rotating [data-action=preview-auto-rotate]{border-color:#48ace2;background:#eef9ff;color:#178fcf}@media(min-width:701px)and (max-width:1100px){.cup-designer__layout{grid-template-columns:250px minmax(420px,1fr) 240px}.cup-designer__three{height:400px}.cd-preview-control{gap:3px;font-size:7.8px}}@media(max-width:700px){.cup-designer__three{height:360px}.cd-preview-heading small{white-space:normal}.cd-preview-badges{max-width:120px}}@media(min-width:1101px){.cup-designer{width:calc(100vw - 32px);max-width:none;margin-left:calc(50% - 50vw + 16px);margin-right:calc(50% - 50vw + 16px)}.cup-designer__layout{grid-template-columns:minmax(300px,340px) minmax(560px,1fr) minmax(320px,360px);gap:14px}}@media(min-width:1600px){.cup-designer{width:calc(100vw - 40px);margin-left:calc(50% - 50vw + 20px);margin-right:calc(50% - 50vw + 20px)}.cup-designer__layout{grid-template-columns:340px minmax(700px,1fr) 360px}}@media(min-width:1101px){.cup-designer{--cd-sticky-top: 12px}.cup-designer__layout{align-items:start}.cup-designer__stage-wrap,.cup-designer__preview{position:sticky;top:var(--cd-sticky-top);align-self:start;height:max-content;z-index:3}.cup-designer__layout{grid-template-columns:minmax(300px,330px) minmax(500px,1fr) minmax(360px,400px)}.cup-designer__three{height:clamp(480px,calc(100vh - 270px),560px)}}@media(min-width:1400px){.cup-designer__layout{grid-template-columns:330px minmax(620px,1fr) minmax(410px,440px)}.cup-designer__three{height:clamp(520px,calc(100vh - 250px),600px)}}@media(min-width:1600px){.cup-designer__layout{grid-template-columns:340px minmax(700px,1fr) 460px}.cup-designer__three{height:clamp(540px,calc(100vh - 235px),640px)}}@media(min-width:1101px)and (max-height:720px){.cup-designer{--cd-sticky-top: 8px}.cup-designer__three{height:clamp(400px,calc(100vh - 245px),470px)}}.cd-background-editor[hidden]{display:none!important}.cd-background-editor{grid-column:1 / -1;display:grid;gap:12px;margin-top:4px;padding:12px;border:1px solid #d9e3ec;border-radius:12px;background:#f8fbfd;box-shadow:0 1px 2px #0f172a08}.cd-background-editor__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cd-background-editor__head>div{min-width:0}.cd-background-editor__head strong{display:block;color:#17202a;font-size:13px;line-height:1.25}.cd-background-editor__head small{display:block;margin-top:3px;color:#6b7280;font-size:10.5px;line-height:1.35}.cd-background-editor__badge{flex:0 0 auto;padding:3px 7px;border:1px solid #9ed8f6;border-radius:999px;background:#eef9ff;color:#0878b5;font-size:9.5px;line-height:1.1}.cd-background-editor__file-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:7px 8px;border-radius:8px;background:#fff;border:1px solid #e5e9ee}.cd-background-editor__file{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4b5563;font-size:10.5px}.cd-background-quality{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:9.5px;font-weight:600;white-space:nowrap}.cd-background-quality.is-good{background:#ecfdf3;color:#15803d}.cd-background-quality.is-medium{background:#fff8e6;color:#a16207}.cd-background-quality.is-low{background:#fff1f1;color:#c62828}.cd-background-control{display:grid;gap:6px}.cd-background-control__head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#374151;font-size:10.5px}.cd-background-control__head strong{color:#111827;font-size:10.5px}.cd-background-control input[type=range]{width:100%;margin:0;accent-color:#159fe8}.cd-background-editor__section{display:grid;gap:7px}.cd-background-editor__label{color:#374151;font-size:10.5px;font-weight:600}.cd-background-nudge-grid{display:grid;grid-template-columns:34px 34px minmax(64px,1fr) 34px 34px;gap:6px;align-items:center}.cd-background-nudge{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:32px;padding:0;border:1px solid #d5dce4;border-radius:7px;background:#fff;color:#25313d;font-size:13px;cursor:pointer}.cd-background-nudge:hover{border-color:#159fe8;background:#eef8ff;color:#0878b5}.cd-background-nudge--center{padding:0 8px;font-size:10px;font-weight:600}.cd-background-editor__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cd-background-editor__actions .cd-small-btn{width:100%;min-width:0;padding:7px 5px;border:1px solid #d5dce4;border-radius:7px;background:#fff;color:#25313d;font-size:10px;cursor:pointer}.cd-background-editor__actions .cd-small-btn:hover{border-color:#159fe8;background:#eef8ff}.cd-background-done{margin:0!important}.cup-designer.is-editing-front-background .cd-front-crop-hint{opacity:1;visibility:visible}.cup-designer.is-editing-front-background .cd-front-print-overlay{box-shadow:0 0 0 1px #159fe838,0 0 0 9999px #262c3429}.cup-designer.is-editing-front-background .canvas-container{cursor:grab}.cup-designer.is-editing-front-background .canvas-container:active{cursor:grabbing}@media(max-width:1180px){.cd-background-nudge-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.cd-background-editor{width:100%;min-width:0;box-sizing:border-box;gap:10px;padding:11px;overflow:hidden;border-color:#d7e1ea;background:#f7fafc}.cup-designer.is-editing-front-background .cd-front-image-tools>[data-action=front-image-fit],.cup-designer.is-editing-front-background .cd-front-image-tools>[data-action=front-image-fill],.cup-designer.is-editing-front-background .cd-front-image-tools>[data-action=front-image-center],.cup-designer.is-editing-front-background .cd-front-image-tools>[data-action=front-set-background],.cup-designer.is-editing-front-background .cd-front-image-tools>[data-action=front-edit-background]{display:none!important}.cd-background-editor__head{gap:8px}.cd-background-editor__head strong{font-size:12px}.cd-background-editor__head small{max-width:190px;font-size:9.5px;line-height:1.3}.cd-background-editor__badge{padding:3px 6px;font-size:8.5px}.cd-background-editor__file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px}.cd-background-editor__file{font-size:9.5px}.cd-background-quality{max-width:108px;overflow:hidden;text-overflow:ellipsis;font-size:8.5px}.cd-background-control{gap:5px;padding:8px;border:1px solid #e2e8f0;border-radius:9px;background:#fff}.cd-background-control__head,.cd-background-control__head strong{font-size:10px}.cd-background-scale-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.cd-background-preset{min-width:0;height:29px;padding:0 4px;border:1px solid #d5dce4;border-radius:7px;background:#fff;color:#374151;font-size:9px;font-weight:600;white-space:nowrap;cursor:pointer}.cd-background-preset:hover,.cd-background-preset.is-primary:hover{border-color:#159fe8;background:#eef8ff;color:#0878b5}.cd-background-preset.is-primary{border-color:#9ed8f6;background:#f0f9ff;color:#0878b5}.cd-background-nudge-grid{grid-template-columns:34px minmax(64px,1fr) 34px;grid-template-areas:". up ." "left center right" ". down .";gap:5px}.cd-background-nudge--up{grid-area:up}.cd-background-nudge--left{grid-area:left}.cd-background-nudge--center{grid-area:center}.cd-background-nudge--right{grid-area:right}.cd-background-nudge--down{grid-area:down}.cd-background-nudge{height:30px;font-size:12px}.cd-background-nudge--center{font-size:9.5px}.cd-background-editor__actions{gap:5px}.cd-background-editor__actions .cd-small-btn{min-height:30px;padding:6px 3px;font-size:9px}.cd-background-done{min-height:34px}@media(max-width:1180px){.cd-background-nudge-grid{grid-template-columns:34px minmax(64px,1fr) 34px;grid-template-areas:". up ." "left center right" ". down ."}}.cd-selected-panel{width:100%;min-width:0;margin-top:12px;padding:10px;border:1px solid #d7e1ea;border-radius:12px;background:#f7fafc;box-sizing:border-box}.cd-selected-panel__head,.cd-selected-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cd-selected-panel__head{margin-bottom:9px}.cd-selected-panel__head strong,.cd-selected-section-heading strong{display:block;color:#111827;font-size:12px;font-weight:700;line-height:1.25}.cd-selected-panel__head small,.cd-selected-section-heading small{display:block;margin-top:2px;color:#7a8795;font-size:9.5px;line-height:1.3}.cd-selected-panel__badge{flex:none;padding:3px 7px;border:1px solid #a7d9f5;border-radius:999px;background:#eff9ff;color:#0878b5;font-size:8.5px;font-weight:700;line-height:1.2}.cd-text-controls,.cd-image-controls,.cd-align-tools,.cd-object-actions-card{margin:0 0 8px;padding:9px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-sizing:border-box}.cd-text-controls,.cd-image-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cd-text-controls[hidden],.cd-image-controls[hidden]{display:none!important}.cd-text-controls>.cd-selected-section-heading,.cd-image-controls>.cd-selected-section-heading{grid-column:1 / -1;margin-bottom:1px}.cd-text-controls>.cd-field,.cd-image-controls>.cd-field{min-width:0;margin:0}.cd-text-controls>.cd-field:first-of-type{grid-column:1 / -1}.cd-text-controls>[data-action=toggle-bold]{width:100%;min-width:0;margin:0;align-self:end}.cd-image-controls>.cd-field:nth-of-type(3),.cd-image-controls>.cd-image-quality,.cd-image-controls>.cd-image-file-info,.cd-image-controls>.cd-image-transform{grid-column:1 / -1}.cd-image-controls>[data-action=replace-image],.cd-image-controls>[data-action=duplicate-object]{width:100%;min-width:0;margin:0}.cd-selected-panel .cd-field span{margin-bottom:4px;color:#4b5563;font-size:9.5px;font-weight:600;line-height:1.2}.cd-selected-panel .cd-field input[type=text],.cd-selected-panel .cd-field input[type=number],.cd-selected-panel .cd-field select,.cd-selected-panel .cd-field input[type=color]{width:100%;height:34px;min-width:0;padding:6px 8px;border:1px solid #dbe3ea;border-radius:8px;background:#fff;color:#111827;font-size:11px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.cd-selected-panel .cd-field input[type=color]{padding:4px;cursor:pointer}.cd-selected-panel .cd-field input:focus,.cd-selected-panel .cd-field select:focus{border-color:#159fe8;box-shadow:0 0 0 2px #159fe81a}.cd-selected-panel input[type=range]{width:100%;margin:3px 0 0;accent-color:#159fe8}.cd-selected-panel .cd-btn{min-height:32px;padding:6px 8px;border-radius:8px;font-size:10px;font-weight:600}.cd-selected-panel .cd-btn--ghost:hover,.cd-selected-panel .cd-align-btn:hover{border-color:#9ed8f6;background:#f0f9ff;color:#0878b5}.cd-image-quality{margin:0;padding:8px;border-radius:8px}.cd-image-quality__row,.cd-image-size-info__row{font-size:9.5px}.cd-image-quality__hint{margin-top:3px;font-size:8.5px}.cd-image-size-info{margin-top:7px;padding-top:7px}.cd-image-file-info{margin:0;padding:7px 8px;border:1px solid #edf0f3;border-radius:8px;background:#fbfcfd;font-size:9.5px}.cd-image-file-info strong{max-width:150px}.cd-image-transform{margin:0;padding:8px;border:1px solid #edf0f3;border-radius:8px;background:#fbfcfd}.cd-image-transform__title{margin-bottom:7px;color:#4b5563;font-size:9.5px;font-weight:700}.cd-image-transform__grid{gap:6px}.cd-align-tools{margin:0 0 8px}.cd-align-tools>.cd-selected-section-heading{margin-bottom:7px}.cd-align-buttons{gap:5px}.cd-align-btn{min-height:32px;padding:4px;font-size:15px!important}.cd-align-tools [data-action=fit-safety]{margin:6px 0 0}.cd-object-actions-card{margin-bottom:0}.cd-object-actions-card>.cd-selected-section-heading{margin-bottom:7px}.cd-object-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.cd-object-order-grid .cd-btn{width:100%;min-width:0;margin:0;white-space:normal;line-height:1.2}.cd-btn--danger{margin:6px 0 0!important;border-color:#f3c7c3!important;background:#fff7f6!important;color:#b83a32!important}.cd-btn--danger:hover{border-color:#e99089!important;background:#fff0ee!important;color:#9f2f28!important}.cd-tool-panel[data-tool-panel=layers] .cd-layers{gap:5px;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f7fafc}.cd-tool-panel[data-tool-panel=layers] .cd-layer-item{min-width:0;padding:6px;border-color:#e2e8f0;border-radius:8px;box-shadow:0 1px #11182705}.cd-tool-panel[data-tool-panel=layers] .cd-layer-item.is-active{border-color:#9ed8f6;background:#f0f9ff}.cd-tool-panel[data-tool-panel=layers] .cd-layer-icon-btn{width:26px;height:26px;border-color:#dbe3ea;border-radius:7px}@media(max-width:1180px){.cd-text-controls,.cd-image-controls{grid-template-columns:minmax(0,1fr)}.cd-text-controls>.cd-field,.cd-image-controls>.cd-field,.cd-image-controls>.cd-image-quality,.cd-image-controls>.cd-image-file-info,.cd-image-controls>.cd-image-transform,.cd-text-controls>.cd-selected-section-heading,.cd-image-controls>.cd-selected-section-heading{grid-column:1}.cd-object-order-grid{grid-template-columns:minmax(0,1fr)}}@media(min-width:1400px){.cup-designer__layout{grid-template-columns:minmax(390px,410px) minmax(600px,1fr) minmax(400px,440px)}.cup-designer__sidebar{padding:14px}.cd-tool-layout{grid-template-columns:64px minmax(0,1fr);gap:12px}.cd-selected-panel{padding:10px}.cd-selected-panel__title,.cd-selected-section-heading strong,.cd-image-transform__title{font-size:11.5px}.cd-selected-panel__subtitle,.cd-selected-section-heading span,.cd-image-quality__hint{font-size:9.5px}.cd-selected-panel .cd-field span,.cd-image-quality__row,.cd-image-size-info__row,.cd-image-file-info{font-size:10.5px}.cd-selected-panel .cd-field input[type=text],.cd-selected-panel .cd-field input[type=number],.cd-selected-panel .cd-field select,.cd-selected-panel .cd-field input[type=color]{height:38px;padding:7px 9px;font-size:12px}.cd-selected-panel .cd-btn{min-height:36px;padding:7px 10px;font-size:11px}.cd-align-btn{min-height:36px;font-size:16px!important}.cd-tool-panel[data-tool-panel=layers] .cd-layer-item{padding:7px 8px}.cd-tool-panel[data-tool-panel=layers] .cd-layer-name{font-size:11px}.cd-tool-panel[data-tool-panel=layers] .cd-layer-icon-btn{width:29px;height:29px}}@media(min-width:1600px){.cup-designer__layout{grid-template-columns:430px minmax(680px,1fr) 460px}.cd-tool-layout{grid-template-columns:66px minmax(0,1fr);gap:13px}}@media(min-width:1900px){.cup-designer__layout{grid-template-columns:470px minmax(760px,1fr) 480px}.cup-designer__sidebar{padding:16px}.cd-tool-layout{grid-template-columns:70px minmax(0,1fr);gap:14px}.cd-selected-panel .cd-field span,.cd-image-quality__row,.cd-image-size-info__row,.cd-image-file-info{font-size:11px}.cd-selected-panel .cd-field input[type=text],.cd-selected-panel .cd-field input[type=number],.cd-selected-panel .cd-field select,.cd-selected-panel .cd-field input[type=color]{font-size:12.5px}.cd-selected-panel .cd-btn{font-size:11.5px}}.cup-designer{--cd-canvas-width: 940px;--cd-canvas-height: 384px;--cd-editor-viewport-width: 988px;--cd-editor-viewport-height: 418px}.cd-editor-viewport{width:var(--cd-editor-viewport-width)!important;height:var(--cd-editor-viewport-height)!important}.cup-designer__canvas-box{width:var(--cd-canvas-width)!important;height:var(--cd-canvas-height)!important;min-width:var(--cd-canvas-width)!important;min-height:var(--cd-canvas-height)!important;max-width:var(--cd-canvas-width)!important;max-height:var(--cd-canvas-height)!important}.cup-designer__canvas-box .canvas-container,.cup-designer__canvas-box canvas,.cup-designer__canvas-box .lower-canvas,.cup-designer__canvas-box .upper-canvas,.cup-designer__canvas-box .cd-guide-canvas{width:var(--cd-canvas-width)!important;height:var(--cd-canvas-height)!important;max-width:none!important;max-height:none!important}.cup-designer__ruler-v{height:var(--cd-canvas-height)!important}.cup-designer__ruler-h{top:calc(var(--cd-canvas-height) + 10px)!important;width:var(--cd-canvas-width)!important}.cd-library-panel__head{margin-bottom:12px}.cd-library-panel__head h3{margin:0 0 4px}.cd-library-panel__head p{margin:0;color:#666;font-size:11px;line-height:1.45}.cd-preset-grid,.cd-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cd-preset-card,.cd-asset-card{-webkit-appearance:none;appearance:none;width:100%;min-width:0;border:1px solid #dedede;border-radius:10px;background:#fff;color:#222;padding:9px;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cd-preset-card:hover,.cd-asset-card:hover{border-color:#159fe8;box-shadow:0 3px 12px #00000012;transform:translateY(-1px)}.cd-preset-card.is-active{border-color:#159fe8;box-shadow:0 0 0 1px #159fe8 inset;background:#f4fbff}.cd-preset-preview{position:relative;height:74px;margin-bottom:7px;overflow:hidden;border-radius:7px;background:#f5f5f5;border:1px solid #ececec}.cd-preset-preview__logo,.cd-preset-preview__text,.cd-preset-preview__band,.cd-preset-preview__badge,.cd-preset-preview__line{position:absolute;left:50%;transform:translate(-50%);background:#202020}.cd-preset-preview__logo{width:20px;height:20px;border-radius:50%;top:34px}.cd-preset-preview__text{width:42px;height:5px;border-radius:3px;top:18px}.cd-preset-preview--logo-text .cd-preset-preview__logo{top:16px}.cd-preset-preview--logo-text .cd-preset-preview__text{top:48px}.cd-preset-preview--badge .cd-preset-preview__badge{width:34px;height:34px;top:27px;border-radius:50%;background:#dedede}.cd-preset-preview--badge .cd-preset-preview__logo{top:34px;z-index:1}.cd-preset-preview--badge .cd-preset-preview__text{top:13px}.cd-preset-preview--top-band .cd-preset-preview__band,.cd-preset-preview--bottom-band .cd-preset-preview__band{width:86%;height:15px;border-radius:2px}.cd-preset-preview--top-band .cd-preset-preview__band{top:8px}.cd-preset-preview--top-band .cd-preset-preview__text{top:13px;background:#fff;width:36px}.cd-preset-preview--top-band .cd-preset-preview__logo{top:39px}.cd-preset-preview--bottom-band .cd-preset-preview__band{bottom:8px}.cd-preset-preview--bottom-band .cd-preset-preview__text{top:55px;background:#fff;width:36px}.cd-preset-preview--bottom-band .cd-preset-preview__logo{top:25px}.cd-preset-preview--split .cd-preset-preview__line{width:72%;height:3px}.cd-preset-preview--split .cd-preset-preview__line:first-child{top:11px}.cd-preset-preview--split .cd-preset-preview__line:last-child{bottom:11px}.cd-preset-preview--split .cd-preset-preview__text{top:21px}.cd-preset-preview--split .cd-preset-preview__logo{top:39px}.cd-preset-card__title,.cd-asset-card__title{display:block;font-size:11px;font-weight:700;line-height:1.25}.cd-preset-card__description{display:block;margin-top:3px;color:#777;font-size:9px;line-height:1.35}.cd-library-clear{margin-top:10px}.cd-asset-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.cd-asset-filter{-webkit-appearance:none;appearance:none;border:1px solid #ddd;border-radius:999px;background:#fff;padding:5px 8px;color:#444;font-size:9px;cursor:pointer}.cd-asset-filter.is-active{border-color:#159fe8;color:#0578b7;background:#eef9ff}.cd-asset-card{display:flex;align-items:center;gap:7px;min-height:48px}.cd-asset-card__icon{flex:0 0 30px;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f2f2f2;font-size:20px;line-height:1}.cd-shape-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cd-shape-controls{margin-bottom:12px}.cd-shape-controls input[type=color]{width:100%;min-height:34px}@media(max-width:1100px){.cd-preset-grid,.cd-asset-grid{grid-template-columns:1fr}}.cd-preset-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:142px;padding:8px;box-sizing:border-box;overflow:hidden;vertical-align:top}.cd-preset-preview{display:block;flex:0 0 68px;width:100%;height:68px;min-height:68px;margin:0 0 8px;box-sizing:border-box;overflow:hidden;position:relative;border-radius:7px;background:#f7f8f9;border:1px solid #e6e9ed}.cd-preset-card__title{display:block;width:100%;margin:0;color:#202020;font-size:10px;font-weight:700;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.cd-preset-card__description{display:-webkit-box;width:100%;margin:3px 0 0;color:#727272;font-size:8.5px;line-height:1.35;white-space:normal;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cd-preset-preview__logo{top:31px}.cd-preset-preview__text{top:15px}.cd-preset-preview--logo-text .cd-preset-preview__logo{top:13px}.cd-preset-preview--logo-text .cd-preset-preview__text{top:45px}.cd-preset-preview--badge .cd-preset-preview__badge{top:23px}.cd-preset-preview--badge .cd-preset-preview__logo{top:30px}.cd-preset-preview--badge .cd-preset-preview__text{top:10px}.cd-preset-preview--top-band .cd-preset-preview__band{top:7px}.cd-preset-preview--top-band .cd-preset-preview__text{top:12px}.cd-preset-preview--top-band .cd-preset-preview__logo{top:36px}.cd-preset-preview--bottom-band .cd-preset-preview__band{bottom:7px}.cd-preset-preview--bottom-band .cd-preset-preview__text{top:50px}.cd-preset-preview--bottom-band .cd-preset-preview__logo{top:22px}.cd-preset-preview--split .cd-preset-preview__line:first-child{top:9px}.cd-preset-preview--split .cd-preset-preview__line:last-child{bottom:9px}.cd-preset-preview--split .cd-preset-preview__text{top:18px}.cd-preset-preview--split .cd-preset-preview__logo{top:36px}@media(min-width:701px)and (max-width:1180px){.cd-preset-grid{gap:7px}.cd-preset-card{min-height:136px;padding:7px}.cd-preset-preview{flex-basis:64px;height:64px;min-height:64px}}@media(max-width:700px){.cd-preset-grid{grid-template-columns:1fr}.cd-preset-card{min-height:0}}.cd-developer-preset-action{display:grid;gap:4px;align-items:center}.cd-btn--developer{border:1px solid #7c3aed;background:#7c3aed;color:#fff}.cd-btn--developer:hover{filter:brightness(.96)}.cd-developer-preset-action small{max-width:230px;color:#6b7280;font-size:10px;line-height:1.3}.cd-btn--developer:disabled{opacity:.6;cursor:wait}.cd-preset-section-title{grid-column:1 / -1;margin:3px 0 -1px;font-size:12px;font-weight:700;color:#555}.cd-preset-status{grid-column:1 / -1;padding:9px 10px;border:1px dashed #d7d7d7;border-radius:8px;background:#fafafa;color:#666;font-size:11px;line-height:1.4}.cd-preset-status--error{border-color:#efc2c2;background:#fff7f7;color:#9f3030}.cd-preset-preview--remote{display:block;position:relative}.cd-remote-preview-object{position:absolute;box-sizing:border-box;min-width:3px;min-height:3px;border-width:1px;border-style:solid;pointer-events:none}.cd-remote-preview-object--text{border:0;border-radius:3px!important}.cd-remote-preview-object--logo{border-radius:4px}.cd-preset-preview--actual{display:flex;align-items:center;justify-content:center;padding:5px;background:#f1f1f1}.cd-remote-preview-stage{position:relative;display:block;width:100%;max-width:100%;max-height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:3px;box-shadow:0 1px 2px #0000000d}.cd-remote-preview-image,.cd-remote-preview-text,.cd-remote-preview-shape,.cd-remote-preview-line{position:absolute;box-sizing:border-box;pointer-events:none;transform-origin:center center}.cd-remote-preview-image{display:block;object-fit:fill;border:0}.cd-remote-preview-image--background{object-fit:fill}.cd-remote-preview-text{display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;line-height:1;font-family:Arial,Helvetica,sans-serif}.cd-remote-preview-shape,.cd-remote-preview-line{display:block}.cd-asset-card__preview{flex:0 0 42px;width:42px;height:42px;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f5;border:1px solid #ececec}.cd-asset-card__preview img{display:block;width:100%;height:100%;object-fit:contain}.cd-asset-card:has(.cd-asset-card__preview){min-height:60px}.cd-asset-filters[hidden]{display:none!important}.cd-asset-grid.cd-asset-library-split,.cd-asset-section{display:block}.cd-asset-section+.cd-asset-section{margin-top:16px;padding-top:15px;border-top:1px solid #e8ebee}.cd-asset-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.cd-asset-section__head h4{margin:0;color:#1f2933;font-size:12px;font-weight:750;line-height:1.25}.cd-asset-section__head p{margin:3px 0 0;color:#7a828a;font-size:9px;line-height:1.35}.cd-asset-section__count{flex:0 0 auto;min-width:24px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f2f4f6;color:#5f6871;font-size:9px;font-weight:700}.cd-asset-section__filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 9px}.cd-asset-section__filters .cd-asset-filter{min-height:25px;padding:4px 8px;border-color:#e0e4e8;background:#fff;font-size:8.5px;line-height:1}.cd-asset-section__filters .cd-asset-filter:hover{border-color:#8fcff3;background:#f8fcff}.cd-asset-section__filters .cd-asset-filter.is-active{border-color:#159fe8;background:#eef9ff;color:#0578b7;box-shadow:0 0 0 1px #159fe80d inset}.cd-asset-grid--uploaded,.cd-asset-grid--default{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cd-asset-card--uploaded{display:flex;min-width:0;min-height:0!important;padding:7px;flex-direction:column;align-items:stretch;gap:6px;border-color:#dfe4e8;border-radius:10px;overflow:hidden}.cd-asset-card--uploaded .cd-asset-card__preview{flex:0 0 auto;width:100%;height:72px;border:0;border-radius:7px;background:#f4f6f7}.cd-asset-card--uploaded .cd-asset-card__preview img{width:100%;height:100%;padding:3px;object-fit:contain;box-sizing:border-box}.cd-asset-card--uploaded .cd-asset-card__title{min-width:0;min-height:26px;display:-webkit-box;overflow:hidden;color:#28323c;font-size:9px;line-height:1.35;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cd-asset-card--default{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:52px;padding:7px 8px;border-color:#e1e4e7;border-radius:9px}.cd-asset-card--default .cd-asset-card__icon{width:34px;height:34px;flex-basis:34px;border-radius:7px;background:#f3f4f5;font-size:19px}.cd-asset-card--default .cd-asset-card__title{min-width:0;display:-webkit-box;overflow:hidden;color:#26313b;font-size:9.5px;line-height:1.3;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cd-asset-card--uploaded:hover,.cd-asset-card--default:hover{border-color:#159fe8;box-shadow:0 3px 10px #0000000f;transform:translateY(-1px)}.cd-asset-empty{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px dashed #d9dee3;border-radius:9px;background:#fafbfc}.cd-asset-empty strong{color:#4a535c;font-size:10px}.cd-asset-empty span{color:#858d95;font-size:8.5px;line-height:1.35}@media(max-width:700px){.cd-asset-grid--uploaded,.cd-asset-grid--default{grid-template-columns:1fr}.cd-asset-card--uploaded .cd-asset-card__preview{height:88px}}html.cd-preset-map-open,html.cd-preset-map-open body{overflow:hidden}.cd-preset-map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:22px;background:#14191e6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cd-preset-map-dialog{width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe3e7;border-radius:14px;background:#fff;box-shadow:0 24px 70px #12181e3d}.cd-preset-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid #edf0f2}.cd-preset-map-head h3{margin:0;color:#20262d;font-size:18px;line-height:1.25}.cd-preset-map-head p{max-width:540px;margin:5px 0 0;color:#69737d;font-size:12px;line-height:1.45}.cd-preset-map-close{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:8px;background:#f4f5f6;color:#4e5862;font-size:21px;line-height:1;cursor:pointer}.cd-preset-map-close:hover{background:#e9ecef}.cd-preset-map-body{min-height:0;overflow:auto;padding:16px 18px}.cd-preset-map-group+.cd-preset-map-group{margin-top:18px;padding-top:17px;border-top:1px solid #eceff1}.cd-preset-map-group__head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.cd-preset-map-group__head strong{color:#242b32;font-size:13px;line-height:1.3}.cd-preset-map-group__head span{color:#7a838c;font-size:10px;line-height:1.4}.cd-preset-map-slot+.cd-preset-map-slot{margin-top:14px}.cd-preset-map-slot__title{margin-bottom:7px;color:#3d4650;font-size:10px;font-weight:750;line-height:1.3}.cd-preset-map-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cd-preset-map-card{position:relative;min-width:0;cursor:pointer}.cd-preset-map-card input{position:absolute;opacity:0;pointer-events:none}.cd-preset-map-card__body{min-height:92px;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:8px;overflow:hidden;border:1px solid #dfe3e7;border-radius:10px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.cd-preset-map-card:hover .cd-preset-map-card__body{border-color:#8ccff4;box-shadow:0 3px 10px #0000000d}.cd-preset-map-card input:checked+.cd-preset-map-card__body{border-color:#159fe8;background:#f3fbff;box-shadow:0 0 0 1px #159fe8 inset}.cd-preset-map-card__visual{height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:#f4f6f7}.cd-preset-map-card__visual img{display:block;width:100%;height:100%;padding:4px;object-fit:contain;box-sizing:border-box}.cd-preset-map-card__visual--text,.cd-preset-map-card__visual--fallback,.cd-preset-map-card__placeholder{color:#3f4851;font-size:20px;font-weight:700}.cd-preset-map-card__visual--text{font-family:Georgia,serif}.cd-preset-map-card__label{min-width:0;display:-webkit-box;overflow:hidden;color:#303943;font-size:9.5px;font-weight:650;line-height:1.35;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cd-preset-map-card--fallback .cd-preset-map-card__body{border-style:dashed;background:#fafbfc}.cd-preset-map-note{margin-top:16px;padding:9px 10px;border:1px solid #e6eaed;border-radius:8px;background:#f8fafb;color:#68727c;font-size:10px;line-height:1.4}.cd-preset-map-error{margin-top:10px;padding:9px 10px;border:1px solid #f0b8b8;border-radius:8px;background:#fff5f5;color:#a42a2a;font-size:10px;line-height:1.4}.cd-preset-map-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px 16px;border-top:1px solid #edf0f2;background:#fff}.cd-preset-map-actions .cd-btn{width:auto;min-width:112px}@media(max-width:700px){.cd-preset-map-overlay{align-items:flex-end;padding:10px}.cd-preset-map-dialog{width:100%;max-height:88vh;border-radius:14px 14px 10px 10px}.cd-preset-map-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-preset-map-actions{position:sticky;bottom:0}}@media(max-width:430px){.cd-preset-map-options{grid-template-columns:1fr}}.cd-asset-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:12px}.cd-asset-page-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid #dfe4e8;border-radius:8px;background:#fff;color:#4b5563;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.cd-asset-page-btn:hover{border-color:#8fcff3;background:#f8fcff}.cd-asset-page-btn.is-active{border-color:#159fe8;background:#eef9ff;color:#0578b7}.cd-asset-page-btn:focus-visible{outline:2px solid #159fe8;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/37/assets/cup-designer.css.map */