.combine-canvas-area{align-content:start;gap:14px;display:grid}.combine-preview{gap:8px;min-width:0;display:grid}.combine-canvas{background:var(--sage-4);border-radius:10px;justify-content:center;align-items:center;min-height:240px;max-height:620px;padding:12px;display:flex;overflow:hidden}.combine-canvas canvas{background:repeating-conic-gradient(var(--paper) 0% 25%,var(--paper-check) 0% 50%) 0 0/16px 16px;width:auto;max-width:100%;height:auto;max-height:596px;display:block;box-shadow:0 2px 10px #0002}.combine-order-head{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.combine-order{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.combine-order li{border:1px solid var(--sage-8);background:var(--sage-1);border-radius:10px;justify-items:center;gap:4px;padding:6px;display:grid;position:relative}.combine-order canvas{object-fit:contain;background:repeating-conic-gradient(var(--paper) 0% 25%,var(--paper-check) 0% 50%) 0 0/10px 10px;border-radius:4px;width:auto;max-width:100%;height:56px;display:block}.combine-index{background:var(--sage-27);min-width:18px;color:var(--sage-1);text-align:center;border-radius:9px;padding:1px 5px;font-size:.7rem;font-weight:700;position:absolute;top:4px;left:4px}.combine-frame-note{color:var(--sage-18);text-align:center;font-size:.7rem}.combine-item-actions{gap:2px;display:flex}.combine-item-actions button{border:1px solid var(--sage-8);background:var(--sage-2);width:28px;height:28px;color:var(--sage-27);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.combine-item-actions button:disabled{opacity:.35;cursor:default}.combine-pair{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.combine-background{gap:6px;display:grid}.combine-color{align-items:center;gap:10px;display:flex}.combine-color input[type=color]{border:1px solid var(--sage-11);background:var(--sage-1);cursor:pointer;border-radius:9px;flex:none;width:44px;height:44px;padding:3px}.combine-color code{color:var(--sage-20);font-size:12px}.combine-panel .step-main,.combine-export{gap:14px;display:grid}.combine-export{border-top:1px solid var(--sage-8);padding-top:16px}.combine-panel .step-select{width:100%;min-height:44px}.combine-editor-note{color:var(--sage-18);margin:0;font-size:11px;line-height:1.6}.combine-workspace :focus-visible{outline:3px solid var(--green-9);outline-offset:2px}@media (width<=799px){.combine-canvas{min-height:160px;max-height:420px}.combine-canvas canvas{max-height:396px}}