.svg-icon[data-v-6909f467]{display:inline-block;vertical-align:middle;fill:currentColor;transition:all .3s ease}.svg-icon-spin[data-v-6909f467]{animation:svg-icon-spin-6909f467 2s linear infinite}@keyframes svg-icon-spin-6909f467{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-icon[data-v-6909f467]:hover{transform:scale(1.1)}.svg-icon-droplet[data-v-6909f467]{color:#3b82f6}.svg-icon-camera[data-v-6909f467]{color:#6366f1}.svg-icon-image[data-v-6909f467]{color:#8b5cf6}.svg-icon-settings[data-v-6909f467]{color:#6b7280}.svg-icon-upload[data-v-6909f467]{color:#10b981}.svg-icon-download[data-v-6909f467]{color:#3b82f6}.svg-icon-refresh[data-v-6909f467]{color:#f59e0b}.svg-icon-loader[data-v-6909f467]{color:#6b7280}.svg-icon-check[data-v-6909f467]{color:#10b981}.svg-icon-palette[data-v-6909f467]{color:#ec4899}.wm-preview-wrapper[data-v-e0ae1112]{flex:1;min-width:0}.wm-settings-wrapper[data-v-e0ae1112]{width:380px;flex-shrink:0}@media (max-width: 1024px){.wm-settings-wrapper[data-v-e0ae1112]{width:100%}}:root{--wm-primary-color: #8a2be2;--wm-primary-light: #a855f7;--wm-primary-dark: #6b21a8;--wm-primary-alpha: rgba(138, 43, 226, .08);--wm-bg-color: #fafafa;--wm-surface-color: #ffffff;--wm-surface-secondary: #f8fafc;--wm-surface-elevated: #ffffff;--wm-border-color: #e5e7eb;--wm-border-light: #f3f4f6;--wm-text-primary: #111827;--wm-text-secondary: #6b7280;--wm-text-muted: #9ca3af;--wm-success-color: #10b981;--wm-warning-color: #f59e0b;--wm-danger-color: #ef4444;--wm-info-color: #3b82f6;--wm-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--wm-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06);--wm-shadow: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .08);--wm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .08);--wm-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--wm-border-radius-xs: .25rem;--wm-border-radius-sm: .375rem;--wm-border-radius: .5rem;--wm-border-radius-lg: .75rem;--wm-border-radius-xl: 1rem;--wm-border-radius-2xl: 1.25rem;--wm-border-radius-3xl: 1.5rem;--wm-spacing-0: 0;--wm-spacing-1: .25rem;--wm-spacing-2: .5rem;--wm-spacing-3: .75rem;--wm-spacing-4: 1rem;--wm-spacing-5: 1.25rem;--wm-spacing-6: 1.5rem;--wm-spacing-8: 2rem;--wm-spacing-10: 2.5rem;--wm-spacing-12: 3rem;--wm-spacing-16: 4rem;--wm-spacing-20: 5rem;--wm-container-sm: 640px;--wm-container-md: 768px;--wm-container-lg: 1024px;--wm-container-xl: 1280px;--wm-container-2xl: 1536px;--wm-container-3xl: 1920px;--wm-transition: all .2s cubic-bezier(.4, 0, .2, 1);--wm-transition-fast: all .15s ease-out;--wm-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--wm-transition-bounce: all .3s cubic-bezier(.68, -.55, .265, 1.55)}@media (prefers-color-scheme: dark){:root{--wm-primary-color: #a855f7;--wm-primary-light: #c084fc;--wm-primary-dark: #7c3aed;--wm-primary-alpha: rgba(168, 85, 247, .12);--wm-bg-color: #0f172a;--wm-surface-color: #1e293b;--wm-surface-secondary: #334155;--wm-surface-elevated: #475569;--wm-border-color: #475569;--wm-border-light: #64748b;--wm-text-primary: #f1f5f9;--wm-text-secondary: #cbd5e1;--wm-text-muted: #94a3b8;--wm-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--wm-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .5);--wm-shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--wm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--wm-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5)}}#watermark-studio-app{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--wm-bg-color);color:var(--wm-text-primary);margin:0;padding:0;line-height:1.6}#watermark-studio-app *,#watermark-studio-app *:before,#watermark-studio-app *:after{box-sizing:border-box}.wm-container{max-width:1200px;margin:0 auto;padding:var(--wm-spacing-12) var(--wm-spacing-8)}@media (max-width: 1280px){.wm-container{max-width:1024px;padding:var(--wm-spacing-10) var(--wm-spacing-6)}}@media (max-width: 1024px){.wm-container{max-width:768px;padding:var(--wm-spacing-8) var(--wm-spacing-5)}}@media (max-width: 768px){.wm-container{max-width:100%;padding:var(--wm-spacing-6) var(--wm-spacing-4)}}@media (max-width: 480px){.wm-container{padding:var(--wm-spacing-4) var(--wm-spacing-3)}}.wm-card{background:var(--wm-surface-color);border:1px solid var(--wm-border-color);border-radius:var(--wm-border-radius-lg);box-shadow:var(--wm-shadow-sm);transition:var(--wm-transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wm-card:hover{box-shadow:var(--wm-shadow);transform:translateY(-1px)}.wm-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--wm-spacing-md) var(--wm-spacing-xl);border:none;border-radius:var(--wm-border-radius-lg);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--wm-transition);-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;overflow:hidden}.wm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.wm-btn:hover:before{left:100%}.wm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.wm-btn:disabled:before{display:none}.wm-btn-primary{background:linear-gradient(135deg,var(--wm-primary-color),var(--wm-primary-light));color:#fff;box-shadow:var(--wm-shadow-sm)}.wm-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--wm-primary-dark),var(--wm-primary-color));transform:translateY(-2px);box-shadow:var(--wm-shadow-lg)}.wm-btn-secondary{background:var(--wm-surface-color);color:var(--wm-text-primary);border:1px solid var(--wm-border-color);box-shadow:var(--wm-shadow-xs)}.wm-btn-secondary:hover:not(:disabled){background:var(--wm-surface-secondary);border-color:var(--wm-primary-color);transform:translateY(-1px);box-shadow:var(--wm-shadow-sm)}@keyframes wm-fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes wm-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes wm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wm-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes wm-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.wm-fade-in{animation:wm-fadeIn .3s ease-out}.wm-pulse{animation:wm-pulse 2s infinite}.wm-spin{animation:wm-spin 1s linear infinite}.wm-app{background:var(--wm-bg-color);color:var(--wm-text-primary);position:relative}.wm-app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--wm-primary-alpha) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--wm-primary-alpha) 0%,transparent 50%);pointer-events:none;z-index:-1}.wm-container{max-width:var(--wm-container-xl);margin:0 auto;padding:0 var(--wm-spacing-4)}.wm-header{text-align:center;padding:var(--wm-spacing-8) 0 var(--wm-spacing-6) 0;background:transparent;color:var(--wm-text-primary);margin-bottom:var(--wm-spacing-6);position:relative}.wm-title{font-size:2.25rem;font-weight:700;margin:0;position:relative;z-index:1;background:linear-gradient(135deg,var(--wm-primary-color),var(--wm-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.wm-subtitle{font-size:.9rem;margin:var(--wm-spacing-2) 0 0 0;color:var(--wm-text-secondary);font-weight:400;position:relative;z-index:1;letter-spacing:.025em}.wm-main{padding:0 0 var(--wm-spacing-8) 0}.wm-workspace{display:grid;grid-template-columns:1fr 320px;gap:var(--wm-spacing-6);align-items:start;animation:wm-fadeInUp .6s ease-out}.wm-preview-section{display:flex;flex-direction:column;gap:var(--wm-spacing-4)}.wm-preview-card{background:var(--wm-surface-color);border-radius:var(--wm-border-radius-xl);box-shadow:var(--wm-shadow-lg);border:1px solid var(--wm-border-color);overflow:hidden;transition:var(--wm-transition)}.wm-preview-card:hover{box-shadow:var(--wm-shadow-xl);transform:translateY(-1px)}.wm-thumbnail-card{background:var(--wm-surface-color);border-radius:var(--wm-border-radius-lg);box-shadow:var(--wm-shadow-sm);border:1px solid var(--wm-border-color);padding:var(--wm-spacing-4);transition:var(--wm-transition)}.wm-control-panel{display:flex;flex-direction:column;gap:var(--wm-spacing-4);position:sticky;top:var(--wm-spacing-6)}.wm-settings-card,.wm-download-card{background:var(--wm-surface-color);border-radius:var(--wm-border-radius-xl);box-shadow:var(--wm-shadow-lg);border:1px solid var(--wm-border-color);overflow:hidden;transition:var(--wm-transition)}.wm-settings-card:hover,.wm-download-card:hover{box-shadow:var(--wm-shadow-xl);transform:translateY(-1px)}.wm-card-header{padding:var(--wm-spacing-4) var(--wm-spacing-5);background:linear-gradient(135deg,var(--wm-surface-secondary),var(--wm-surface-color));border-bottom:1px solid var(--wm-border-color);display:flex;align-items:center;justify-content:space-between}.wm-card-title{font-size:.95rem;font-weight:600;margin:0;color:var(--wm-text-primary);letter-spacing:.025em}.wm-reset-btn{display:flex;align-items:center;gap:var(--wm-spacing-2);padding:var(--wm-spacing-2) var(--wm-spacing-3);background:var(--wm-surface-color);border:1px solid var(--wm-border-color);border-radius:var(--wm-border-radius-sm);color:var(--wm-text-secondary);font-size:.8rem;cursor:pointer;transition:var(--wm-transition)}.wm-reset-btn:hover{background:var(--wm-primary-alpha);color:var(--wm-primary-color);border-color:var(--wm-primary-color)}.wm-card-content{padding:var(--wm-spacing-5)}.wm-preview-content{padding:var(--wm-spacing-5);background:var(--wm-surface-secondary)}.wm-settings-content{display:flex;flex-direction:column;gap:var(--wm-spacing-5)}.wm-setting-group{display:flex;flex-direction:column;gap:var(--wm-spacing-3)}.wm-label{font-size:.85rem;font-weight:600;color:var(--wm-text-primary);letter-spacing:.025em}.wm-input{padding:var(--wm-spacing-3);border:1px solid var(--wm-border-color);border-radius:var(--wm-border-radius-sm);background:var(--wm-surface-color);color:var(--wm-text-primary);font-size:.85rem;transition:var(--wm-transition)}.wm-input:focus{outline:none;border-color:var(--wm-primary-color);box-shadow:0 0 0 3px var(--wm-primary-alpha)}.wm-input::placeholder{color:var(--wm-text-muted)}.wm-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wm-spacing-2)}.wm-position-btn{aspect-ratio:1;min-height:40px;border:1px solid var(--wm-border-color);border-radius:var(--wm-border-radius-sm);background:var(--wm-surface-color);cursor:pointer;transition:var(--wm-transition);display:flex;align-items:center;justify-content:center;position:relative;font-size:12px;font-weight:500;color:var(--wm-text-secondary)}.wm-position-btn:hover{border-color:var(--wm-primary-color);background:var(--wm-primary-alpha);color:var(--wm-primary-color)}.wm-position-btn.wm-active{border-color:var(--wm-primary-color);background:var(--wm-primary-color);color:#fff}.wm-style-options{display:flex;flex-wrap:wrap;gap:var(--wm-spacing-2)}.wm-style-btn{padding:var(--wm-spacing-2) var(--wm-spacing-3);border:1px solid var(--wm-border-color);border-radius:var(--wm-border-radius-sm);background:var(--wm-surface-color);color:var(--wm-text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--wm-transition);min-width:60px;text-align:center}.wm-style-btn:hover{border-color:var(--wm-primary-color);background:var(--wm-primary-alpha)}.wm-style-btn.wm-active{border-color:var(--wm-primary-color);background:var(--wm-primary-color);color:#fff}.wm-checkbox-label{display:flex!important;align-items:center;gap:var(--wm-spacing-3);cursor:pointer;flex-direction:row!important}.wm-checkbox{width:18px;height:18px;border:1px solid var(--wm-border-color);border-radius:var(--wm-border-radius-xs);background:var(--wm-surface-color);cursor:pointer;transition:var(--wm-transition);position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none}.wm-checkbox:checked{border-color:var(--wm-primary-color);background:var(--wm-primary-color)}.wm-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700}.wm-checkbox:hover{border-color:var(--wm-primary-color)}.wm-checkbox-text{font-size:.85rem;font-weight:500;color:var(--wm-text-primary)}.wm-advanced-options{border:1px solid var(--wm-border-color);border-radius:var(--wm-border-radius-sm);overflow:hidden;background:var(--wm-surface-secondary)}.wm-advanced-toggle{padding:var(--wm-spacing-3) var(--wm-spacing-4);background:var(--wm-surface-color);cursor:pointer;font-size:.85rem;font-weight:600;color:var(--wm-text-primary);border:none;transition:var(--wm-transition);position:relative;list-style:none}.wm-advanced-toggle::-webkit-details-marker{display:none}.wm-advanced-toggle:after{content:"▼";position:absolute;right:var(--wm-spacing-4);top:50%;transform:translateY(-50%);transition:transform .3s ease;color:var(--wm-primary-color);font-size:.7rem}.wm-advanced-options[open] .wm-advanced-toggle:after{transform:translateY(-50%) rotate(180deg)}.wm-advanced-toggle:hover{background:var(--wm-primary-alpha);color:var(--wm-primary-color)}.wm-advanced-content{padding:var(--wm-spacing-4);background:var(--wm-surface-secondary);display:flex;flex-direction:column;gap:var(--wm-spacing-4)}.wm-slider-container{display:flex;align-items:center;gap:var(--wm-spacing-3)}.wm-range{flex:1;height:4px;border-radius:2px;background:var(--wm-border-color);outline:none;accent-color:var(--wm-primary-color);cursor:pointer;transition:var(--wm-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.wm-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--wm-primary-color);cursor:pointer;box-shadow:var(--wm-shadow-xs);transition:var(--wm-transition)}.wm-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--wm-shadow-sm)}.wm-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--wm-primary-color);cursor:pointer;border:none;box-shadow:var(--wm-shadow-xs);transition:var(--wm-transition)}.wm-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--wm-shadow-sm)}.wm-range-value{font-size:.8rem;color:var(--wm-primary-color);font-weight:600;background:var(--wm-primary-alpha);padding:var(--wm-spacing-1) var(--wm-spacing-2);border-radius:var(--wm-border-radius-xs);min-width:45px;text-align:center}.wm-upload-section{margin-bottom:var(--wm-spacing-8)}.wm-upload-area{border:2px dashed var(--wm-border-color);border-radius:var(--wm-border-radius-2xl);padding:var(--wm-spacing-10);text-align:center;transition:var(--wm-transition);cursor:pointer;background:var(--wm-surface-color);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--wm-shadow-sm)}.wm-upload-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--wm-primary-alpha),transparent);opacity:0;transition:var(--wm-transition)}.wm-upload-area:hover{border-color:var(--wm-primary-color);box-shadow:var(--wm-shadow-lg);transform:translateY(-2px)}.wm-upload-area:hover:before{opacity:1}.wm-upload-area.dragover{border-color:var(--wm-primary-color);background:var(--wm-primary-alpha);transform:scale(1.02)}.wm-upload-icon{margin-bottom:var(--wm-spacing-5);color:var(--wm-primary-color);filter:drop-shadow(0 2px 4px rgba(138,43,226,.1))}.wm-upload-text{font-size:1.1rem;font-weight:600;color:var(--wm-text-primary);margin-bottom:var(--wm-spacing-2);position:relative;z-index:1}.wm-upload-hint{font-size:.85rem;color:var(--wm-text-secondary);margin-bottom:var(--wm-spacing-5);position:relative;z-index:1}.wm-upload-button{background:linear-gradient(135deg,var(--wm-primary-color),var(--wm-primary-light));color:#fff;border:none;padding:var(--wm-spacing-3) var(--wm-spacing-6);border-radius:var(--wm-border-radius-lg);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--wm-transition);position:relative;z-index:1;box-shadow:var(--wm-shadow-sm);letter-spacing:.025em}.wm-upload-button:hover{transform:translateY(-1px);box-shadow:var(--wm-shadow-lg)}.wm-upload-button:active{transform:translateY(0)}@media (max-width: 1024px){.wm-workspace{grid-template-columns:1fr;gap:var(--wm-spacing-5)}.wm-control-panel{position:static;grid-template-columns:1fr 1fr;display:grid;gap:var(--wm-spacing-4)}}@media (max-width: 768px){.wm-control-panel{grid-template-columns:1fr}.wm-header{padding:var(--wm-spacing-6) 0 var(--wm-spacing-4) 0}.wm-title{font-size:1.8rem}.wm-subtitle{font-size:.8rem}}@keyframes wm-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wm-download-content{display:flex;flex-direction:column;gap:var(--wm-spacing-4)}.wm-download-btn{display:flex;align-items:center;justify-content:center;gap:var(--wm-spacing-3);width:100%;padding:var(--wm-spacing-4) var(--wm-spacing-5);background:linear-gradient(135deg,var(--wm-primary-color),var(--wm-primary-light));color:#fff;border:none;border-radius:var(--wm-border-radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--wm-transition);box-shadow:var(--wm-shadow-md);letter-spacing:.025em;position:relative;overflow:hidden}.wm-download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.wm-download-btn:hover:before{left:100%}.wm-download-btn:hover{transform:translateY(-2px);box-shadow:var(--wm-shadow-lg)}.wm-download-btn:active{transform:translateY(0)}.wm-download-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.wm-download-btn:disabled:hover{transform:none;box-shadow:var(--wm-shadow-md)}.wm-download-icon{width:18px;height:18px;flex-shrink:0}.wm-loading{display:flex;align-items:center;gap:var(--wm-spacing-2)}.wm-loading:after{content:"";width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:wm-spin 1s linear infinite}.wm-progress-info{display:flex;flex-direction:column;gap:var(--wm-spacing-3)}.wm-progress-bar{width:100%;height:6px;background:var(--wm-border-color);border-radius:3px;overflow:hidden;position:relative}.wm-progress-fill{height:100%;background:linear-gradient(90deg,var(--wm-primary-color),var(--wm-primary-light));border-radius:3px;transition:width .3s ease;position:relative}.wm-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:wm-shimmer 1.5s infinite}.wm-progress-text{font-size:.8rem;color:var(--wm-text-secondary);text-align:center;margin:0;font-weight:500}@keyframes wm-spin{to{transform:rotate(360deg)}}@keyframes wm-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.wm-preview-container{display:flex;justify-content:center;align-items:center;min-height:300px;background:var(--wm-surface-secondary);border-radius:var(--wm-border-radius-lg);padding:var(--wm-spacing-6);position:relative;overflow:hidden}.wm-preview-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.05) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;opacity:.3;pointer-events:none}.wm-preview-canvas{max-width:100%;max-height:100%;border-radius:var(--wm-border-radius-sm);box-shadow:var(--wm-shadow-lg);cursor:crosshair;transition:var(--wm-transition);position:relative;z-index:1;background:white}.wm-preview-canvas:hover{box-shadow:var(--wm-shadow-xl);transform:scale(1.02)}.wm-thumbnail-nav{display:flex;gap:var(--wm-spacing-3);padding:var(--wm-spacing-4);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--wm-primary-color) var(--wm-surface-secondary)}.wm-thumbnail-nav::-webkit-scrollbar{height:6px}.wm-thumbnail-nav::-webkit-scrollbar-track{background:var(--wm-surface-secondary);border-radius:3px}.wm-thumbnail-nav::-webkit-scrollbar-thumb{background:var(--wm-primary-color);border-radius:3px}.wm-thumbnail-nav::-webkit-scrollbar-thumb:hover{background:var(--wm-primary-light)}.wm-thumbnail{position:relative;width:80px;height:60px;border-radius:var(--wm-border-radius-sm);overflow:hidden;cursor:pointer;transition:var(--wm-transition);border:2px solid transparent;flex-shrink:0;background:var(--wm-surface-color)}.wm-thumbnail:hover{border-color:var(--wm-primary-color);transform:translateY(-2px);box-shadow:var(--wm-shadow-md)}.wm-thumbnail.wm-active{border-color:var(--wm-primary-color);box-shadow:var(--wm-shadow-lg);transform:translateY(-1px)}.wm-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--wm-transition)}.wm-thumbnail:hover img{transform:scale(1.05)}.wm-thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.3),transparent);display:flex;align-items:flex-start;justify-content:flex-start;padding:var(--wm-spacing-2);opacity:0;transition:var(--wm-transition)}.wm-thumbnail:hover .wm-thumbnail-overlay,.wm-thumbnail.wm-active .wm-thumbnail-overlay{opacity:1}.wm-thumbnail-number{background:var(--wm-primary-color);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:var(--wm-border-radius-xs);line-height:1;box-shadow:var(--wm-shadow-xs)}