:root{--ck-primary-50:#ebf1fb;--ck-primary-100:#d6e3f7;--ck-primary-200:#adc7ef;--ck-primary-500:#2456ae;--ck-primary-600:#1d458c;--ck-primary-700:#16346a;--ck-gray-50:#fafafa;--ck-gray-100:#f5f5f5;--ck-gray-200:#e8e8e8;--ck-gray-300:#d4d4d4;--ck-gray-400:#a0a0a0;--ck-gray-500:#787878;--ck-gray-600:#555;--ck-gray-700:#333;--ck-gray-800:#1a1a1a;--ck-success:#16a34a;--ck-success-bg:#f0fdf4;--ck-warning:#d97706;--ck-warning-bg:#fffbeb;--ck-error:#c22;--ck-error-bg:#fef2f2;--ck-info:#2456ae;--ck-info-bg:#ebf1fb;--ck-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--ck-font-mono:"SF Mono", "Menlo", "Consolas", monospace;--ck-text-xs:10px;--ck-text-sm:12px;--ck-text-base:13px;--ck-text-md:14px;--ck-text-lg:16px;--ck-text-xl:18px;--ck-text-2xl:20px;--ck-space-1:4px;--ck-space-2:8px;--ck-space-3:12px;--ck-space-4:16px;--ck-space-5:20px;--ck-space-6:24px;--ck-space-8:32px;--ck-space-10:40px;--ck-space-12:48px;--ck-radius-sm:4px;--ck-radius-md:6px;--ck-radius-lg:8px;--ck-radius-xl:12px;--ck-shadow-sm:0 1px 2px #0000000d;--ck-shadow-md:0 4px 6px -1px #0000001a;--ck-shadow-lg:0 10px 15px -3px #0000001a;--ck-transition-fast:.12s ease;--ck-transition-normal:.2s ease;--ck-topbar-height:44px;--ck-subbar-height:40px;--ck-sidebar-width:272px;--ck-versionbar-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--ck-font-family);font-size:var(--ck-text-base);color:var(--ck-gray-700);background:var(--ck-gray-100);-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.topbar{height:var(--ck-topbar-height);background:var(--ck-gray-800);padding:0 var(--ck-space-4);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar__brand{font-size:var(--ck-text-lg);letter-spacing:.5px;align-items:center;gap:var(--ck-space-2);font-weight:600;display:flex}.topbar__brand-icon{background:var(--ck-primary-500);border-radius:var(--ck-radius-sm);justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.topbar__tabs{gap:0;display:flex}.topbar__tab{color:var(--ck-gray-400);font-size:var(--ck-text-base);padding:0 var(--ck-space-4);height:var(--ck-topbar-height);line-height:var(--ck-topbar-height);transition:color var(--ck-transition-fast);background:0 0;border:none;border-bottom:2px solid #0000}.topbar__tab:hover{color:#fff}.topbar__tab--active{color:#fff;border-bottom-color:var(--ck-primary-500)}.topbar__actions{align-items:center;gap:var(--ck-space-3);font-size:var(--ck-text-sm);color:var(--ck-gray-400);display:flex}.topbar__backup-btn{color:var(--ck-gray-400);font-size:var(--ck-text-sm);padding:var(--ck-space-1) var(--ck-space-2);border-radius:var(--ck-radius-sm);transition:all var(--ck-transition-fast);background:0 0;border:none}.topbar__backup-btn:hover{color:#fff;background:#ffffff1a}.subbar{height:var(--ck-subbar-height);border-bottom:1px solid var(--ck-gray-200);padding:0 var(--ck-space-4);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.subbar__info{align-items:center;gap:var(--ck-space-3);font-size:var(--ck-text-base);display:flex}.subbar__order-id{color:var(--ck-gray-800);font-weight:600}.subbar__customer{color:var(--ck-gray-500)}.subbar__status{align-items:center;gap:var(--ck-space-1);font-size:var(--ck-text-xs);background:var(--ck-primary-50);color:var(--ck-primary-500);border-radius:10px;padding:2px 8px;font-weight:500;display:inline-flex}.subbar__buttons{gap:var(--ck-space-2);display:flex}.btn{justify-content:center;align-items:center;gap:var(--ck-space-1);font-size:var(--ck-text-base);border-radius:var(--ck-radius-md);transition:all var(--ck-transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;padding:6px 14px;font-weight:500;line-height:1.4;display:inline-flex}.btn:focus-visible{outline:2px solid var(--ck-primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--ck-primary-500);color:#fff;border-color:var(--ck-primary-500)}.btn--primary:hover:not(:disabled){background:var(--ck-primary-600);border-color:var(--ck-primary-600);box-shadow:var(--ck-shadow-sm)}.btn--outline{color:var(--ck-primary-500);border-color:var(--ck-primary-500);background:#fff}.btn--outline:hover:not(:disabled){background:var(--ck-primary-50)}.btn--ghost{color:var(--ck-gray-600);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--ck-gray-100)}.btn--danger{background:var(--ck-error);color:#fff;border-color:var(--ck-error)}.btn--danger:hover:not(:disabled){background:#b01c1c}.btn--sm{font-size:var(--ck-text-sm);padding:3px 8px}.btn--icon{width:28px;height:28px;padding:4px}.app-layout{height:calc(100vh - var(--ck-topbar-height) - var(--ck-subbar-height));display:flex;overflow:hidden}.canvas-area{background:var(--ck-gray-100);flex-direction:column;flex:1;display:flex;position:relative}.canvas-wrapper{padding:var(--ck-space-4);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.canvas-container{border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-lg);box-shadow:var(--ck-shadow-sm);background:#fff;position:relative;overflow:hidden}.canvas-container .canvas-container{box-shadow:none!important;border:none!important}.canvas-tools{top:var(--ck-space-4);right:var(--ck-space-4);gap:var(--ck-space-2);z-index:10;flex-direction:column;display:flex;position:absolute}.canvas-tools .btn--icon{border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);font-size:var(--ck-text-md);color:var(--ck-gray-600);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6}.canvas-tools .btn--icon:hover{border-color:var(--ck-primary-500);color:var(--ck-primary-500);background:#fff}.canvas-tools .btn--icon.active{background:var(--ck-primary-50);border-color:var(--ck-primary-500);color:var(--ck-primary-500)}.canvas-warning{top:var(--ck-space-4);background:var(--ck-warning-bg);color:var(--ck-warning);border-radius:var(--ck-radius-md);font-size:var(--ck-text-sm);box-shadow:var(--ck-shadow-md);z-index:20;opacity:0;pointer-events:none;transition:opacity var(--ck-transition-normal);padding:6px 16px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.canvas-warning--visible{opacity:1}.sidebar{width:var(--ck-sidebar-width);border-left:1px solid var(--ck-gray-200);background:#fff;flex-shrink:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--ck-gray-300);border-radius:2px}.accordion{border-bottom:1px solid var(--ck-gray-200)}.accordion__header{align-items:center;gap:var(--ck-space-2);width:100%;padding:var(--ck-space-3) var(--ck-space-4);font-size:var(--ck-text-base);color:var(--ck-gray-700);cursor:pointer;transition:background var(--ck-transition-fast);text-align:left;background:0 0;border:none;font-weight:500;display:flex}.accordion__header:hover{background:var(--ck-gray-50)}.accordion__icon{color:var(--ck-gray-400);transition:transform var(--ck-transition-fast);text-align:center;width:16px;font-size:10px}.accordion--open .accordion__icon{transform:rotate(90deg)}.accordion__label-icon{font-size:var(--ck-text-md);text-align:center;width:18px}.accordion__body{padding:0 var(--ck-space-4) var(--ck-space-4);display:none}.accordion--open .accordion__body{display:block}.template-select{border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);width:100%;font-size:var(--ck-text-base);color:var(--ck-gray-700);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23787878' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") right 10px center no-repeat;padding:6px 28px 6px 10px}.template-select:focus{border-color:var(--ck-primary-500);outline:none;box-shadow:0 0 0 3px #2456ae1a}.color-grid{gap:var(--ck-space-2);margin-top:var(--ck-space-3);grid-template-columns:repeat(5,1fr);display:grid}.color-swatch{cursor:pointer;flex-direction:column;align-items:center;gap:3px;display:flex}.color-swatch__block{border-radius:var(--ck-radius-sm);width:28px;height:28px;transition:all var(--ck-transition-fast);border:2px solid #0000;position:relative}.color-swatch:hover .color-swatch__block{transform:scale(1.1)}.color-swatch--active .color-swatch__block{border-color:var(--ck-primary-500);box-shadow:0 0 0 2px #2456ae33}.color-swatch__block--light{border:1px solid var(--ck-gray-300)}.color-swatch--active .color-swatch__block--light{border:2px solid var(--ck-primary-500)}.color-swatch__name{font-size:var(--ck-text-xs);color:var(--ck-gray-500);line-height:1.2}.color-swatch__delete{background:var(--ck-error);color:#fff;text-align:center;cursor:pointer;z-index:2;border:none;border-radius:50%;width:14px;height:14px;font-size:8px;line-height:14px;display:none;position:absolute;top:-4px;right:-4px}.color-swatch--custom:hover .color-swatch__delete{display:block}.color-swatch--add .color-swatch__block{border:1.5px dashed var(--ck-gray-400);background:var(--ck-gray-50);color:var(--ck-gray-400);justify-content:center;align-items:center;font-size:14px;display:flex}.color-swatch--add:hover .color-swatch__block{border-color:var(--ck-primary-500);color:var(--ck-primary-500);background:var(--ck-primary-50)}.side-toggle{margin-top:var(--ck-space-3);border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);display:flex;overflow:hidden}.side-toggle__btn{font-size:var(--ck-text-base);color:var(--ck-gray-500);transition:all var(--ck-transition-fast);background:#fff;border:none;flex:1;padding:5px 0}.side-toggle__btn--active{background:var(--ck-primary-500);color:#fff}.side-toggle__btn:first-child{border-right:1px solid var(--ck-gray-200)}.upload-zone{border:1.5px dashed var(--ck-gray-300);border-radius:var(--ck-radius-md);padding:var(--ck-space-5) var(--ck-space-4);text-align:center;cursor:pointer;transition:all var(--ck-transition-fast);background:var(--ck-gray-50)}.upload-zone:hover,.upload-zone--dragover{border-color:var(--ck-primary-500);background:var(--ck-primary-50)}.upload-zone__icon{color:var(--ck-gray-400);margin-bottom:var(--ck-space-2);font-size:24px}.upload-zone__text{font-size:var(--ck-text-sm);color:var(--ck-gray-500)}.upload-zone__hint{font-size:var(--ck-text-xs);color:var(--ck-gray-400);margin-top:var(--ck-space-1)}.preset-group{gap:var(--ck-space-2);margin-bottom:var(--ck-space-3);display:flex}.preset-btn{border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);font-size:var(--ck-text-xs);color:var(--ck-gray-600);transition:all var(--ck-transition-fast);text-align:center;background:#fff;flex:1;padding:5px 4px;line-height:1.3}.preset-btn:hover{border-color:var(--ck-primary-500);color:var(--ck-primary-500)}.preset-btn--active{background:var(--ck-primary-50);border-color:var(--ck-primary-500);color:var(--ck-primary-500);font-weight:500}.form-group{margin-bottom:var(--ck-space-3)}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--ck-text-sm);color:var(--ck-gray-500);margin-bottom:var(--ck-space-1);display:block}.form-row{gap:var(--ck-space-2);align-items:center;display:flex}.form-input{border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-sm);width:100%;font-size:var(--ck-text-base);color:var(--ck-gray-700);transition:all var(--ck-transition-fast);padding:5px 8px}.form-input:focus{border-color:var(--ck-primary-500);outline:none;box-shadow:0 0 0 3px #2456ae1a}.form-input--sm{width:64px}.form-input--number{font-family:var(--ck-font-mono);text-align:center}.form-range{appearance:none;background:var(--ck-gray-200);border-radius:2px;outline:none;width:100%;height:4px}.form-range::-webkit-slider-thumb{appearance:none;background:var(--ck-primary-500);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.form-checkbox{align-items:center;gap:var(--ck-space-1);font-size:var(--ck-text-sm);color:var(--ck-gray-600);cursor:pointer;display:flex}.form-checkbox input[type=checkbox]{accent-color:var(--ck-primary-500)}.size-result{background:var(--ck-info-bg);border:1px solid var(--ck-primary-100);border-radius:var(--ck-radius-md);padding:var(--ck-space-3);margin-top:var(--ck-space-3)}.size-result__title{font-size:var(--ck-text-sm);color:var(--ck-gray-500);margin-bottom:var(--ck-space-2)}.size-result__value{font-size:var(--ck-text-lg);color:var(--ck-primary-500);font-weight:600;font-family:var(--ck-font-mono)}.size-result__unit{font-size:var(--ck-text-sm);color:var(--ck-gray-500);font-weight:400}.size-result__row{justify-content:space-between;align-items:center;display:flex}.size-result__hint{font-size:var(--ck-text-xs);color:var(--ck-gray-400);margin-top:var(--ck-space-2);align-items:center;gap:var(--ck-space-1);display:flex}.quick-btns{gap:var(--ck-space-1);margin-top:var(--ck-space-1);display:flex}.quick-btn{background:var(--ck-gray-50);border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-sm);font-size:var(--ck-text-xs);color:var(--ck-gray-500);cursor:pointer;transition:all var(--ck-transition-fast);padding:3px 8px}.quick-btn:hover{border-color:var(--ck-primary-500);color:var(--ck-primary-500)}.quick-btn--active{background:var(--ck-primary-50);border-color:var(--ck-primary-500);color:var(--ck-primary-500);font-weight:500}.version-bar{height:var(--ck-versionbar-height);border-top:1px solid var(--ck-gray-200);background:#fff;flex-direction:column;flex-shrink:0;display:flex}.version-bar__header{padding:var(--ck-space-1) var(--ck-space-4);border-bottom:1px solid var(--ck-gray-100);justify-content:space-between;align-items:center;display:flex}.version-bar__title{font-size:var(--ck-text-sm);color:var(--ck-gray-500);font-weight:500}.version-bar__list{gap:var(--ck-space-2);padding:var(--ck-space-2) var(--ck-space-4);flex:1;align-items:center;display:flex;overflow-x:auto}.version-bar__list::-webkit-scrollbar{height:4px}.version-bar__list::-webkit-scrollbar-thumb{background:var(--ck-gray-300);border-radius:2px}.version-node{align-items:center;gap:var(--ck-space-2);border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);white-space:nowrap;font-size:var(--ck-text-sm);color:var(--ck-gray-600);cursor:pointer;transition:all var(--ck-transition-fast);background:#fff;flex-shrink:0;padding:4px 10px;display:flex}.version-node:hover{border-color:var(--ck-primary-500)}.version-node--current{border-color:var(--ck-primary-500);background:var(--ck-primary-50);color:var(--ck-primary-500)}.version-node--confirmed{border-color:var(--ck-success);background:var(--ck-success-bg);color:var(--ck-success)}.version-node__id{font-weight:600}.version-node__time{color:var(--ck-gray-400);font-size:var(--ck-text-xs)}.version-node__note{text-overflow:ellipsis;max-width:120px;overflow:hidden}.version-node__status{font-size:var(--ck-text-xs);background:var(--ck-gray-100);color:var(--ck-gray-500);border-radius:8px;padding:1px 6px}.modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay--visible{display:flex}.modal{border-radius:var(--ck-radius-xl);box-shadow:var(--ck-shadow-lg);background:#fff;width:90%;max-width:480px;max-height:80vh;overflow-y:auto}.modal__header{padding:var(--ck-space-4) var(--ck-space-5);border-bottom:1px solid var(--ck-gray-100);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--ck-text-lg);color:var(--ck-gray-800);font-weight:600}.modal__close{font-size:var(--ck-text-xl);color:var(--ck-gray-400);cursor:pointer;background:0 0;border:none;padding:4px;line-height:1}.modal__close:hover{color:var(--ck-gray-700)}.modal__body{padding:var(--ck-space-5)}.modal__footer{justify-content:flex-end;gap:var(--ck-space-2);padding:var(--ck-space-3) var(--ck-space-5);border-top:1px solid var(--ck-gray-100);display:flex}.add-color-modal .color-picker-area{gap:var(--ck-space-3);margin-bottom:var(--ck-space-3);display:flex}.add-color-modal .color-preview{border-radius:var(--ck-radius-md);border:1px solid var(--ck-gray-200);cursor:pointer;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.add-color-modal .color-preview input[type=color]{cursor:pointer;opacity:0;border:none;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;top:-8px;left:-8px}.add-color-modal .color-form{gap:var(--ck-space-2);flex-direction:column;flex:1;display:flex}.add-color-modal .quick-colors{gap:var(--ck-space-1);margin-bottom:var(--ck-space-3);flex-wrap:wrap;display:flex}.add-color-modal .quick-color{border-radius:var(--ck-radius-sm);border:1px solid var(--ck-gray-200);cursor:pointer;width:22px;height:22px;transition:transform var(--ck-transition-fast)}.add-color-modal .quick-color:hover{transform:scale(1.15)}.add-color-modal .preview-card{background:var(--ck-info-bg);border-radius:var(--ck-radius-md);padding:var(--ck-space-3);align-items:center;gap:var(--ck-space-2);margin-bottom:var(--ck-space-3);display:flex}.add-color-modal .preview-swatch{border-radius:var(--ck-radius-sm);border:1px solid var(--ck-gray-200);width:32px;height:32px}.add-color-modal .preview-info{flex:1}.add-color-modal .preview-name{font-size:var(--ck-text-base);font-weight:500}.add-color-modal .preview-hex{font-size:var(--ck-text-sm);color:var(--ck-gray-500);font-family:var(--ck-font-mono)}.send-modal__preview{gap:var(--ck-space-3);margin-bottom:var(--ck-space-3);display:flex}.send-modal__img{background:var(--ck-gray-50);border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);aspect-ratio:500/580;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.send-modal__img img{object-fit:contain;max-width:100%;max-height:100%}.send-modal__summary{font-size:var(--ck-text-sm);color:var(--ck-gray-600);padding:var(--ck-space-3);background:var(--ck-gray-50);border-radius:var(--ck-radius-md);line-height:1.6}.confirm-dialog{text-align:center}.confirm-dialog__icon{margin-bottom:var(--ck-space-3);font-size:36px}.confirm-dialog__text{font-size:var(--ck-text-md);color:var(--ck-gray-700);margin-bottom:var(--ck-space-4)}.confirm-dialog__buttons{gap:var(--ck-space-2);justify-content:center;display:flex}.toast-container{top:var(--ck-space-4);right:var(--ck-space-4);z-index:2000;gap:var(--ck-space-2);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--ck-space-3) var(--ck-space-4);border-radius:var(--ck-radius-md);font-size:var(--ck-text-sm);box-shadow:var(--ck-shadow-md);align-items:center;gap:var(--ck-space-2);font-weight:500;animation:.2s toast-in;display:flex}.toast--success{background:var(--ck-success-bg);color:var(--ck-success);border:1px solid var(--ck-success)}.toast--error{background:var(--ck-error-bg);color:var(--ck-error);border:1px solid var(--ck-error)}.toast--info{background:var(--ck-info-bg);color:var(--ck-info);border:1px solid var(--ck-info)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.backup-hint{background:var(--ck-warning-bg);border-top:1px solid var(--ck-warning);padding:var(--ck-space-2) var(--ck-space-4);justify-content:center;align-items:center;gap:var(--ck-space-3);font-size:var(--ck-text-sm);color:var(--ck-warning);z-index:100;transition:transform var(--ck-transition-normal);display:flex;position:fixed;bottom:0;left:0;right:0}.backup-hint--hidden{transform:translateY(100%)}.backup-hint__close{color:var(--ck-warning);cursor:pointer;font-size:var(--ck-text-lg);background:0 0;border:none;line-height:1}.guide-line{stroke:#2456ae40;stroke-width:1px;stroke-dasharray:6 4}.size-label{display:none}.empty-state{text-align:center;padding:var(--ck-space-8) var(--ck-space-4);color:var(--ck-gray-400)}.empty-state__icon{margin-bottom:var(--ck-space-3);font-size:36px}.empty-state__text{font-size:var(--ck-text-md)}.view{display:none}.view--active{flex-direction:column;height:100%;display:flex}.order-list-view{padding:var(--ck-space-6);overflow-y:auto}.order-list-header{align-items:center;gap:var(--ck-space-3);margin-bottom:var(--ck-space-4);display:flex}.order-list-header__search{flex:1;max-width:300px}.order-table{border-collapse:collapse;width:100%;font-size:var(--ck-text-base)}.order-table th{text-align:left;padding:var(--ck-space-2) var(--ck-space-3);background:var(--ck-gray-50);border-bottom:1px solid var(--ck-gray-200);color:var(--ck-gray-500);font-weight:500;font-size:var(--ck-text-sm)}.order-table td{padding:var(--ck-space-2) var(--ck-space-3);border-bottom:1px solid var(--ck-gray-100);color:var(--ck-gray-700)}.order-table tr:hover td{background:var(--ck-gray-50)}@media (width<=1024px){:root{--ck-sidebar-width:240px}.color-grid{grid-template-columns:repeat(5,1fr)}}.template-select-row{gap:var(--ck-space-1);align-items:center;display:flex}.template-select-row .template-select{flex:1}.add-template-modal{max-width:560px}.template-upload-row{gap:var(--ck-space-4);margin-bottom:var(--ck-space-4);display:flex}.template-upload-col{flex:1;min-width:0}.template-upload-zone{border:2px dashed var(--ck-gray-300);background:var(--ck-gray-50);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);aspect-ratio:5/6;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.template-upload-zone:hover{border-color:var(--ck-primary-500);background:var(--ck-primary-50)}.template-upload-zone__placeholder{text-align:center;color:var(--ck-gray-400)}.template-upload-zone__icon{margin-bottom:var(--ck-space-1);font-size:28px}.template-upload-zone__text{font-size:var(--ck-text-sm);color:var(--ck-gray-500);font-weight:500}.template-upload-zone__hint{font-size:var(--ck-text-xs);color:var(--ck-gray-400);margin-top:2px}.template-upload-zone__preview{background:var(--ck-gray-100);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.template-upload-zone__preview img{object-fit:contain;max-width:100%;max-height:100%}.template-upload-zone__remove{color:#fff;cursor:pointer;width:22px;height:22px;transition:background var(--transition-fast);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.template-upload-zone__remove:hover{background:var(--ck-error)}.template-color-row{gap:var(--ck-space-2);align-items:center;display:flex}.form-hint{font-size:var(--ck-text-xs);color:var(--ck-gray-400);margin-top:2px}.custom-template-list{gap:var(--ck-space-2);flex-direction:column;display:flex}.custom-template-item{align-items:center;gap:var(--ck-space-3);padding:var(--ck-space-3);border:1px solid var(--ck-gray-200);background:var(--ck-gray-50);transition:background var(--transition-fast);border-radius:6px;display:flex}.custom-template-item:hover{border-color:var(--ck-gray-300);background:#fff}.custom-template-item__thumb{object-fit:cover;border:1px solid var(--ck-gray-200);background:#fff;border-radius:4px;width:40px;height:48px}.custom-template-item__info{flex:1;min-width:0}.custom-template-item__name{font-weight:500;font-size:var(--ck-text-sm);color:var(--ck-gray-700)}.custom-template-item__meta{font-size:var(--ck-text-xs);color:var(--ck-gray-400);margin-top:2px}.custom-template-item__color-dot{border:1px solid var(--ck-gray-300);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.custom-template-item__actions{gap:var(--ck-space-1);display:flex}.size-group{margin-bottom:var(--ck-space-3)}.size-group:last-of-type{margin-bottom:var(--ck-space-2)}.size-group__label{font-size:var(--ck-text-xs);color:var(--ck-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--ck-space-1);font-weight:600}.size-group__chips{gap:var(--ck-space-2);flex-wrap:wrap;display:flex}.size-chip{padding:var(--ck-space-2) var(--ck-space-2);background:var(--ck-gray-50);border:1.5px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);cursor:pointer;transition:all var(--ck-transition-fast);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:3px;min-width:52px;display:flex}.size-chip:hover{border-color:var(--ck-primary-500);background:var(--ck-primary-50)}.size-chip--active{border-color:var(--ck-primary-500);background:var(--ck-primary-50);box-shadow:0 0 0 2px #2456ae26}.size-chip__label{font-size:var(--ck-text-md);color:var(--ck-gray-700);font-weight:600;line-height:1}.size-chip--active .size-chip__label{color:var(--ck-primary-500)}.size-chip__counter{align-items:center;gap:2px;display:flex}.size-chip__btn{border:1px solid var(--ck-gray-300);width:18px;height:18px;color:var(--ck-gray-600);cursor:pointer;transition:all var(--ck-transition-fast);background:#fff;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex}.size-chip__btn:hover{border-color:var(--ck-primary-500);color:var(--ck-primary-500);background:var(--ck-primary-50)}.size-chip__input{font-size:var(--ck-text-sm);color:var(--ck-primary-500);text-align:center;width:32px;font-weight:600;font-family:var(--ck-font-mono);border:1px solid var(--ck-gray-200);background:var(--ck-gray-50);-moz-appearance:textfield;border-radius:3px;outline:none;padding:1px 2px}.size-chip__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-chip__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-chip__input:focus{border-color:var(--ck-primary-500);background:#fff}.size-chip:not(.size-chip--active) .size-chip__input{color:var(--ck-gray-400)}.size-chip:not(.size-chip--active) .size-chip__counter{opacity:0;transition:opacity var(--ck-transition-fast)}.size-chip:hover .size-chip__counter,.size-chip--active .size-chip__counter{opacity:1}.size-category-select{gap:var(--ck-space-3);flex-wrap:wrap;display:flex}.size-category-option{align-items:center;gap:var(--ck-space-1);cursor:pointer;font-size:var(--ck-text-sm);color:var(--ck-gray-600);padding:var(--ck-space-1) var(--ck-space-2);border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);transition:all var(--ck-transition-fast);display:flex}.size-category-option:hover{border-color:var(--ck-primary-500);background:var(--ck-primary-50)}.size-summary{background:var(--ck-info-bg);border:1px solid var(--ck-primary-100);border-radius:var(--ck-radius-md);padding:var(--ck-space-3);margin-top:var(--ck-space-2)}.size-summary__row{align-items:center;gap:var(--ck-space-1);font-size:var(--ck-text-sm);display:flex}.size-summary__row+.size-summary__row{margin-top:4px}.size-summary__label{color:var(--ck-gray-500);white-space:nowrap}.size-summary__value{color:var(--ck-gray-700);font-weight:500}.size-summary__value--highlight{color:var(--ck-primary-500);font-size:var(--ck-text-lg);font-family:var(--ck-font-mono);font-weight:600}.size-summary__unit{font-size:var(--ck-text-xs);color:var(--ck-gray-400)}.info-sizes-display{gap:var(--ck-space-1);flex-wrap:wrap;align-items:center;min-height:32px;display:flex}.info-size-tag{background:var(--ck-primary-50);border:1px solid var(--ck-primary-100);border-radius:var(--ck-radius-sm);font-size:var(--ck-text-sm);color:var(--ck-primary-500);align-items:center;gap:2px;padding:3px 8px;font-weight:500;display:inline-flex}.info-size-tag__label{font-weight:600}.info-size-tag__qty{font-family:var(--ck-font-mono)}.info-size-tag__unit{color:var(--ck-gray-400);font-size:var(--ck-text-xs)}.info-sizes-empty{color:var(--ck-gray-400);font-size:var(--ck-text-sm);font-style:italic}.size-category-select{gap:var(--ck-space-2);display:flex}.size-category-option{align-items:center;gap:var(--ck-space-1);border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);cursor:pointer;transition:all var(--ck-transition-fast);font-size:var(--ck-text-sm);padding:4px 10px;display:flex}.size-category-option:hover{border-color:var(--ck-primary-500)}.size-category-option input[type=radio]{accent-color:var(--ck-primary-500)}.size-category-option input[type=radio]:checked+.size-category-option__label{color:var(--ck-primary-500);font-weight:500}.size-category-option:has(input[type=radio]:checked){border-color:var(--ck-primary-500);background:var(--ck-primary-50)}.size-category-option__label{color:var(--ck-gray-600);font-size:var(--ck-text-sm)}.btn--confirm{background:var(--ck-primary-50);color:var(--ck-primary-500);border:1.5px dashed var(--ck-primary-500);cursor:pointer;transition:all .2s}.btn--confirm:hover{background:var(--ck-primary-100)}.btn--confirm-done{background:var(--ck-success-bg);color:var(--ck-success);border:1.5px solid var(--ck-success);cursor:pointer;transition:all .2s}.btn--confirm-done:hover{background:#dcfce7}.side-toggle__badge{background:var(--ck-success);color:#fff;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:4px;font-size:10px;display:inline-flex}.position-group{flex-wrap:wrap;gap:4px;display:flex}.position-btn{border:1px solid var(--ck-gray-200);border-radius:var(--ck-radius-md);background:var(--ck-gray-50);color:var(--ck-gray-600);cursor:pointer;padding:3px 8px;font-size:11px;transition:all .15s}.position-btn:hover{border-color:var(--ck-primary-500);color:var(--ck-primary-500);background:var(--ck-primary-50)}.send-modal__img{flex:1;min-width:200px}.send-modal__img img{border:1px solid var(--ck-gray-200);border-radius:6px;max-width:100%}