.tool-page.tool-page{max-width:none;padding:0}.tool-page .tool-hero{max-width:900px;margin:0 auto;padding:12px 24px 4px}.tool-page .tool-hero h1{margin-bottom:0}.tool-page .tool-hero p{line-height:1.7}.tool-page .tool-article{max-width:900px;margin:0 auto;padding:0 24px 60px}.tool-page .tool-feat h3{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-primary);margin-bottom:6px}.wm-workspace{display:flex;flex-direction:row;flex:1 1 0;width:80%;max-width:1400px;margin:4vh auto;height:80vh;gap:0}.wm-toolbar-btn{padding:10px 20px;border:none;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;gap:7px;letter-spacing:.01em}.wm-toolbar-btn--primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px rgba(var(--accent-rgb),.25)}.wm-toolbar-btn--primary:hover{opacity:.9;box-shadow:0 4px 20px rgba(var(--accent-rgb),.35);transform:translateY(-1px)}.wm-toolbar-btn--primary:active{transform:translateY(0)}.wm-toolbar-btn--ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.wm-toolbar-btn--ghost:hover{border-color:var(--text-muted);color:var(--text-primary)}.wm-toolbar-btn svg{width:15px;height:15px;fill:currentColor}.wm-preview{flex:1 1 0;min-width:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg-card);height:100%;overflow-y:auto}.wm-canvas-wrap{position:relative;width:100%;max-width:min(480px,100%);border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.12);background:#111;touch-action:none;user-select:none;-webkit-user-select:none}.wm-canvas-wrap canvas{width:100%;height:100%;display:block;cursor:default}.wm-dropzone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .25s ease;z-index:2}.wm-dropzone:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.04)}.wm-dropzone.is-dragging{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.wm-dropzone.is-dragging .wm-drop-icon{transform:scale(1.08);background:rgba(var(--accent-rgb),.12)}.wm-dropzone:active{transform:scale(.99)}.wm-dropzone.hidden{display:none;pointer-events:none}.wm-drop-icon{width:56px;height:56px;border-radius:14px;background:rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;transition:all .25s ease}.wm-dropzone:hover .wm-drop-icon{background:rgba(var(--accent-rgb),.1);transform:scale(1.05)}.wm-drop-icon svg{width:28px;height:28px;fill:var(--text-secondary);transition:fill .2s}.wm-dropzone:hover .wm-drop-icon svg{fill:var(--accent)}.wm-drop-text{color:var(--text-secondary);font-size:.88rem;text-align:center;line-height:1.5}.wm-drop-text strong{color:var(--accent);font-weight:700}.wm-drop-hint{font-size:.72rem;color:rgba(255,255,255,.25);margin-top:4px}.wm-controls{flex:1 1 0;min-width:0;background:var(--bg-card);padding:0 24px 0;height:100%;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border-color)}.wm-controls-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 0 24px}.wm-controls-scroll::-webkit-scrollbar{width:5px}.wm-controls-scroll::-webkit-scrollbar-track{background:transparent}.wm-controls-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.wm-controls-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.wm-tabs{display:flex;gap:2px;background:var(--bg-main);border-radius:12px;padding:4px;margin:18px 0 0;position:relative}.wm-tab{flex:1;padding:10px 6px;border:none;background:transparent;border-radius:9px;font-size:.76rem;font-weight:700;cursor:pointer;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;transition:all .18s ease;position:relative}.wm-tab.active{color:var(--text-primary);background:var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,.08)}.wm-tab:hover:not(.active){color:var(--text-secondary);background:rgba(255,255,255,.03)}.wm-tab:active{transform:scale(.97)}.wm-section{margin-bottom:22px}.wm-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;cursor:default}.wm-section-num{width:24px;height:24px;border-radius:8px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0}.wm-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);flex:1;min-width:0}.wm-section-hint{font-size:.72rem;color:var(--text-muted);margin-left:auto}.wm-section-reset{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;border-radius:6px;cursor:pointer;padding:0;opacity:.45;transition:all .15s ease;flex-shrink:0;color:var(--text-muted);margin-left:6px}.wm-section-reset:hover{opacity:1;background:rgba(239,68,68,.1);color:#ef4444}.wm-section-reset svg{width:13px;height:13px;fill:currentColor}.wm-field{margin-bottom:12px}.wm-field--mt{margin-top:10px}.wm-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:6px;letter-spacing:.02em}.wm-input{width:100%;padding:10px 13px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main);color:var(--text-primary);font-size:.88rem;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.wm-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.wm-color-row{display:flex;align-items:center;gap:10px}.wm-color-row .wm-input{flex:1;min-width:0}.wm-color-swatch{width:38px;height:38px;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;padding:0;background:none;flex-shrink:0;transition:border-color .15s}.wm-color-swatch:hover{border-color:var(--text-muted)}.wm-color-swatch::-webkit-color-swatch-wrapper{padding:2px}.wm-color-swatch::-webkit-color-swatch{border:none;border-radius:6px}.wm-color-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wm-color-preset{width:30px;height:30px;border-radius:7px;border:2px solid rgba(128,128,128,.35);cursor:pointer;transition:all .12s}.wm-color-preset:hover{transform:scale(1.15);border-color:var(--accent)}.wm-slider-row{display:flex;align-items:center;gap:10px}.wm-slider{flex:1;accent-color:var(--accent);height:4px;min-height:30px;cursor:pointer}.wm-slider-val{font-size:.75rem;font-weight:700;color:var(--text-muted);min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.wm-chips{display:flex;gap:6px;flex-wrap:wrap}.wm-chip{padding:8px 15px;border:1px solid var(--border-color);background:var(--bg-main);border-radius:9px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease;color:var(--text-secondary);min-height:34px;display:inline-flex;align-items:center}.wm-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.2)}.wm-chip:hover:not(.active){border-color:var(--text-muted);color:var(--text-primary)}.wm-chip:active{transform:scale(.96)}.wm-toggle{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.wm-toggle-track{position:relative;width:38px;height:20px;background:var(--border-color);border-radius:10px;transition:background .2s ease;flex-shrink:0}.wm-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}.wm-toggle.active .wm-toggle-track{background:var(--accent)}.wm-toggle.active .wm-toggle-thumb{transform:translateX(18px)}.wm-toggle-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);transition:color .15s}.wm-toggle.active .wm-toggle-label{color:var(--accent)}.wm-toggle:hover .wm-toggle-label{color:var(--text-primary)}.wm-toggle.active:hover .wm-toggle-label{color:var(--accent)}.wm-toggle--sm .wm-toggle-track{width:32px;height:18px}.wm-toggle--sm .wm-toggle-thumb{width:14px;height:14px;top:2px;left:2px}.wm-toggle--sm.active .wm-toggle-thumb{transform:translateX(14px)}.wm-divider{height:1px;background:var(--border-color);margin:18px 0;opacity:.6}.wm-font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wm-font-opt{padding:8px 6px;border:1px solid var(--border-color);border-radius:8px;text-align:center;cursor:pointer;transition:all .15s ease;background:var(--bg-main);min-width:0;overflow:hidden}.wm-font-opt.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.06);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.08)}.wm-font-opt:hover:not(.active){border-color:var(--text-muted);background:var(--bg-elevated)}.wm-font-name{font-size:.62rem;font-weight:700;color:var(--text-secondary);display:block;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wm-font-preview{font-size:.88rem;color:var(--text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wm-size-row{display:flex;gap:8px;align-items:flex-end}.wm-size-box{flex:1;aspect-ratio:var(--r);border:2px solid var(--border-color);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .15s ease;background:var(--bg-main)}.wm-size-box.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.06);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.08)}.wm-size-box:hover:not(.active){border-color:var(--text-muted);color:var(--text-secondary)}.wm-size-box:active{transform:scale(.95)}.wm-controls-actions{display:flex;gap:8px;padding:16px 0;border-top:1px solid var(--border-color);flex-shrink:0}.wm-controls-actions .wm-toolbar-btn{flex:1;justify-content:center}.wm-img-upload{border:1px solid var(--border-color);border-radius:11px;overflow:hidden;cursor:pointer;transition:all .18s ease}.wm-img-upload:hover{border-color:var(--text-muted)}.wm-img-upload:active{transform:scale(.99)}.wm-img-upload-empty{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;color:var(--text-muted);font-size:.84rem;font-weight:600}.wm-img-upload-empty svg{opacity:.5;transition:opacity .15s}.wm-img-upload:hover .wm-img-upload-empty svg{opacity:.8}.wm-img-upload-filled{display:flex;align-items:center;gap:11px;padding:9px 12px;background:var(--bg-main)}.wm-img-thumb{width:44px;height:44px;border-radius:9px;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.wm-img-name{flex:1;font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wm-img-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.15rem;padding:3px 7px;line-height:1;border-radius:7px;transition:all .15s;flex-shrink:0}.wm-img-delete:hover{color:#ef4444;background:rgba(239,68,68,.1)}.wm-emoji-picker{display:none;max-height:180px;overflow-y:auto;gap:4px;flex-wrap:wrap}.wm-emoji-picker.show{display:flex}.wm-emoji-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .12s}.wm-emoji-btn:hover{background:rgba(var(--accent-rgb),.12)}.wm-preview-topbar{display:flex;align-items:center;justify-content:flex-end;padding:0 0 8px;gap:8px}.wm-preview-topbar-right{display:flex;align-items:center;gap:4px}.wm-textarea{width:100%;min-height:48px;max-height:120px;resize:vertical;line-height:1.4}.wm-export-row{display:flex;gap:8px;flex:1}.wm-export-dropup-wrap{position:relative;flex:1 1 0;display:flex}.wm-export-dropup-wrap .wm-toolbar-btn{width:100%}.wm-export-dropup{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:50}.wm-export-opt{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-primary);font-size:.84rem;font-weight:600;cursor:pointer;text-align:left;transition:background .12s}.wm-export-opt:hover{background:rgba(var(--accent-rgb),.08)}.wm-export-opt+.wm-export-opt{border-top:1px solid var(--border-color)}.wm-copy-btn{flex:1;justify-content:center;font-size:.78rem;padding:8px 10px}.wm-preset-chips{flex-wrap:wrap;gap:5px}.wm-preset-chips .wm-chip{font-size:.72rem;padding:5px 10px}.wm-font-upload{margin-top:4px}.wm-font-upload .wm-toolbar-btn{width:100%;justify-content:center;font-size:.78rem;padding:8px 10px}.wm-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);background:#1b1928;color:#fff;padding:11px 22px;border-radius:999px;font-size:.86rem;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:all .25s ease;z-index:9999;white-space:nowrap}.wm-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1024px){.wm-workspace{width:90%;height:calc(100dvh - 180px);overflow:hidden}.wm-controls{flex:1 1 0;padding:0 20px 0}.wm-preview{padding:20px 24px}.wm-controls-actions{padding:12px 20px}}@media(max-width:900px){.wm-workspace{flex-direction:column;width:100%;height:calc(100dvh - var(--header-height) - 56px);max-height:calc(100dvh - var(--header-height) - 56px);margin:0 auto;overflow:hidden}.wm-preview{position:static;padding:8px 12px;min-height:0;flex:0 0 45%;display:flex;align-items:center;justify-content:center;background:var(--bg-card);overflow:hidden}.wm-canvas-wrap{max-width:100%;width:auto;max-height:100%;margin:0 auto;border-radius:10px}.wm-controls{flex:1 1 0;width:100%;min-width:0;max-width:none;position:static;border-left:none;border-top:1px solid var(--border-subtle,var(--border-color));display:flex;flex-direction:column;overflow:hidden;padding:0}.wm-controls-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 16px 0}.wm-controls-actions{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--bg-card)}.wm-controls-actions .wm-toolbar-btn{flex:1;justify-content:center;font-size:.82rem;padding:10px 0}.wm-row-2{grid-template-columns:1fr}.wm-tabs{margin:0 0 0;padding:4px}.wm-tab{padding:9px 4px;font-size:.72rem}.wm-section{margin-bottom:14px}.wm-divider{margin:12px 0}.tool-page .tool-hero{padding:6px 16px 2px}.tool-page .tool-hero h1{font-size:1.6rem}}@media(max-width:480px){.wm-preview{padding:6px 8px;flex:0 0 42%}.wm-canvas-wrap{border-radius:8px}.wm-tab{padding:8px 2px;font-size:.68rem;letter-spacing:.03em}.wm-chip{padding:7px 11px;font-size:.74rem;min-height:30px}.wm-font-grid{gap:5px}.wm-font-opt{padding:8px 6px}.wm-size-row{gap:6px}.wm-controls-scroll{padding:8px 12px 0}.wm-controls-actions{padding:8px 12px}}