.image-extra{padding-bottom:12px}.image-extra-notice{display:flex;align-items:center;gap:8px;background:#edf7ff;border:1px solid #d8ebfa;border-radius:9px;padding:13px 16px;margin-bottom:20px;font-size:12px;color:#427b9d}.image-extra-notice .icon{width:18px;height:18px}.image-extra-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px;align-items:start}.image-extra-main{min-width:0}.image-extra-drop{border:1.5px dashed #b9d6eb;background:#f7fbff;border-radius:13px;text-align:center;padding:35px 18px;min-height:240px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px}.image-extra-drop>.icon{width:35px;height:35px;color:#6fa6cb}.image-extra-drop h2{font-size:17px;color:#305e7b}.image-extra-drop p{font-size:11px;color:#6c8a9d;line-height:1.8;max-width:360px}.image-extra-drop.drag-over{background:#e7f4ff;border-color:var(--green)}.image-extra-drop.is-disabled{cursor:default;opacity:.65}.image-extra-queue{margin-top:24px}.image-extra-queue-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}.image-extra-queue h2{font-size:14px}.image-extra-count{font-size:11px;color:#7190a5;margin-left:6px;font-weight:400}.image-extra-clear,.image-extra-remove-logo{font-size:11px;color:var(--green);padding:4px}.image-extra-order-note{font-size:11px;color:#7890a2;margin-bottom:12px}.image-extra-list{display:flex;flex-direction:column;gap:7px}.image-extra-item{display:flex;border:1px solid #e0ebf4;border-radius:9px;background:#fff;min-width:0}.image-extra-item.selected{border-color:#7bb5df;background:#f5fbff}.image-extra-select{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-align:left;padding:12px}.image-extra-number{background:#e9f4fc;color:#5d8daa;width:27px;height:31px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.image-extra-select>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.image-extra-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px}.image-extra-select small{font-size:10px;color:#7b91a2}.image-extra-select em{font-style:normal;font-size:10px;color:#4e94ae;overflow-wrap:anywhere}.image-extra-item-actions{display:flex;align-items:center;gap:1px;padding:5px}.image-extra-item-actions button{width:27px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#7495ac;font-size:16px}.image-extra-item-actions button:hover:not(:disabled){background:#e5f2fc;color:var(--green)}.image-extra-item-actions .icon{width:15px;height:15px}.image-extra-settings{border:1px solid #dfeaf3;border-radius:12px;padding:21px;background:#fff;position:sticky;top:18px}.image-extra-settings form{display:flex;flex-direction:column;gap:17px}.image-extra-settings h2{font-size:15px;color:#3b6783;margin-bottom:1px}.image-extra .field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#58778d;margin:0}.image-extra .field>span{display:flex;align-items:center;justify-content:space-between;gap:5px}.image-extra .field small{font-size:10px;color:#91a4b1}.image-extra .field input:not([type=range]):not([type=color]),.image-extra .field select{background:#fcfeff;border:1px solid #dce8f1;border-radius:6px;padding:8px 9px;width:100%;font-size:12px;height:40px;color:#3c6078}.image-extra .field input[type=file]{height:auto!important;white-space:normal;font-size:10px!important;padding:8px!important;max-width:100%}.image-extra .field input[type=color]{height:40px;width:100%;background:#fcfeff;border:1px solid #dce8f1;border-radius:6px;padding:4px;cursor:pointer}.image-extra .field input[type=range]{width:100%;margin:4px 0}.image-extra .field output{font-size:11px;color:var(--green)}.image-extra-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-extra-hint{font-size:10px;line-height:1.85;color:#7d94a4}.image-extra-geometry{padding:10px 11px;border-radius:6px;background:#eff7fd;color:#5384a5;font-size:11px;overflow-wrap:anywhere}.image-extra-logo{font-size:10px;color:#7d94a4;overflow-wrap:anywhere;margin-top:-9px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.image-extra-process,.image-extra-cancel{width:100%}.image-extra-status{min-height:22px;padding:17px 0 5px;font-size:12px;color:#527d99;overflow-wrap:anywhere}.image-extra-result{border:1px solid #d9eaf7;background:#f0f8ff;border-radius:10px;margin-top:13px;padding:18px}.image-extra-result p{font-size:11px;color:#60869f;margin-bottom:12px}.image-extra-preview{margin-top:23px;border:1px solid #dfeaf3;border-radius:11px;overflow:hidden;background:#fff}.image-extra-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e9f0f6;gap:10px}.image-extra-preview-heading h2{font-size:12px;color:#517a95}.image-extra-preview-heading span{font-size:10px;color:#8196a6;overflow-wrap:anywhere}.image-extra-preview-surface{height:280px;padding:16px;display:flex;align-items:center;justify-content:center;background-color:#f9fcff;background-image:linear-gradient(45deg,#edf2f6 25%,transparent 25%),linear-gradient(-45deg,#edf2f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf2f6 75%),linear-gradient(-45deg,transparent 75%,#edf2f6 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.image-extra-preview-surface img{max-width:100%;max-height:100%;object-fit:contain}.image-extra .has-error{color:#b36e36}.image-extra .btn-secondary{border-color:#d6e5f0;color:#5a7e98}.image-extra .btn-secondary:hover:not(:disabled){background:#edf7ff}
@media(max-width:1100px){.image-extra-grid{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.image-extra-settings{padding:17px}.image-extra-drop h2{font-size:15px}.image-extra-select{padding:10px 8px;gap:7px}.image-extra-select strong{font-size:11px}.image-extra-item-actions button{width:23px}.image-extra-number{width:23px}.image-extra-item-actions{padding:4px}}
@media(max-width:640px){.image-extra-grid{grid-template-columns:1fr;gap:21px}.image-extra-settings{position:static;padding:20px}.image-extra-drop{min-height:220px;padding:28px 15px}.image-extra-drop h2{font-size:16px}.image-extra-drop p{font-size:10px}.image-extra-notice{font-size:11px;padding:12px}.image-extra-select{padding:11px 9px}.image-extra-select strong{font-size:12px}.image-extra-select small,.image-extra-select em{font-size:10px}.image-extra-item-actions button{width:27px}.image-extra-preview-surface{height:235px}.image-extra-preview-heading{padding:11px 13px}.image-extra-preview-heading span{font-size:9px}.image-extra-result .btn{width:100%}.image-extra-status{font-size:11px}.image-extra-order-note{font-size:10px}}