.meme-generator{width:100%;max-width:100%;padding:var(--space-4) 0;color:var(--pixel-text-primary);font-family:inherit;box-sizing:border-box}.mg-mode-tabs{display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);background:var(--pixel-bg-secondary);border-radius:var(--radius-xl)}.mg-mode-tab{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);background:transparent;border:2px solid transparent;border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.mg-mode-tab:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-mode-tab.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-mode-tab i{font-size:var(--text-base)}.mg-mode-content,.mg-editor{width:100%}.mg-editor-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-4);min-height:500px}@media(max-width:900px){.mg-editor-layout{grid-template-columns:1fr}}.mg-tabs-secondary{background:var(--pixel-bg-primary);border-radius:var(--radius-lg);padding:var(--space-1)}.mg-gif-upload-info,.mg-video-upload-info{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--pixel-bg-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.mg-gif-upload-info i,.mg-video-upload-info i{color:var(--brand-color);font-size:var(--text-base);margin-top:var(--space-1)}.mg-gif-upload-info p,.mg-video-upload-info p{margin:0;font-size:var(--text-sm);color:var(--pixel-text-secondary);line-height:var(--leading-normal)}.mg-btn-block{width:100%;justify-content:center}.mg-frames-info{display:flex;justify-content:space-between;padding:var(--space-2);background:var(--pixel-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.mg-frames-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-1);max-height:200px;overflow-y:auto;padding:var(--space-1)}.mg-frame-thumb{position:relative;aspect-ratio:1;padding:0;border:2px solid var(--pixel-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--pixel-bg-primary);transition:all var(--transition-base)}.mg-frame-thumb:hover{border-color:var(--brand-color)}.mg-frame-thumb.active{border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.3)}.mg-frame-thumb img{width:100%;height:100%;object-fit:cover}.mg-frame-number{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;background:#000000b3;color:#fff;font-size:var(--text-xs);text-align:center}.mg-gif-canvas-wrapper,.mg-video-preview-wrapper{background:var(--pixel-bg-primary);border-radius:var(--radius-xl);overflow:hidden}.mg-gif-preview,.mg-video-preview{display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.mg-gif-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--pixel-border)}.mg-btn-icon{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);padding:0;border-radius:var(--radius-full)}.mg-gif-frame-counter{margin-left:var(--space-4);font-size:var(--text-sm);color:var(--pixel-text-muted)}.mg-gif-canvas{display:block;background:repeating-conic-gradient(var(--pixel-bg-tertiary) 0% 25%,var(--pixel-bg-primary) 0% 50%) 50% / 20px 20px;border-radius:var(--radius-lg)}.mg-gif-formats{margin-top:var(--space-2);text-align:center}.mg-gif-worker-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border-radius:var(--radius-md);margin-top:var(--space-4)}.mg-gif-worker-notice i{color:var(--brand-color);font-size:var(--text-sm)}.mg-gif-worker-notice span{font-size:var(--text-xs);color:var(--pixel-text-muted)}.mg-processing-progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:200px;margin-top:var(--space-4)}.mg-processing-progress span{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.mg-video-formats{margin-top:var(--space-2);text-align:center}.mg-video-preview{width:100%;max-height:400px;object-fit:contain;background:var(--pixel-bg-primary);border-radius:var(--radius-lg);cursor:pointer}.mg-video-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--pixel-border)}.mg-video-time{margin-left:var(--space-4);font-size:var(--text-sm);color:var(--pixel-text-muted);font-variant-numeric:tabular-nums}.mg-video-timeline{position:relative;height:60px;background:var(--pixel-bg-primary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;margin-top:var(--space-2)}.mg-timeline-thumbnails{display:flex;height:100%}.mg-timeline-thumbnails img{flex:1;height:100%;object-fit:cover;min-width:0}.mg-timeline-trim-start,.mg-timeline-trim-end{position:absolute;top:0;bottom:0;background:#000000b3;pointer-events:none}.mg-timeline-trim-start{left:0}.mg-timeline-trim-end{right:0}.mg-timeline-playhead{position:absolute;top:0;bottom:0;width:3px;background:var(--brand-color);transform:translate(-50%);pointer-events:none;box-shadow:0 0 4px #00000080}.mg-timeline-playhead:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--brand-color)}.mg-trim-stats{display:flex;gap:var(--space-4);padding:var(--space-2);background:var(--pixel-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.mg-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.mg-trim-actions{display:flex;justify-content:center;margin-top:var(--space-4)}.mg-video-text-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--pixel-text-muted)}.mg-video-text-info i{color:var(--brand-color)}.mg-quality-options{display:flex;gap:var(--space-1)}.mg-quality-btn{flex:1;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.mg-quality-btn:hover{background:var(--pixel-bg-tertiary)}.mg-quality-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-ffmpeg-preload{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--pixel-border)}.mg-ffmpeg-preload .mg-hint{display:block;text-align:center;margin-top:var(--space-2)}.mg-progress-container{margin-top:var(--space-4)}.mg-progress-text{display:block;text-align:center;font-size:var(--text-sm);color:var(--pixel-text-muted);margin-top:var(--space-1)}.mg-trim-info{padding:var(--space-2);background:var(--pixel-bg-primary);border-radius:var(--radius-md);text-align:center}.mg-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.mg-coming-soon i{font-size:2.5rem;color:var(--pixel-text-muted);margin-bottom:var(--space-4)}.mg-coming-soon p{margin:0 0 var(--space-2) 0;font-size:var(--text-base);color:var(--pixel-text-primary)}.mg-format-options{display:flex;gap:var(--space-1)}.mg-format-btn{flex:1;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.mg-format-btn:hover{background:var(--pixel-bg-tertiary)}.mg-format-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-ffmpeg-notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);margin-top:var(--space-4)}.mg-ffmpeg-notice i{color:#fbbf24;font-size:var(--text-base);margin-top:var(--space-1)}.mg-ffmpeg-notice p{margin:0;font-size:var(--text-sm);color:var(--pixel-text-secondary);line-height:var(--leading-snug)}.mg-progress-bar{width:100%;height:6px;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--space-2)}.mg-progress-fill{height:100%;background:var(--brand-color);transition:width .3s ease}.mg-btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:mg-spin .8s linear infinite}.mg-notification{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);animation:mg-notification-slide-in .3s ease-out}@keyframes mg-notification-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mg-notification-info{background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.mg-notification-warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid rgba(245,158,11,.3);color:#fbbf24}.mg-notification-success{background:linear-gradient(135deg,#10b98126,#10b98114);border:1px solid rgba(16,185,129,.3);color:#34d399}.mg-notification i:first-child{font-size:var(--text-base)}.mg-notification span{flex:1;color:var(--pixel-text-primary)}.mg-notification-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);cursor:pointer;transition:all var(--transition-base)}.mg-notification-close:hover{background:#ffffff1a;color:var(--pixel-text-primary)}.mg-layout{display:grid;grid-template-columns:18rem 1fr;gap:var(--space-4);align-items:start;max-width:100%;overflow:hidden}@media(max-width:56.25rem){.mg-layout{grid-template-columns:1fr}.mg-canvas-section{order:-1}}.mg-controls-section{display:flex;flex-direction:column;gap:var(--space-2);align-self:start}.mg-canvas-section{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;max-width:100%}.mg-canvas-section .mg-section{padding:0}.mg-export-actions{display:flex;gap:var(--space-2);padding:var(--space-4);padding-top:0;margin-top:var(--space-4);border-top:1px solid var(--pixel-border);padding-top:var(--space-4)}.mg-export-actions .mg-btn{flex:1}.mg-export-actions .mg-btn-danger{flex:0 0 auto}.mg-section{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);overflow:hidden}.mg-section+.mg-section{margin-top:var(--space-1)}.mg-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border);cursor:pointer;user-select:none;transition:var(--transition-base)}.mg-section-header:hover{background:var(--pixel-bg-hover)}.mg-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.mg-section-title i{color:var(--brand-color);font-size:var(--text-sm);padding-left:var(--space-1)}.mg-section-toggle{color:var(--pixel-text-secondary);font-size:var(--text-xs);transition:transform var(--transition-base)}.mg-section-toggle.expanded{transform:rotate(180deg)}.mg-section-content{padding:var(--space-4)}.mg-section-content.collapsed{display:none}.mg-tabs{display:flex;background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);padding:var(--space-1);gap:var(--space-1);height:auto}.mg-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;overflow:hidden}.mg-tab span{overflow:hidden;text-overflow:ellipsis}.mg-tab:hover:not(.active){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-tab.active{background:var(--brand-color);color:#fff;cursor:default}.mg-tab i{font-size:var(--text-sm)}.mg-tab-content{display:flex;flex-direction:column;gap:var(--space-1)}.mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.mg-btn:disabled{opacity:.5;cursor:not-allowed}.mg-btn-primary{flex:1;background:var(--brand-color);color:#fff}.mg-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.mg-btn-secondary{flex:1;background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover)}.mg-btn-ghost{background:transparent;border:1px solid var(--pixel-border);color:var(--pixel-text-secondary)}.mg-btn-ghost:hover:not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-btn-danger{background:transparent;border:1px solid var(--pixel-border);color:var(--color-error);white-space:nowrap}.mg-btn-danger:hover:not(:disabled){background:#ef444426;border-color:var(--color-error);color:var(--color-error)}.mg-btn i{font-size:var(--text-sm)}.mg-btn-icon{width:var(--space-8);height:var(--space-8);padding:0;border-radius:var(--radius-md)}.mg-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.mg-form-group+.mg-form-group{margin-top:var(--space-2)}.mg-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mg-label i{font-size:var(--text-xs);color:var(--pixel-text-muted)}.mg-input{width:100%;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-base)}.mg-input:focus{outline:none;border-color:var(--pixel-border-focus)}.mg-input::placeholder{color:var(--pixel-text-muted)}.mg-input-row{display:flex;gap:var(--space-2);align-items:center}.mg-input-row .mg-input{flex:1}.mg-textarea{width:100%;min-height:4rem;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);font-family:inherit;resize:vertical;transition:border-color var(--transition-base)}.mg-textarea:focus{outline:none;border-color:var(--pixel-border-focus)}.mg-select{width:100%;padding:var(--space-2) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-base)}.mg-select:focus{outline:none;border-color:var(--pixel-border-focus)}.mg-slider-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.mg-slider-row{display:flex;align-items:center;gap:var(--space-4)}.mg-slider{flex:1;-webkit-appearance:none;appearance:none;height:.375rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer}.mg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;background:var(--brand-color);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-base)}.mg-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.mg-slider::-moz-range-thumb{width:1rem;height:1rem;background:var(--brand-color);border:none;border-radius:var(--radius-full);cursor:pointer}.mg-slider-value{min-width:3rem;text-align:right;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.mg-color-picker{display:flex;flex-direction:column;gap:var(--space-2)}.mg-color-input-row{display:flex;align-items:center;gap:var(--space-2)}.mg-color-input{width:var(--space-10);height:var(--space-10);padding:var(--space-1);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer}.mg-color-input::-webkit-color-swatch-wrapper{padding:0}.mg-color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.mg-color-hex{flex:1;padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);font-family:SF Mono,monospace}.mg-color-presets{display:flex;flex-wrap:wrap;gap:var(--space-1)}.mg-color-preset{width:1.5rem;height:1.5rem;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.mg-color-preset:hover{transform:scale(1.1)}.mg-color-preset.active{border-color:var(--brand-color);box-shadow:0 0 0 2px var(--pixel-bg-primary)}.mg-color-preset.transparent{background:linear-gradient(45deg,#666 25%,transparent 25%),linear-gradient(-45deg,#666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#666 75%),linear-gradient(-45deg,transparent 75%,#666 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#333}.mg-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.mg-toggle input{display:none}.mg-toggle-track{position:relative;width:var(--space-10);height:1.375rem;background:var(--pixel-bg-tertiary);border-radius:.6875rem;transition:background var(--transition-base)}.mg-toggle input:checked+.mg-toggle-track{background:var(--brand-color)}.mg-toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:1.125rem;height:1.125rem;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.mg-toggle input:checked+.mg-toggle-track .mg-toggle-thumb{transform:translate(1.125rem)}.mg-toggle-label{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.mg-radio-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mg-radio{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.mg-radio:hover{border-color:var(--pixel-text-muted)}.mg-radio.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color)}.mg-radio input{display:none}.mg-radio-label{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.mg-radio.active .mg-radio-label{color:var(--pixel-text-primary)}.mg-privacy-watermark{text-align:center;font-size:var(--text-2xl);font-weight:var(--font-semibold);color:rgba(var(--brand-color-rgb),.25);letter-spacing:var(--tracking-wider);padding:var(--space-6) 0;user-select:none;display:flex;flex-direction:column;align-items:center;gap:.25rem}.mg-privacy-watermark span{display:block}@media(max-width:48rem){.mg-privacy-watermark{display:none}}.mg-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);line-height:var(--leading-snug)}.mg-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.mg-empty-state i{font-size:2.5rem;color:var(--pixel-text-muted);opacity:.5}.mg-empty-state span{font-size:var(--text-sm);color:var(--pixel-text-muted)}.mg-processing-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:#0f172ae6;backdrop-filter:blur(4px)}.mg-processing-spinner{width:3rem;height:3rem;border:3px solid var(--pixel-bg-tertiary);border-top-color:var(--brand-color);border-radius:var(--radius-full);animation:mg-spin 1s linear infinite}@keyframes mg-spin{to{transform:rotate(360deg)}}.mg-processing-text{font-size:var(--text-base);color:var(--pixel-text-primary)}.mg-processing-subtext{font-size:var(--text-sm);color:var(--pixel-text-muted)}@media(max-width:37.5rem){.mg-tabs{height:auto}.mg-tab{padding:.375rem .25rem;gap:.25rem}.mg-tab span,.mg-tab i{font-size:var(--text-xs)}.mg-export-actions,.mg-input-row{flex-direction:column}.mg-input-row .mg-input{width:100%}}[data-theme=light] .mg-section{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .mg-section-header{background:var(--pixel-bg-secondary);border-bottom:1px solid var(--pixel-border)}[data-theme=light] .mg-section-header:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-tabs{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .mg-tab{color:var(--pixel-text-secondary)}[data-theme=light] .mg-tab:hover:not(.active){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .mg-tab.active{color:#fff}[data-theme=light] .mg-input,[data-theme=light] .mg-textarea{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .mg-input::placeholder,[data-theme=light] .mg-textarea::placeholder{color:var(--pixel-text-muted)}[data-theme=light] .mg-select{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .mg-slider{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-color-input{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .mg-color-hex{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .mg-btn-secondary{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .mg-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover)}[data-theme=light] .mg-btn-ghost{border-color:var(--pixel-border);color:var(--pixel-text-secondary)}[data-theme=light] .mg-btn-ghost:hover:not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .mg-btn-danger{border-color:var(--pixel-border)}[data-theme=light] .mg-btn-danger:hover:not(:disabled){background:#ef444414}[data-theme=light] .mg-radio{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .mg-toggle-track{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-dropzone{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.03),rgba(var(--brand-color-rgb),.01));border-color:var(--pixel-border)}[data-theme=light] .mg-dropzone:hover{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.05),rgba(var(--brand-color-rgb),.02))}[data-theme=light] .mg-dropzone.dragging{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.08),rgba(var(--brand-color-rgb),.04))}[data-theme=light] .mg-dropzone-paste{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-canvas-container{background-color:#f1f5f9}[data-theme=light] .mg-canvas-container.bg-checkered{background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%)}[data-theme=light] .mg-canvas-controls{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-canvas-control:hover{background:var(--pixel-bg-hover)}[data-theme=light] .mg-template-category{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .mg-template-category-header:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-template-item{border-color:var(--pixel-border)}[data-theme=light] .mg-template-item:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-text-item{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .mg-text-item:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-text-item.selected{border-color:var(--brand-color)}[data-theme=light] .mg-sticker-item{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .mg-sticker-item:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-export-format-btn{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .mg-export-format-btn:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .mg-export-info{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .mg-notification-warning{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border-color:#f59e0b66}[data-theme=light] .mg-notification-info{background:linear-gradient(135deg,#3b82f61f,#3b82f60f);border-color:#3b82f666}[data-theme=light] .mg-notification span{color:var(--pixel-text-primary)}[data-theme=light] .mg-notification-close{color:var(--pixel-text-muted)}[data-theme=light] .mg-notification-close:hover{background:#00000014;color:var(--pixel-text-primary)}[data-theme=light] .mg-processing-overlay{background:#ffffffe6}[data-theme=light] .mg-processing-spinner{border-color:var(--pixel-bg-tertiary);border-top-color:var(--brand-color)}[data-theme=light] .mg-processing-text{color:var(--pixel-text-primary)}[data-theme=light] .mg-processing-subtext{color:var(--pixel-text-muted)}.mg-dropzone{position:relative;width:100%;min-height:18rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:transparent;border:2px dashed var(--pixel-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-sizing:border-box;max-width:100%;pointer-events:auto;z-index:1}.mg-dropzone:hover{background:rgba(var(--brand-color-rgb),.03);border-color:var(--brand-color)}.mg-dropzone.dragging{background:rgba(var(--brand-color-rgb),.06);border-color:var(--brand-color);border-style:solid}.mg-dropzone.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mg-dropzone.loading{cursor:wait}.mg-dropzone-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.mg-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;pointer-events:none}.mg-dropzone-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.1);border-radius:var(--radius-full);transition:all var(--transition-base)}.mg-dropzone-icon i{font-size:1.75rem;color:var(--brand-color);transition:transform var(--transition-base)}.mg-dropzone-icon.loading{background:rgba(var(--brand-color-rgb),.2)}.mg-dropzone.dragging .mg-dropzone-icon{background:rgba(var(--brand-color-rgb),.2);transform:scale(1.1)}.mg-dropzone.dragging .mg-dropzone-icon i{transform:translateY(-2px)}.mg-dropzone-text{display:flex;flex-direction:column;gap:var(--space-1)}.mg-dropzone-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.mg-dropzone-hint{font-size:var(--text-sm);color:var(--pixel-text-muted)}.mg-dropzone-paste{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--pixel-text-secondary);pointer-events:none}.mg-dropzone-paste i{font-size:var(--text-sm)}.mg-dropzone-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-error);pointer-events:none}.mg-add-more .mg-dropzone{min-height:5rem;padding:var(--space-4);background:transparent;border-style:dashed}.mg-add-more .mg-dropzone-content{flex-direction:row;gap:var(--space-4)}.mg-add-more .mg-dropzone-icon{width:var(--space-10);height:var(--space-10)}.mg-add-more .mg-dropzone-icon i{font-size:var(--text-base)}.mg-add-more .mg-dropzone-text{align-items:flex-start}.mg-add-more .mg-dropzone-title{font-size:var(--text-sm)}.mg-add-more .mg-dropzone-hint{font-size:var(--text-xs)}.mg-add-more .mg-dropzone-paste{display:none}@media(max-width:37.5rem){.mg-dropzone{min-height:14rem;padding:var(--space-4)}.mg-dropzone-icon{width:3rem;height:3rem;min-width:3rem;min-height:3rem}.mg-dropzone-icon i{font-size:var(--text-xl)}.mg-dropzone-title{font-size:var(--text-base)}.mg-dropzone-hint{font-size:var(--text-xs)}}.mg-canvas{display:flex;flex-direction:column;gap:var(--space-2);width:100%;overflow:hidden;padding:var(--space-2)}.mg-canvas-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.mg-canvas-zoom{display:flex;align-items:center;background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.mg-canvas-control{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:2.25rem;background:transparent;border:none;color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.mg-canvas-control:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.mg-canvas-zoom-value{min-width:3.5rem;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);text-align:center;cursor:pointer}.mg-canvas-zoom-value:hover{color:var(--brand-color)}.mg-canvas-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;max-height:clamp(18rem,62vh,38rem);padding:0;box-sizing:border-box;overflow:auto}.mg-canvas-viewport{min-width:100%;display:flex;align-items:center;justify-content:center}.mg-canvas-scalable{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.mg-canvas-container.bg-checkered{background-color:#1e293b;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%);background-size:1rem 1rem;background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0}.mg-canvas-element{display:block;flex:0 0 auto;max-width:none;max-height:none;cursor:crosshair;box-shadow:0 4px 20px #0000004d}.mg-canvas-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-muted)}.mg-canvas-info-item{font-family:SF Mono,Monaco,Consolas,monospace}.mg-canvas-info-divider{opacity:.5}.mg-canvas-scroll-wrapper{position:relative;width:100%;max-height:28rem;overflow:auto;display:flex;align-items:center;justify-content:center;padding:var(--space-4);box-sizing:border-box}.mg-selection-box{position:absolute;border:2px dashed var(--brand-color);pointer-events:none;z-index:10}.mg-selection-handle{position:absolute;width:8px;height:8px;background:#fff;border:1px solid var(--brand-color);cursor:nwse-resize}.mg-selection-handle.top-left{top:-4px;left:-4px;cursor:nwse-resize}.mg-selection-handle.top-right{top:-4px;right:-4px;cursor:nesw-resize}.mg-selection-handle.bottom-left{bottom:-4px;left:-4px;cursor:nesw-resize}.mg-selection-handle.bottom-right{bottom:-4px;right:-4px;cursor:nwse-resize}.mg-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:18rem;color:var(--pixel-text-muted);text-align:center}.mg-canvas-empty i{font-size:var(--text-5xl);opacity:.5}.mg-canvas-empty span{font-size:var(--text-sm)}.mg-context-menu{background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;padding:var(--space-1);min-width:12rem;animation:contextMenuFadeIn .15s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mg-context-menu button{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:var(--transition-base)}.mg-context-menu button:hover{background:var(--pixel-bg-hover);color:var(--brand-color)}.mg-context-menu button i{width:1rem;text-align:center;color:var(--pixel-text-secondary)}.mg-context-menu button:hover i{color:var(--brand-color)}.mg-context-divider{height:1px;background:var(--pixel-border);margin:var(--space-1) 0}.mg-resize-info{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-lg);font-weight:var(--font-semibold);pointer-events:none;z-index:9999;box-shadow:0 4px 16px #00000080}@media(max-width:37.5rem){.mg-canvas-scroll-wrapper{max-height:20rem}.mg-canvas-container{max-height:clamp(16rem,58vh,28rem);padding:0}.mg-canvas-viewport{min-width:auto;width:100%;overflow:visible}.mg-canvas-controls{flex-wrap:wrap;gap:var(--space-2)}.mg-canvas-info{flex-wrap:wrap;font-size:var(--text-2xs)}}.mg-text-panel{display:flex;flex-direction:column;gap:var(--space-4)}.mg-text-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:12rem;width:100%}.mg-text-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-primary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.mg-text-item:hover{background:var(--pixel-bg-tertiary)}.mg-text-item.selected{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.1)}.mg-text-item-preview{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.mg-text-item-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.mg-text-item-text{font-size:var(--text-sm);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-text-item-delete{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);opacity:0}.mg-text-item:hover .mg-text-item-delete{opacity:1}.mg-text-item-delete:hover{background:#ef444426;color:var(--color-error)}.mg-add-text-btn{width:100%;justify-content:center}.mg-classic-style-btn{width:100%;justify-content:center;margin-bottom:var(--space-2)}.mg-text-editor{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width-thin) solid var(--pixel-border)}.mg-text-list::-webkit-scrollbar{width:var(--space-1)}.mg-text-list::-webkit-scrollbar-track{background:var(--pixel-bg-primary);border-radius:var(--radius-sm)}.mg-text-list::-webkit-scrollbar-thumb{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.mg-text-list::-webkit-scrollbar-thumb:hover{background:var(--pixel-bg-hover)}.mg-text-panel{display:flex;flex-direction:column;gap:var(--space-2)}.mg-text-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md)}.mg-text-list-compact{display:flex;gap:var(--space-1);flex:1;overflow-x:auto;overflow-y:hidden;padding:var(--space-1) 0}.mg-text-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-secondary);border:var(--border-width-base) solid transparent;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.mg-text-chip:hover{background:var(--pixel-bg-primary);color:var(--pixel-text-primary)}.mg-text-chip.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-text-chip-delete{font-size:var(--text-xs);opacity:var(--opacity-muted);margin-left:var(--space-1)}.mg-text-chip-delete:hover{opacity:1;color:var(--brand-color)}.mg-text-editor-compact{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;background:var(--pixel-bg-secondary);border-radius:var(--radius-md)}.mg-textarea-compact{width:100%;padding:var(--space-2);background:var(--pixel-bg-primary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);font-family:inherit;resize:vertical;min-height:var(--space-3)}.mg-textarea-compact:focus{outline:none;border-color:var(--brand-color)}.mg-unified-controls{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;width:100%;overflow:visible}.mg-control-group{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;flex:0 0 auto;min-width:0}.mg-category-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap;height:var(--text-sm);line-height:var(--text-sm);display:flex;align-items:center;margin-bottom:var(--space-1)}.mg-font-group{display:flex;gap:var(--space-1);align-items:center;width:auto}.mg-select-compact{flex:1;min-width:var(--space-12);padding:var(--space-1) var(--space-3);background:var(--pixel-bg-secondary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-xs);cursor:pointer;height:var(--space-8);box-sizing:border-box}.mg-input-compact{width:var(--space-10);padding:var(--space-1);background:var(--pixel-bg-secondary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-xs);text-align:center;height:var(--space-8);box-sizing:border-box}.mg-input-mini{width:var(--space-8);padding:var(--space-1);background:var(--pixel-bg-secondary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-sm);color:var(--pixel-text-primary);font-size:var(--text-xs);text-align:center;height:var(--space-8);box-sizing:border-box}.mg-color-section{display:flex;align-items:center;gap:var(--space-1);width:100%}.mg-color-input-compact{width:var(--space-8);height:var(--space-8);padding:0;border:var(--border-width-base) solid var(--pixel-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);box-sizing:border-box}.mg-color-input-compact:hover{border-color:var(--pixel-text-primary);transform:scale(1.05)}.mg-color-presets-mini{display:flex;gap:var(--space-1);flex-wrap:nowrap}.mg-color-preset-mini{width:var(--space-6);height:var(--space-6);padding:0;border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.mg-color-preset-mini:hover{transform:scale(1.15);border-color:var(--pixel-text-primary)}.mg-color-preset-mini.active{border-color:var(--brand-color);border-width:var(--border-width-base)}.mg-style-group-unified{display:flex;gap:var(--space-1);align-items:center;width:100%}.mg-classic-btn{background:var(--pixel-bg-secondary);border:var(--border-width-thin) solid var(--pixel-border);color:var(--brand-color)}.mg-classic-btn:hover{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-btn-group-compact{display:flex;gap:var(--space-1);background:var(--pixel-bg-secondary);padding:var(--space-1);border-radius:var(--radius-sm);flex-shrink:0;height:var(--space-8);align-items:center}.mg-btn-compact{display:flex;align-items:center;justify-content:center;min-width:1.75rem;max-width:fit-content;height:1.75rem;padding:0 var(--space-10);background:var(--pixel-bg-tertiary);border:1px dashed var(--brand-color);border-radius:var(--radius-sm);color:var(--pixel-text-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);box-sizing:border-box}.mg-btn-icon-compact{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;background:var(--pixel-bg-tertiary);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);box-sizing:border-box}.mg-btn-icon-compact:hover{background:var(--pixel-bg-tertiary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}.mg-btn-icon-compact.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-btn-compact:hover{color:var(--pixel-text-secondary)}.mg-btn-compact.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-text-list-compact::-webkit-scrollbar{height:var(--space-1)}.mg-text-list-compact::-webkit-scrollbar-track{background:transparent}.mg-text-list-compact::-webkit-scrollbar-thumb{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.mg-text-list-compact::-webkit-scrollbar-thumb:hover{background:var(--pixel-bg-hover)}input[type=number].mg-input-compact::-webkit-inner-spin-button,input[type=number].mg-input-compact::-webkit-outer-spin-button,input[type=number].mg-input-mini::-webkit-inner-spin-button,input[type=number].mg-input-mini::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].mg-input-compact,input[type=number].mg-input-mini{-moz-appearance:textfield;appearance:textfield}.mg-select-compact:focus,.mg-input-compact:focus,.mg-input-mini:focus{outline:none;border-color:var(--brand-color)}@media(max-width:37.5rem){.mg-text-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.mg-text-list-compact{overflow-x:auto}.mg-text-controls-row{flex-direction:column;gap:var(--space-2)}.mg-style-group-unified{flex-wrap:wrap}.mg-unified-controls{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--space-2)}.mg-control-group{flex:1 1 8.75rem}.mg-font-group{width:100%;flex-wrap:wrap}.mg-select-compact{min-width:0;flex:1 1 100%}.mg-input-compact{width:100%}}.mg-template-panel{display:flex;flex-direction:column;gap:var(--space-2)}.mg-template-search{position:relative;display:flex;align-items:center}.mg-template-search-icon{position:absolute;left:var(--space-2);color:var(--pixel-text-muted);font-size:var(--text-xs);pointer-events:none}.mg-template-search-input{padding-left:2rem;padding-right:2rem}.mg-template-search-clear{position:absolute;right:var(--space-1);display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.mg-template-search-clear:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-template-categories{display:flex;flex-direction:column;gap:var(--space-4)}.mg-template-filters{display:flex;flex-direction:column;gap:var(--space-2)}.mg-filter-section{display:flex;flex-direction:column;gap:var(--space-1)}.mg-filter-collapsible{padding:0;background:var(--pixel-bg-secondary)}.mg-filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2);background:transparent;border:1px dashed var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;color:var(--pixel-text-primary);transition:all var(--transition-base)}.mg-filter-toggle:hover{background:var(--pixel-bg-hover);border-radius:var(--radius-md)}.mg-filter-collapsible .mg-filter-buttons{padding:var(--space-0) 0 var(--space-2) 0}.mg-filter-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary);text-transform:uppercase;letter-spacing:.05em}.mg-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mg-template-category-btn,.mg-template-tag-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--pixel-bg-secondary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-full);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.mg-template-category-btn:hover,.mg-template-tag-btn:hover{background:var(--pixel-bg-tertiary);border-color:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.mg-template-category-btn.active,.mg-template-tag-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-template-category-btn i{font-size:var(--text-sm)}.mg-template-tag-btn{padding:var(--space-1) var(--space-5);font-size:.6875rem}.mg-template-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:22.8rem;overflow-y:auto;padding-right:var(--space-1)}.mg-template-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--pixel-text-muted);text-align:center}.mg-loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.mg-template-scroll-sentinel{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--pixel-text-muted);font-size:var(--text-sm)}.mg-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.mg-template-item{display:flex;flex-direction:column;padding:0;background:transparent;border:var(--border-width-base) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.mg-template-item:hover{border-color:var(--pixel-border)}.mg-template-item.selected{border-color:var(--brand-color)}.mg-template-thumb{aspect-ratio:1;width:100%;background:var(--pixel-bg-tertiary);border-radius:calc(var(--radius-md) - var(--border-width-base));overflow:hidden}.mg-template-thumb img{width:100%;height:100%;object-fit:cover}.mg-template-name{padding:var(--space-1);font-size:var(--text-xs);color:var(--pixel-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-template-item:hover .mg-template-name,.mg-template-item.selected .mg-template-name{color:var(--pixel-text-primary)}.mg-template-upload{padding-top:var(--space-2);border-top:var(--border-width-thin) solid var(--pixel-border);text-align:center}.mg-template-list::-webkit-scrollbar{width:var(--space-1)}.mg-template-list::-webkit-scrollbar-track{background:var(--pixel-bg-primary);border-radius:var(--radius-sm)}.mg-template-list::-webkit-scrollbar-thumb{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.mg-template-list::-webkit-scrollbar-thumb:hover{background:var(--pixel-bg-hover)}@media (max-width: var(--bp-md)){.mg-template-grid{grid-template-columns:repeat(2,1fr)}}.mg-export-panel{display:flex;flex-direction:column;gap:var(--space-4)}.mg-export-formats{display:flex;gap:var(--space-1)}.mg-export-format-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.mg-export-format-btn:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-export-format-btn.active{background:rgba(var(--brand-color-rgb),.1);border-color:var(--brand-color);color:var(--brand-color)}.mg-export-format-btn i{font-size:var(--text-base)}.mg-export-format-label{font-weight:var(--font-semibold)}.mg-export-info{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md)}.mg-export-info-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs)}.mg-export-info-label{color:var(--pixel-text-muted)}.mg-export-info-value{color:var(--pixel-text-primary);font-weight:var(--font-medium);font-family:SF Mono,Monaco,Consolas,monospace}.mg-export-actions-group{display:flex;gap:var(--space-2)}.mg-export-btn{flex:1}.mg-export-privacy{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1);font-size:var(--text-xs);color:var(--pixel-text-muted)}.mg-export-privacy i{color:var(--color-success);font-size:var(--text-xs)}@media(max-width:37.5rem){.mg-export-actions-group{flex-direction:column}}.mg-sticker-panel{display:flex;flex-direction:column;gap:var(--space-2)}.mg-sticker-search{position:relative;display:flex;align-items:center}.mg-sticker-search-icon{position:absolute;left:var(--space-3);color:var(--pixel-text-muted);font-size:var(--text-xs);pointer-events:none}.mg-sticker-search-input{padding-left:2rem;padding-right:2rem}.mg-sticker-search-clear{position:absolute;right:var(--space-1);display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.mg-sticker-search-clear:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-sticker-categories{display:flex;flex-wrap:wrap;gap:var(--space-1)}.mg-sticker-category-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:fit-content;height:var(--space-8);padding:0 var(--space-3);background:var(--pixel-bg-primary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.mg-sticker-category-btn:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-sticker-category-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-sticker-category-btn i{font-size:var(--text-sm);flex-shrink:0}.mg-sticker-category-btn span{font-size:var(--text-xs);font-weight:var(--font-medium)}.mg-add-image-btn{background:var(--pixel-bg-tertiary);border:1px dashed var(--brand-color);border-color:var(--brand-color);color:var(--brand-color)}.mg-add-image-btn:hover{background:var(--brand-color);color:#fff}.mg-sticker-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:var(--space-1);max-height:10rem;overflow-x:hidden;overflow-y:auto;padding:var(--space-1)}.mg-sticker-item:nth-child(15n-2):after,.mg-sticker-item:nth-child(15n-1):after,.mg-sticker-item:nth-child(15n):after{left:auto!important;right:0!important;transform:translate(0)!important}.mg-sticker-item:nth-child(-n+15):after{bottom:auto!important;top:calc(100% + 6px)!important}.mg-sticker-item:nth-child(-n+15):nth-child(15n-2):after,.mg-sticker-item:nth-child(-n+15):nth-child(15n-1):after,.mg-sticker-item:nth-child(-n+15):nth-child(15n):after{bottom:auto!important;top:calc(100% + 6px)!important;left:auto!important;right:0!important;transform:translate(0)!important}.mg-sticker-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:var(--pixel-bg-primary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);overflow:visible}.mg-sticker-item:hover{background:var(--pixel-bg-tertiary);border-color:var(--brand-color)}.mg-sticker-item img{max-width:100%;max-height:100%;object-fit:contain}.mg-sticker-hint{text-align:center;padding:var(--space-1);margin-bottom:calc(-1 * var(--space-2));border-top:var(--border-width-thin) solid var(--pixel-border)}.mg-sticker-grid::-webkit-scrollbar{width:var(--space-1)}.mg-sticker-grid::-webkit-scrollbar-track{background:var(--pixel-bg-primary);border-radius:var(--radius-sm)}.mg-sticker-grid::-webkit-scrollbar-thumb{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.mg-sticker-grid::-webkit-scrollbar-thumb:hover{background:var(--pixel-bg-hover)}@media(max-width:37.5rem){.mg-sticker-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-1)}}.mg-drawing-panel{display:flex;flex-direction:column;gap:var(--space-4)}.mg-drawing-tools{display:flex;gap:var(--space-1)}.mg-drawing-tool{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);padding:0;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base)}.mg-drawing-tool:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-drawing-tool.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-drawing-colors{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.mg-drawing-color{width:1.75rem;height:1.75rem;padding:0;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.mg-drawing-color:hover{transform:scale(1.1)}.mg-drawing-color.active{border-color:var(--brand-color);box-shadow:0 0 0 2px var(--pixel-bg-primary)}.mg-drawing-color[style*="rgb(255, 255, 255)"],.mg-drawing-color[style*="#FFFFFF"],.mg-drawing-color[style*="#ffffff"]{border-color:var(--pixel-border)}.mg-drawing-color-picker{width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;background:transparent}.mg-drawing-color-picker::-webkit-color-swatch-wrapper{padding:2px}.mg-drawing-color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.mg-drawing-clear{width:100%;justify-content:center}.mg-drawing-hint{text-align:center;padding-top:var(--space-2);border-top:1px solid var(--pixel-border)}.mg-drawing-panel-compact{display:flex;flex-direction:column;gap:var(--space-2)}.mg-drawing-toolbar{display:flex;gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md)}.mg-drawing-tool-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--space-2);background:var(--pixel-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:.625rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);min-height:3.5rem}.mg-drawing-tool-btn:hover{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}.mg-drawing-tool-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-drawing-tool-btn i{font-size:var(--text-sm)}.mg-drawing-controls{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-md)}.mg-drawing-controls-inline{flex-direction:row;align-items:center;gap:var(--space-3)}.mg-drawing-color-section{display:flex;align-items:center;gap:var(--space-2);flex:1}.mg-drawing-size-section{display:flex;align-items:center;gap:var(--space-2);min-width:60%}.mg-drawing-color-row{display:flex;align-items:center;gap:var(--space-2)}.mg-drawing-color-picker-main{width:2rem;height:2rem;padding:0;border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.mg-drawing-colors-compact{display:flex;gap:.375rem;flex-wrap:wrap;flex:1}.mg-drawing-color-compact{width:1.5rem;height:1.5rem;padding:0;border:2px solid var(--pixel-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.mg-drawing-color-compact:hover{transform:scale(1.1);border-color:var(--pixel-text-primary)}.mg-drawing-color-compact.active{border-color:var(--brand-color);border-width:3px}.mg-drawing-size-row{display:flex;align-items:center;gap:var(--space-2)}.mg-label-mini{font-size:.75rem;font-weight:var(--font-semibold);color:var(--pixel-text-secondary);min-width:2.5rem}.mg-slider-mini{flex:1;height:.25rem;background:var(--pixel-bg-primary);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;appearance:none}.mg-slider-mini::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;background:var(--brand-color);border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.mg-slider-mini::-moz-range-thumb{width:.875rem;height:.875rem;background:var(--brand-color);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.mg-slider-mini::-webkit-slider-thumb:hover{transform:scale(1.2)}.mg-slider-mini::-moz-range-thumb:hover{transform:scale(1.2)}.mg-value-mini{font-size:.75rem;font-weight:var(--font-medium);color:var(--pixel-text-primary);min-width:2.5rem;text-align:center}.mg-drawing-clear{margin-left:auto;font-size:.75rem;padding:var(--space-2) var(--space-3);min-height:3.5rem;display:flex;align-items:center;gap:.25rem}.mg-drawing-clear:disabled{opacity:.5;cursor:not-allowed}.mg-drawing-clear i{font-size:.875rem}.mg-effects-panel{display:flex;flex-direction:column;gap:var(--space-4)}.mg-effects-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1)}.mg-effects-preset{display:flex;align-items:center;justify-content:center;height:var(--space-10);padding:0;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base)}.mg-effects-preset:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary);border-color:var(--brand-color)}.mg-effects-preset:first-child{color:var(--pixel-text-muted)}.mg-effects-sliders{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--pixel-border);border-bottom:1px solid var(--pixel-border)}.mg-effects-sliders .mg-label{display:flex;align-items:center;gap:var(--space-1)}.mg-effects-sliders .mg-label i{width:1rem;text-align:center;color:var(--pixel-text-muted)}.mg-effects-reset{width:100%;justify-content:center}@media(max-width:37.5rem){.mg-effects-presets{grid-template-columns:repeat(4,1fr)}}.mg-effects-panel-compact{display:flex;flex-direction:column;gap:var(--space-2)}.mg-effects-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md)}.mg-effect-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--space-2);background:var(--pixel-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:.625rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;min-height:3.5rem}.mg-effect-preset-btn:hover{background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}.mg-effect-preset-btn:disabled{opacity:.5;cursor:not-allowed}.mg-effect-preset-btn i{font-size:var(--text-sm)}.mg-effects-controls-compact{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-md)}.mg-effect-row{display:flex;gap:var(--space-6)}.mg-effect-control{flex:1;display:flex;flex-direction:column;gap:.25rem}.mg-label-compact{display:flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-secondary)}.mg-label-compact i{font-size:.625rem;opacity:.7}.mg-slider-compact{width:100%;height:.25rem;background:var(--pixel-bg-primary);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;appearance:none}.mg-slider-compact::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;background:var(--brand-color);border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.mg-slider-compact::-moz-range-thumb{width:.875rem;height:.875rem;background:var(--brand-color);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.mg-slider-compact::-webkit-slider-thumb:hover{transform:scale(1.2)}.mg-slider-compact::-moz-range-thumb:hover{transform:scale(1.2)}.mg-value-compact{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);text-align:center;min-width:2rem}@media(max-width:37.5rem){.mg-effect-row{flex-direction:column;gap:var(--space-3)}.mg-effects-toolbar{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}.mg-layer-panel{display:flex;flex-direction:column;gap:var(--space-2);height:100%}.mg-layer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md)}.mg-layer-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.mg-layer-title i{color:var(--brand-color)}.mg-layer-count{display:flex;align-items:center;justify-content:center;min-width:var(--space-6);height:var(--space-6);padding:0 var(--space-3);background:var(--pixel-bg-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-muted)}.mg-layer-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:24rem;overflow-y:auto;padding-right:var(--space-1)}.mg-layer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;color:var(--pixel-text-muted)}.mg-layer-empty i{font-size:var(--text-2xl);opacity:.5}.mg-layer-empty span{font-size:var(--text-sm);font-weight:var(--font-semibold)}.mg-layer-empty p{margin:0;font-size:var(--text-xs);opacity:.7}.mg-layer-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-secondary);border:var(--border-width-base) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.mg-layer-item:hover{background:var(--pixel-bg-tertiary);border-color:var(--pixel-border)}.mg-layer-item.selected{background:var(--pixel-bg-tertiary);border-color:var(--brand-color)}.mg-layer-item.locked{opacity:.6;cursor:not-allowed}.mg-layer-main{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.mg-layer-icon{flex-shrink:0;width:var(--space-6);height:var(--space-6);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--brand-color)}.mg-layer-info{display:flex;flex-direction:column;gap:calc(var(--space-1) / 2);min-width:0;flex:1}.mg-layer-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-layer-preview{font-size:var(--text-xs);color:var(--pixel-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-layer-controls{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.mg-layer-btn{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);padding:0;background:transparent;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.mg-layer-btn:hover:not(:disabled){background:var(--pixel-bg-primary);border-color:var(--pixel-border);color:var(--pixel-text-primary)}.mg-layer-btn.active{color:var(--brand-color)}.mg-layer-btn:disabled{opacity:.3;cursor:not-allowed}.mg-layer-btn-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.mg-layer-list::-webkit-scrollbar{width:var(--space-1)}.mg-layer-list::-webkit-scrollbar-track{background:var(--pixel-bg-primary);border-radius:var(--radius-sm)}.mg-layer-list::-webkit-scrollbar-thumb{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.mg-layer-list::-webkit-scrollbar-thumb:hover{background:var(--pixel-bg-hover)}.mg-image-panel{display:flex;flex-direction:column;gap:var(--space-3)}.mg-image-two-column{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-6);align-items:start}.mg-image-left-column{display:flex;flex-direction:column}.mg-image-right-column{display:flex;flex-direction:column;gap:var(--space-5)}.mg-action-group{display:flex;flex-direction:column;gap:var(--space-2)}.mg-strip-height-control{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1)}.mg-strip-height-control .mg-slider-mini{flex:1}.mg-strip-buttons-compact{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.mg-upload-btn-large{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold)}.mg-strip-btn-large{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium)}.mg-image-position{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-tertiary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-md);box-shadow:0 1px 2px #0000001a}.mg-position-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.mg-position-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) var(--space-2);background:var(--pixel-bg-primary);border:var(--border-width-base) solid var(--pixel-border);border-radius:var(--radius-sm);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);min-height:2.2rem;box-shadow:0 1px 2px #0000000d}.mg-position-btn:hover{background:var(--pixel-bg-secondary);border-color:var(--brand-color);color:var(--pixel-text-primary);box-shadow:0 2px 4px #0000001a}.mg-position-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #6366f14d}.mg-position-btn i{font-size:var(--text-xs)}.mg-image-section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-md)}.mg-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary);margin:0}.mg-combine-section{padding:0;overflow:hidden}.mg-combine-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2);background:transparent;border:1px dashed var(--pixel-border);cursor:pointer;transition:all var(--transition-base)}.mg-combine-toggle:hover{background:var(--pixel-bg-hover)}.mg-combine-section>:not(.mg-combine-toggle){padding:0 var(--space-2) var(--space-2) var(--space-2)}.mg-combine-search{position:relative;display:flex;align-items:center;margin-bottom:var(--space-2)}.mg-combine-search i.fa-search{position:absolute;left:1rem;color:var(--pixel-text-muted);font-size:.75rem;pointer-events:none}.mg-combine-search input{width:100%;padding-left:2rem;padding-right:2rem;text-align:left}.mg-search-clear{position:absolute;right:1rem;display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--pixel-text-muted);cursor:pointer;transition:all var(--transition-base)}.mg-search-clear:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-strip-controls{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.mg-strip-buttons{display:flex;gap:var(--space-2)}.mg-strip-buttons .mg-btn{flex:1}.mg-template-mini-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2);max-height:22.8rem;overflow-x:hidden;overflow-y:visible}.mg-template-mini{aspect-ratio:1;padding:0;background:var(--pixel-bg-primary);border:var(--border-width-base) solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);overflow:visible}.mg-template-mini:hover{border-color:var(--pixel-border)}.mg-template-mini.selected{border-color:var(--brand-color)}.mg-template-mini img{width:100%;height:100%;object-fit:cover}.mg-template-mini:nth-child(8n):after{left:auto!important;right:0!important;transform:translate(0)!important}.mg-template-mini:nth-child(-n+8):after{bottom:auto!important;top:calc(100% + 6px)!important}.mg-template-mini:nth-child(-n+8):nth-child(8n):after{bottom:auto!important;top:calc(100% + 6px)!important;left:auto!important;right:0!important;transform:translate(0)!important}.mg-info-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-tertiary);border:var(--border-width-thin) solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs)}.mg-info-box i{color:var(--brand-color);font-size:var(--text-sm)}@media(max-width:37.5rem){.mg-image-two-column{grid-template-columns:1fr;gap:var(--space-3)}.mg-template-mini-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.mg-strip-buttons-compact{grid-template-columns:1fr}}.mg-tool-tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.mg-tool-tab{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.mg-tool-tab:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.mg-tool-tab.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.mg-tool-tab i{font-size:var(--text-base)}@media(min-width:37.5625rem)and (max-width:44.9375rem){.mg-tool-tabs{gap:var(--space-1)}.mg-tool-tab{padding:var(--space-2) var(--space-2);gap:var(--space-1);min-width:0;flex:1 1 0}.mg-tool-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis}.mg-tool-tab.mg-tool-icon-only{flex:0 0 auto}}.mg-tool-panel{padding:var(--space-4);background:var(--pixel-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-2);overflow:visible}.mg-tool-panel .mg-section{margin:0}.mg-tool-panel .mg-section-content{padding:0}.mg-tool-panel::-webkit-scrollbar{width:4px}.mg-tool-panel::-webkit-scrollbar-track{background:var(--pixel-bg-primary);border-radius:var(--radius-sm)}.mg-tool-panel::-webkit-scrollbar-thumb{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.mg-tool-panel::-webkit-scrollbar-thumb:hover{background:var(--pixel-bg-hover)}.mg-tabs-secondary .mg-tab span{display:none}@media(min-width:768px){.mg-tabs-secondary .mg-tab span{display:inline}}@media(max-width:37.5rem){.mg-tool-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(3rem,1fr));gap:var(--space-1);padding:var(--space-2)}.mg-tool-tab{padding:var(--space-2);min-width:0;justify-content:center}.mg-tool-tab span{display:none}.mg-tool-tab i{font-size:var(--text-base)}.mg-tool-panel{padding:var(--space-3)}}