.card--wm-preview{grid-area:1/1/3/3}.card--wm-upload-vid{grid-area:1/3}.card--wm-upload-mark{grid-area:2/3}.card--wm-controls{grid-area:3/1/auto/3}.card--wm-export{grid-area:3/2/auto/4}.wm-preview-layer{z-index:2;pointer-events:none;display:none;position:absolute;inset:0}.wm-preview-layer.visible{display:block}.wm-preview-el{transition:all .3s cubic-bezier(.4,0,.2,1);display:none;position:absolute}.wm-preview-el.visible{display:block}#wmPreviewImg{object-fit:contain;max-width:40%;max-height:40%}.wm-preview-text{font-family:var(--font);white-space:nowrap;text-shadow:0 1px 4px #00000080;font-weight:700}.wm-mode-toggle{border-radius:var(--r-xs);background:#ffffff0a;flex-shrink:0;gap:3px;margin:10px 16px 0;padding:3px;display:flex;position:relative}.wm-mode-slider{border-radius:calc(var(--r-xs) - 3px);width:calc(50% - 4.5px);transition:left var(--t-normal) var(--ease);z-index:0;background:#a855f72e;border:1px solid #a78bfa40;position:absolute;top:3px;bottom:3px;left:3px}.wm-mode-slider.right{left:calc(50% + 1.5px)}.wm-mode-btn{z-index:1;color:var(--text-secondary);border-radius:calc(var(--r-xs) - 3px);transition:color var(--t-fast) var(--ease);text-align:center;flex:1;padding:6px 8px;font-size:.72rem;font-weight:600;position:relative}.wm-mode-btn.active{color:var(--text-primary)}.wm-input-area{flex-direction:column;flex:1;min-height:0;padding:0 16px 12px;display:flex}.dropzone--sm{flex:1;gap:8px;margin:0;padding:14px}.dropzone__ring--sm{width:44px;height:44px}.dropzone--sm .dropzone__title{font-size:.82rem}.dropzone--sm .dropzone__sub{font-size:.68rem}.file-info--sm{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:10px;padding:8px 0}.file-info--sm .file-info__name{font-size:.78rem}.btn-change--sm{padding:5px 10px;font-size:.68rem}.wm-text-input{width:100%;font-size:.82rem;font-family:var(--font);color:var(--text-primary);border-radius:var(--r-xs);transition:all var(--t-fast) var(--ease);background:#ffffff0a;border:1px solid #ffffff14;outline:none;margin-top:4px;padding:10px 14px;font-weight:600}.wm-text-input:focus{background:#ffffff0f;border-color:#a855f766}.wm-text-input::placeholder{color:var(--text-tertiary);font-weight:400}.wm-text-options{gap:12px;margin-top:10px;display:flex}.wm-opt{color:var(--text-secondary);flex:1;align-items:center;gap:6px;font-size:.7rem;display:flex}.wm-opt input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;width:28px;height:28px;padding:2px}.wm-opt input[type=range]{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.wm-opt input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-violet);cursor:pointer;border:2px solid var(--bg-deep);border-radius:50%;width:14px;height:14px}.wm-controls-inner{flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;padding:0 16px 16px;display:flex}.pos-grid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pos-btn{width:34px;height:34px;color:var(--text-tertiary);transition:all var(--t-fast) var(--ease);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;font-size:.7rem;display:flex}.pos-btn:hover{color:var(--text-primary);background:#ffffff14}.pos-btn.active{color:var(--text-primary);background:#a855f733;border-color:#a78bfa4d}.wm-sliders{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.wm-slider-group{align-items:center;gap:8px;display:flex}.wm-slider-label{color:var(--text-tertiary);flex-shrink:0;width:50px;font-size:.68rem;font-weight:600}.wm-slider{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.wm-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-violet);cursor:pointer;border:2px solid var(--bg-deep);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.wm-slider-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:32px;font-size:.68rem;font-weight:600}@media (width<=1024px){main.bento{grid-template-rows:auto!important;grid-template-columns:1fr!important;height:auto!important}.card{grid-area:auto/1!important}}