.combiner-page .tool-hero{background:radial-gradient(circle at 78% 0,rgba(49,190,181,.2),transparent 34%),linear-gradient(180deg,#edfbfa 0,#f6f8fc 100%)}
.combiner-page .converter-mark,.combiner-page .choose-button,.combiner-page .convert-button{background:linear-gradient(145deg,#087d78,#28bdb2)}
.combiner-page .upload-symbol{background:#dcf7f4;color:#087d78}
.combiner-page .drop-zone{border-color:#8fcac5;background:#f7fffe}
.combiner-page .drop-zone:hover,.combiner-page .drop-zone:focus,.combiner-page .drop-zone.is-dragging{border-color:#0b8d86;background:#eafaf8;box-shadow:inset 0 0 0 1px #0b8d86}
.combiner-page .local-label{background:#e1f8f5;color:#08736e}
.combine-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;padding:20px;background:#f1f5f9}
.combine-preview-column{min-width:0}
.combine-preview{min-height:430px;display:grid;place-items:center;overflow:auto;padding:18px;border:1px solid #cbd7e5;border-radius:14px;background-color:#dbe3ec;background-image:linear-gradient(45deg,#cbd4de 25%,transparent 25%),linear-gradient(-45deg,#cbd4de 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd4de 75%),linear-gradient(-45deg,transparent 75%,#cbd4de 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
#combine-canvas{display:block;max-width:100%;max-height:600px;box-shadow:0 18px 45px rgba(18,36,65,.22);background:#fff}
.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 0;color:#647188;font-size:12px}
.preview-caption b{color:#254055}
.image-queue{margin-top:13px;padding:13px;border:1px solid #d6e0eb;border-radius:12px;background:#fff}
.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.queue-heading b{color:#213248;font-size:13px}
.queue-heading span{color:#748196;font-size:11px}
.queue-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.queue-item{position:relative;min-width:0;padding:6px;border:1px solid #d9e2ed;border-radius:9px;background:#f8fafc;cursor:grab}
.queue-item.dragging{opacity:.45}.queue-item.drag-over{border-color:#0b8d86;background:#eafaf8}
.queue-item img{display:block;width:100%;height:66px;object-fit:cover;border-radius:6px;background:#e8edf4}
.queue-item b{display:block;overflow:hidden;margin:6px 1px 4px;color:#35445a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.queue-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.queue-actions button{min-width:0;height:27px;padding:0;border:1px solid #d4dee9;border-radius:5px;background:#fff;color:#59677b;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.queue-actions button:hover{border-color:#6eb9b3;color:#08736e}
.queue-actions button[data-action=remove]:hover{border-color:#e6a39b;color:#b33b2f}
.add-image-button{min-height:40px;margin-top:9px;padding:8px 13px;border:1px dashed #80bdb8;border-radius:8px;background:#f0fbfa;color:#08736e;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.combine-controls{display:flex;flex-direction:column;gap:11px}
.combine-control-card{padding:14px;border:1px solid #dbe3ed;border-radius:12px;background:#fff}
.combine-control-card h3{margin:0 0 10px;color:#1b2b41;font-size:14px}
.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.layout-grid button{min-height:42px;padding:6px;border:1px solid #d1dce8;border-radius:8px;background:#f8fafc;color:#566479;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.layout-grid button.active{border-color:#0b8d86;background:#e8f8f6;color:#08736e;box-shadow:inset 0 0 0 1px #0b8d86}
.combine-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.combine-field-grid label>span,.combine-range>span,.combine-color>span{display:block;margin-bottom:5px;color:#526078;font-size:12px;font-weight:800}
.combine-field-grid select,.combine-field-grid input[type=number]{width:100%;height:42px;padding:0 9px;border:1px solid #cbd6e3;border-radius:8px;background:#fff;color:#203047;font:inherit;font-size:13px;font-weight:700}
.combine-range{margin-top:9px}
.combine-range>div{display:flex;align-items:center;gap:10px;min-height:36px}
.combine-range input{width:100%;accent-color:#0b8d86}
.combine-range output{min-width:45px;color:#08736e;font-size:13px;font-weight:900}
.combine-color{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}
.combine-color>span{margin:0}.combine-color input{width:58px;height:39px;padding:3px;border:1px solid #cbd6e3;border-radius:7px;background:#fff;cursor:pointer}
.transparent-option{display:flex;align-items:center;gap:8px;margin-top:10px;color:#526078;font-size:12px;font-weight:800}.transparent-option[hidden]{display:none}.transparent-option input{width:17px;height:17px;accent-color:#0b8d86}
.combine-note{margin:8px 0 0;color:#748196;font-size:11px;line-height:1.45}
.combine-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
.combine-actions button{min-height:47px;border-radius:9px;font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.combine-actions .secondary-action{border:1px solid #cbd6e3;background:#fff;color:#59677c}
.combine-actions .convert-button{border:0;box-shadow:0 8px 20px rgba(9,130,123,.2)}
.combine-actions button:disabled{opacity:.6;cursor:wait}
.combine-result{padding:16px 20px 20px;border-top:1px solid #dfe5ef;background:#fff}.combine-result[hidden]{display:none}
.combine-result-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.combine-result-summary b,.combine-result-summary span{display:block}
.combine-result-summary b{color:#183048;font-size:14px}.combine-result-summary span{margin-top:3px;color:#657389;font-size:12px}
.combine-download{min-height:44px;padding:10px 15px;border-radius:9px;background:#09847d;color:#fff;font-size:13px;font-weight:900}
.combiner-page .sidebar-card.related a{display:block;padding:9px 0;border-top:1px solid #edf0f4;color:#087d78;font-size:11px;font-weight:900}
@media(max-width:960px){.combine-workspace{grid-template-columns:1fr}.combine-controls{display:grid;grid-template-columns:1fr 1fr}.combine-actions{grid-column:1/-1}}
@media(max-width:680px){.combine-workspace{padding:12px}.combine-preview{min-height:310px;padding:10px}.combine-controls{display:flex}.queue-list{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-item img{height:78px}.combine-result-summary{align-items:flex-start;flex-direction:column}.combine-download{width:100%;text-align:center}}
@media(max-width:390px){.layout-grid,.combine-field-grid,.combine-actions{grid-template-columns:1fr}.queue-list{grid-template-columns:1fr 1fr}}