:root{color:#192540;font-synthesis:none;accent-color:#3349d8;--ink:#192540;--muted:#515c73;--line:#dce0ec;--primary:#3349d8;--primary-hover:#283bbb;--tint:#edf0ff;--error:#9e302b;--warn:#75510e;background:#f5f6fa;font-family:Inter,Segoe UI,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,summary,select,input[type=checkbox],input[type=color],input[type=range]{cursor:pointer}button:disabled,input:disabled{cursor:default}:focus-visible{outline-offset:3px;outline:3px solid #3651ee}p,h1,h2,figure{margin:0}code{overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace}.shell{width:min(100%,1510px);margin-inline:auto;padding-inline:clamp(16px,3vw,42px)}.muted{color:var(--muted)}.topbar{z-index:2;border-bottom:1px solid var(--line);background:#fff;position:relative}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;min-height:63px;display:flex}.brand{letter-spacing:-.035em;align-items:center;gap:10px;font-size:19px;font-weight:760;display:flex}.brand-mark{background:var(--primary);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative}.brand-mark:before,.brand-mark i{content:"";border:1.5px solid #fff;border-radius:3px;width:14px;height:14px}.brand-mark:before{opacity:.65;position:absolute;transform:translate(-3px,-3px)}.brand-mark i{background:var(--primary);transform:translate(2px,2px)}.topbar-actions,.export-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{border:1px solid var(--line);min-height:37px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:7px 12px;font-size:14px;font-weight:650;line-height:1.25;text-decoration:none;display:inline-flex}.button:not(:disabled):hover{background:#f6f7ff;border-color:#a6b1df}.button:disabled{color:#657089;background:#f2f3f7}.button-quiet{border-color:#0000}.button-soft{background:var(--tint);color:#263bb2;border-color:#c9d1ff}.button-primary:not(:disabled){color:#fff;border-color:var(--primary);background:var(--primary)}.button-primary:not(:disabled):hover{color:#fff;border-color:var(--primary-hover);background:var(--primary-hover)}.profile-menu{position:relative}summary{list-style:none}summary::-webkit-details-marker{display:none}.profile-menu summary:after,.naming summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-inline-start:9px;transform:translateY(-2px)rotate(45deg)}details[open]>summary:after{transform:translateY(2px)rotate(225deg)}.profile-popup{z-index:4;border:1px solid var(--line);background:#fff;border-radius:12px;gap:8px;width:min(270px,100vw - 36px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 32px #19254021}.profile-popup .button{text-align:left;justify-content:start}.profile-popup p,.profile-message{color:var(--muted);font-size:13px;line-height:1.45}.workspace{padding-top:23px;padding-bottom:42px}.intro{justify-content:space-between;align-items:end;gap:12px 24px;margin-bottom:19px;display:flex}.intro-actions{flex-wrap:wrap;justify-content:end;align-items:end;gap:8px;display:flex}.intro-actions:empty{display:none}.intro h1{letter-spacing:-.048em;font-size:clamp(25px,3vw,36px);font-weight:760;line-height:1.12}.intro p{color:var(--muted);margin-top:7px}.intro .profile-message{text-align:end;max-width:355px}.profile-message:empty{display:none}.workspace-grid{grid-template-columns:minmax(275px,.98fr) minmax(0,1.48fr) minmax(298px,1fr);gap:15px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;box-shadow:0 2px 3px #19254006}.panel-header{min-width:0;padding:15px 18px 11px}.panel-header h2{letter-spacing:-.027em;font-size:18px;font-weight:730}.panel-header p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.4}.dropzone{background:#f8f9ff;border:1px dashed #a2aee0;border-radius:11px;flex-direction:column;align-items:center;gap:6px;margin:0 14px;padding:14px 10px 12px;font-size:13px;display:flex}.dropzone-active{border-color:var(--primary);background:#e7ebff}.upload-symbol{color:#263bb2;background:#e8ecff;border-radius:8px;place-items:center;width:31px;height:31px;font-size:20px;font-weight:650;display:grid}.file-limits,.inspection-status{color:var(--muted);margin-top:8px;padding:0 15px;font-size:12px;line-height:1.45}.inspection-status:empty{display:none}.assignment{gap:7px;margin:11px 14px 0;display:grid}.sku-field{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.sku-field .button{padding-inline:8px}.sku-field input{font-size:13px}.assignment-message{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.file-list{align-content:start;max-height:360px;margin:10px 10px 12px 14px;padding:0 3px 0 0;list-style:none;display:grid;overflow:auto}.file-limits p+p{margin-top:4px}.file-row{border:1px solid #0000;border-bottom-color:var(--line);min-width:0;padding:6px}.file-row:last-child{border-bottom-color:#0000}.file-row-active,.file-row-active:last-child{background:#f5f6ff;border-color:#d1d8ff;border-radius:8px}.file-row-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.file-row-main>.file-preview:first-child{grid-column:1/span 2}.file-preview{text-align:left;min-width:0;color:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0;display:flex}.thumbnail{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:5px;flex:none;width:38px;height:38px}.thumbnail-placeholder{color:var(--muted);place-items:center;font-weight:700;display:grid}.file-meta{gap:2px;min-width:0;display:grid}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.file-detail,.file-order{color:var(--muted);font-size:12px;line-height:1.3}.file-order{justify-content:space-between;align-items:center;gap:6px;margin-top:3px;display:flex}.file-order span{overflow-wrap:anywhere}.file-order-buttons{gap:3px;display:flex}.icon-button{width:27px;height:27px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.icon-button:not(:disabled):hover{background:var(--tint);border-color:#c9d1ff}.icon-button:disabled{color:#8290a9}.file-warning,.file-row .inline-error{overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.4}.file-warning{color:var(--warn)}.preview-empty{text-align:center;min-height:262px;color:var(--muted);background:#f7f8fc;border-radius:11px;place-content:center;justify-items:center;gap:13px;margin:0 15px 15px;padding:15px;font-size:14px;display:grid}.frame-symbol{border:2px solid #a0aee5;border-radius:10px;width:53px;height:43px;display:block;position:relative;overflow:hidden}.frame-symbol:before{content:"";border:2px solid #a0aee5;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:8px}.frame-symbol i{border:2px solid #a0aee5;border-radius:5px;width:35px;height:35px;position:absolute;bottom:-18px;right:2px;transform:rotate(45deg)}.preview-controls{flex-wrap:wrap;align-items:end;gap:8px;margin:0 15px 13px;display:flex}.preview-controls label{flex:130px;max-width:230px}.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 15px;display:grid}.comparison figcaption{gap:2px;margin-bottom:6px;font-size:13px;line-height:1.35;display:grid}.comparison figcaption b{font-weight:680}.comparison figcaption span,.comparison small{color:var(--muted);font-size:12px}.comparison small{margin-top:5px;display:block}.preview-image{border:1px solid var(--line);background:#f5f6fa;border-radius:8px;place-items:center;width:100%;height:clamp(150px,19vw,280px);display:grid;overflow:hidden;container-type:size}.preview-surface{width:min(100cqw, calc(100cqh * var(--preview-ratio)));aspect-ratio:var(--preview-ratio);outline:1px solid var(--line);position:relative;overflow:hidden}.preview-surface[data-checkerboard=true]{background:repeating-conic-gradient(#e4e8f2 0% 25%,#fff 0% 50%) 50%/16px 16px}.preview-surface img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.preview-status,.preview-path{color:var(--muted);margin:8px 15px 13px;font-size:13px}.preview-status:empty{display:none}label:not(.check-label){color:var(--muted);align-content:start;gap:4px;font-size:13px;line-height:1.25;display:grid}input:not([type=checkbox],[type=range],[type=file]),select{width:100%;min-width:0;height:36px;color:var(--ink);background:#fff;border:1px solid #cbd2e4;border-radius:7px;padding:5px 7px}input[type=checkbox]{flex:none;width:16px;height:16px;margin:0}.check-label{color:var(--ink);align-items:center;gap:7px;font-size:13px;line-height:1.35;display:flex}.variants{gap:8px;margin:0 14px;display:grid}.variant{border:1px solid var(--line);background:#f8f9fd;border-radius:10px;gap:6px;min-width:0;margin:0;padding:7px 10px 9px;display:grid;position:relative}.variant legend{overflow-wrap:anywhere;max-width:calc(100% - 20px);margin-left:-3px;padding:0 5px;font-size:14px;font-weight:680}.variant-remove{border-color:var(--line);background:#fff;width:25px;height:25px;position:absolute;top:-16px;right:5px}.dimensions,.format-options{gap:6px;display:grid}.dimensions{grid-template-columns:repeat(3,minmax(0,1fr))}.format-options{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) auto}.format-options select{font-size:13px}.background-choice{gap:6px;font-size:12px;display:grid}.background-choice-buttons{flex-wrap:wrap;gap:6px;display:flex}.background-choice-buttons .button{font-size:12px}.color-field{width:40px}input[type=color]{padding:3px 4px}.range-field>span{justify-content:space-between;align-items:center;display:flex}.range-field output{color:var(--ink);font-variant-numeric:tabular-nums}.range-field input{width:100%;min-width:0;margin:0}.add-variant{justify-self:start}.naming{border-top:1px solid var(--line);color:var(--muted);margin:8px 14px 12px;padding-top:8px;font-size:13px;display:grid}.naming summary{color:var(--ink);justify-content:space-between;align-items:center;font-weight:650;display:flex}.naming[open]>:not(summary){margin-top:8px}.inline-error{color:var(--error)}.settings-error{margin:8px 14px 14px;font-size:13px;line-height:1.4}.export-panel{margin-top:15px}.export-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.export-body:not(:empty){padding:0 18px}.result-status{color:var(--muted);margin:0 0 10px;font-size:14px;line-height:1.4}.result-status:empty{display:none}.result-completed{color:#166142;font-weight:650}.result-partial{color:var(--warn);font-weight:650}.result-failed{color:var(--error)}progress{width:min(100%,380px);height:10px;accent-color:var(--primary);margin-bottom:10px}.plan-issues{color:var(--error);margin:0 0 10px;padding-left:19px;font-size:13px;line-height:1.45}.plan-warning{color:var(--warn);margin-bottom:8px;font-size:13px;line-height:1.4}.plan-scroll{border:1px solid var(--line);border-radius:9px;max-height:240px;overflow:auto}.plan-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.plan-scroll :is(th,td){overflow-wrap:anywhere;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;padding:7px 10px}.plan-scroll th{color:var(--muted);background:#f3f5fc;position:sticky;top:0}.plan-scroll th:nth-child(2){width:49%}.plan-scroll th:nth-child(3){width:18%}.plan-scroll tr:last-child td{border-bottom:0}.plan-scroll td small{font-size:12px;display:block}.archive-note{color:var(--muted);margin:8px 0 14px;font-size:12px;line-height:1.4}@media (width<=1030px){.workspace-grid{grid-template-columns:minmax(258px,.95fr) minmax(0,1.3fr)}.settings-panel{grid-column:1/-1}.variants{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-image{height:clamp(150px,25vw,280px)}}@media (width<=660px){.shell{padding-inline:13px}.topbar-inner{min-height:60px}.topbar-actions{justify-content:end;gap:3px}.topbar-actions>.button,.profile-menu>.button{padding-inline:8px}.profile-popup{position:fixed;top:55px;right:12px}.workspace{padding-top:18px}.intro{margin-bottom:15px;display:block}.intro-actions{justify-content:start;margin-top:8px}.intro-actions:not(:has(.button)):has(.profile-message:empty){display:none}.intro .profile-message{text-align:start}.workspace-grid,.variants{grid-template-columns:minmax(0,1fr)}.settings-panel{grid-column:auto}.panel-header{padding:15px 14px 11px}.preview-empty{min-height:150px}.preview-image{height:156px}.file-list{max-height:300px}.export-body:not(:empty){padding-inline:12px}.plan-scroll :is(th,td){padding:6px}.plan-scroll th:nth-child(3){width:24%}}@media (width<=350px){.brand{gap:6px;font-size:16px}.brand-mark{width:27px;height:27px}.button{font-size:13px}.comparison{gap:6px;margin-inline:10px}}