.social-media-resizer{width:100%;max-width:100%;color:var(--pixel-text-primary);padding:var(--space-4) 0;font-family:inherit;box-sizing:border-box}.smr-layout{display:grid;grid-template-columns:19rem 1fr;gap:var(--space-4);align-items:start;max-width:100%;overflow:hidden}@media(max-width:56.25rem){.smr-layout{grid-template-columns:1fr}.smr-preview-section{order:-1}}.smr-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:smr-notification-slide-in .3s ease-out}@keyframes smr-notification-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.smr-notification-warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid rgba(245,158,11,.3);color:#fbbf24}.smr-notification-warning i:first-child{color:#f59e0b;font-size:var(--text-base)}.smr-notification span{flex:1;color:var(--pixel-text-primary)}.smr-notification-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;color:var(--pixel-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.smr-notification-close:hover{background:#ffffff1a;color:var(--pixel-text-primary)}.smr-section{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);overflow:hidden}.smr-section+.smr-section{margin-top:var(--space-1)}.smr-controls-section{display:flex;flex-direction:column;gap:var(--space-2);align-self:start}.smr-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);min-height:var(--space-8)}.smr-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem;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}.smr-tab span{overflow:hidden;text-overflow:ellipsis}.smr-tab:hover:not(.active):not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.smr-tab.active{background:var(--brand-color);color:#fff;cursor:default}.smr-tab:disabled{opacity:.5;cursor:not-allowed}.smr-tab i{font-size:var(--text-xs);flex-shrink:0}.smr-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:.875rem;height:.875rem;padding:0 .1875rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-secondary);flex-shrink:0}.smr-tab.active .smr-tab-badge{background:#ffffff40;color:#fff}.smr-tab-content{display:flex;flex-direction:column;gap:var(--space-1)}.smr-section-content{padding:var(--space-2)}.smr-preview-section{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;max-width:100%;overflow:hidden}.smr-preview-section>.smr-dropzone{min-height:20rem;margin:0;box-sizing:border-box}.smr-actions{display:flex;gap:var(--space-2);padding:var(--space-2);padding-top:0}.smr-actions .smr-btn-primary,.smr-actions .smr-btn-secondary{flex:1}.smr-change-image{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);padding:var(--space-4)}.smr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.smr-btn:disabled{opacity:.5;cursor:not-allowed}.smr-btn-primary{flex:1;background:var(--brand-color);color:#fff}.smr-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.smr-btn-secondary{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.smr-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover)}.smr-btn-large{padding:var(--space-4);font-size:var(--text-base)}.smr-btn-small{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.smr-btn.smr-btn-danger{background:transparent;border:1px solid var(--pixel-border);color:var(--color-error);white-space:nowrap}.smr-btn.smr-btn-danger:hover:not(:disabled){background:#ef444426;border-color:var(--color-error);color:var(--color-error)}.smr-btn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;background:#fff3;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold)}.smr-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.smr-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-secondary)}.smr-label i{color:var(--brand-color);font-size:var(--text-xs)}.smr-input{width:100%;padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-primary);font-size:var(--text-sm);transition:all var(--transition-base);box-sizing:border-box}.smr-input:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.2)}.smr-input::placeholder{color:var(--pixel-text-muted)}.smr-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}.smr-privacy-watermark span{display:block}@media(max-width:48rem){.smr-privacy-watermark{display:none}}@media(max-width:37.5rem){.smr-tabs{height:auto;flex-wrap:wrap}.smr-tab{padding:var(--space-1);font-size:var(--text-xs)}.smr-actions{flex-direction:column}.smr-btn{width:100%}}[data-theme=light] .smr-tabs{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .smr-tab{color:var(--pixel-text-secondary)}[data-theme=light] .smr-tab:hover:not(.active):not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .smr-tab.active{background:var(--brand-color);color:#fff}[data-theme=light] .smr-tab-badge{background:var(--pixel-bg-tertiary);color:var(--pixel-text-secondary)}[data-theme=light] .smr-tab.active .smr-tab-badge{background:#ffffff40;color:#fff}[data-theme=light] .smr-notification-warning{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border-color:#f59e0b66}[data-theme=light] .smr-notification span{color:var(--pixel-text-primary)}[data-theme=light] .smr-notification-close{color:var(--pixel-text-muted)}[data-theme=light] .smr-notification-close:hover{background:#00000014;color:var(--pixel-text-primary)}[data-theme=light] .smr-section{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}[data-theme=light] .smr-btn-secondary{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}[data-theme=light] .smr-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover)}[data-theme=light] .smr-input{background:#fff;border-color:var(--pixel-border);color:var(--pixel-text-primary)}[data-theme=light] .smr-input:focus{border-color:var(--brand-color)}[data-theme=light] .smr-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] .smr-dropzone:hover{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.05),rgba(var(--brand-color-rgb),.02))}[data-theme=light] .smr-dropzone.dragging{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.1),rgba(var(--brand-color-rgb),.03))}[data-theme=light] .smr-dropzone-icon{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-dropzone:hover .smr-dropzone-icon{background:rgba(var(--brand-color-rgb),.15)}[data-theme=light] .smr-dropzone-paste{background:var(--pixel-bg-secondary)}[data-theme=light] .smr-platform-header,[data-theme=light] .smr-platform-toggle:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-preset-list{background:var(--pixel-bg-primary)}[data-theme=light] .smr-preset-item{border-color:var(--pixel-border)}[data-theme=light] .smr-preset-item:hover,[data-theme=light] .smr-preset-ratio{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-preset-item.selected{background:rgba(var(--brand-color-rgb),.1)}[data-theme=light] .smr-preset-item.selected .smr-preset-ratio{background:rgba(var(--brand-color-rgb),.15)}[data-theme=light] .smr-selection-summary{background:rgba(var(--brand-color-rgb),.08);border-color:rgba(var(--brand-color-rgb),.15)}[data-theme=light] .smr-preview-tabs{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-preview-tab{color:var(--pixel-text-secondary)}[data-theme=light] .smr-preview-tab:hover:not(.active):not(:disabled){background:var(--pixel-bg-hover)}[data-theme=light] .smr-preview-tab-badge{background:var(--pixel-bg-secondary)}[data-theme=light] .smr-source-info,[data-theme=light] .smr-selected-preview{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-thumbnail:hover{border-color:var(--pixel-border)}[data-theme=light] .smr-preview-empty{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-format-btn{background:var(--pixel-bg-primary);border-color:var(--pixel-border)}[data-theme=light] .smr-format-btn:hover{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-format-btn.active{background:rgba(var(--brand-color-rgb),.1)}[data-theme=light] .smr-format-btn>i{background:var(--smr-bg-se)}[data-theme=light] .smr-slider,[data-theme=light] .smr-slider-value{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-checkbox-indicator{background:#fff}[data-theme=light] .smr-color-input,[data-theme=light] .smr-color-preset{border-color:var(--pixel-border)}[data-theme=light] .smr-export-stat{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-export-item{background:#fff}[data-theme=light] .smr-export-item:hover,[data-theme=light] .smr-export-item-thumb,[data-theme=light] .smr-export-empty{background:var(--pixel-bg-tertiary)}[data-theme=light] .smr-btn-danger{border-color:var(--pixel-border)}[data-theme=light] .smr-btn-danger:hover:not(:disabled){background:#ef44441a}[data-theme=light] .smr-change-image{background:var(--pixel-bg-secondary);border-color:var(--pixel-border)}.smr-dropzone{position:relative;width:100%;min-height:18rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);background:transparent;border:2px dashed var(--pixel-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-sizing:border-box;z-index:1}.smr-dropzone:hover{background:rgba(var(--brand-color-rgb),.03);border-color:var(--brand-color)}.smr-dropzone.dragging{background:rgba(var(--brand-color-rgb),.06);border-color:var(--brand-color);border-style:solid}.smr-dropzone.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.smr-dropzone.compact{min-height:4rem;padding:var(--space-2) var(--space-4);flex-direction:row;gap:var(--space-2)}.smr-dropzone.compact .smr-dropzone-icon{width:var(--space-8);height:var(--space-8);margin-bottom:0}.smr-dropzone.compact .smr-dropzone-icon i{font-size:var(--text-base)}.smr-dropzone.compact .smr-dropzone-text{text-align:start}[dir=rtl] .smr-dropzone.compact .smr-dropzone-text{text-align:end}.smr-dropzone.compact .smr-dropzone-title{font-size:var(--text-sm)}.smr-dropzone-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.smr-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.smr-dropzone.compact .smr-dropzone-content{flex-direction:row;gap:var(--space-2)}.smr-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)}.smr-dropzone-icon i{font-size:1.75rem;color:var(--brand-color);transition:transform var(--transition-base)}.smr-dropzone.dragging .smr-dropzone-icon{background:rgba(var(--brand-color-rgb),.2);transform:scale(1.1)}.smr-dropzone.dragging .smr-dropzone-icon i{transform:translateY(-2px)}.smr-dropzone-text{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.smr-dropzone-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.smr-dropzone-hint{font-size:var(--text-sm);color:var(--pixel-text-muted)}.smr-dropzone-paste{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--pixel-text-muted);pointer-events:none}.smr-dropzone-paste i{font-size:var(--text-sm)}.smr-dropzone-error{position:absolute;bottom:var(--space-2);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#f87171;font-size:var(--text-xs);white-space:nowrap}[dir=rtl] .smr-dropzone-error{left:auto;right:50%;transform:translate(50%)}@media(max-width:37.5rem){.smr-dropzone{min-height:10rem;padding:var(--space-4)}.smr-dropzone-icon{width:3rem;height:3rem}.smr-dropzone-icon i{font-size:var(--text-xl)}.smr-dropzone-title{font-size:var(--text-sm)}.smr-dropzone-hint{font-size:var(--text-xs)}}.smr-platform-selector{display:flex;flex-direction:column;gap:var(--space-2);height:100%;max-height:fit-content}.smr-platform-selector.disabled{opacity:.6;pointer-events:none}.smr-platform-search{position:relative;display:flex;align-items:center}.smr-platform-search>i:first-child{position:absolute;left:var(--space-4);color:var(--pixel-text-muted);font-size:var(--text-sm);pointer-events:none}[dir=rtl] .smr-platform-search>i:first-child{left:auto;right:var(--space-4)}.smr-platform-search .smr-input{width:100%;padding-left:var(--space-10);padding-right:var(--space-10)}[dir=rtl] .smr-platform-search .smr-input{padding-left:var(--space-10);padding-right:var(--space-10)}.smr-platform-search-clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:var(--pixel-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}[dir=rtl] .smr-platform-search-clear{right:auto;left:var(--space-2)}.smr-platform-search-clear:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.smr-selection-summary{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:rgba(var(--brand-color-rgb),.1);border:1px solid rgba(var(--brand-color-rgb),.2);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--brand-color-accent)}.smr-selection-summary i{color:var(--brand-color)}.smr-platform-list{display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;padding-right:var(--space-1)}[dir=rtl] .smr-platform-list{padding-right:0;padding-left:var(--space-1)}.smr-platform-list::-webkit-scrollbar{width:.375rem}.smr-platform-list::-webkit-scrollbar-track{background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm)}.smr-platform-list::-webkit-scrollbar-thumb{background:var(--pixel-border);border-radius:var(--radius-sm)}.smr-platform-list::-webkit-scrollbar-thumb:hover{background:var(--pixel-text-muted)}.smr-platform-item{background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.smr-platform-header{display:flex;align-items:center;gap:var(--space-1)}.smr-platform-toggle{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:none;color:var(--pixel-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-base);text-align:start}[dir=rtl] .smr-platform-toggle{text-align:end}.smr-platform-toggle:hover{background:var(--pixel-bg-hover)}.smr-platform-toggle>i:first-child{width:1.25rem;color:var(--pixel-text-secondary);font-size:var(--text-sm);text-align:center}.smr-platform-name{flex:1}.smr-platform-badge{padding:var(--space-1) var(--space-2);background:rgba(var(--brand-color-rgb),.15);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--brand-color)}.smr-platform-chevron{color:var(--pixel-text-muted);font-size:var(--text-xs);transition:transform var(--transition-base)}.smr-platform-toggle.expanded .smr-platform-chevron{transform:rotate(180deg)}.smr-platform-select-all{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);margin-right:var(--space-1);padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}[dir=rtl] .smr-platform-select-all{margin-right:0;margin-left:var(--space-1)}.smr-platform-select-all:hover{background:var(--pixel-bg-secondary);color:var(--pixel-text-primary)}.smr-platform-select-all.all-selected{color:var(--brand-color)}.smr-preset-list{display:flex;flex-direction:column;padding:0;gap:1px;border:1px solid var(--pixel-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--pixel-bg-primary);overflow:hidden}.smr-preset-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2);background:transparent;border:none;border-top:1px solid var(--pixel-border);cursor:pointer;transition:all var(--transition-base);text-align:start;width:100%}[dir=rtl] .smr-preset-item{text-align:end}.smr-preset-item:hover{background:rgba(var(--brand-color-rgb),.05)}.smr-preset-item.selected{background:rgba(var(--brand-color-rgb),.1)}.smr-preset-checkbox{display:flex;align-items:center;justify-content:center;width:1rem;color:var(--pixel-text-muted);font-size:var(--text-xs);margin-right:var(--space-2)}[dir=rtl] .smr-preset-checkbox{margin-right:0;margin-left:var(--space-2)}.smr-preset-item.selected .smr-preset-checkbox{color:var(--brand-color)}.smr-preset-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.smr-preset-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.smr-preset-item.selected .smr-preset-name{color:var(--brand-color);font-weight:var(--font-semibold)}.smr-preset-dimensions{font-size:var(--text-xs);color:var(--pixel-text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.smr-preset-ratio{padding:.1875rem .5rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary)}.smr-preset-item.selected .smr-preset-ratio{background:rgba(var(--brand-color-rgb),.2);color:var(--brand-color)}.smr-platform-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--pixel-text-muted);font-size:var(--text-sm)}.smr-platform-empty i{font-size:var(--text-2xl);opacity:.5}@media(max-width:37.5rem){.smr-platform-toggle{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.smr-preset-item{padding:var(--space-1) var(--space-2)}}.smr-multi-preview{display:flex;flex-direction:column;gap:var(--space-2);min-height:20rem}.smr-preview-tabs{display:flex;background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-1)}.smr-preview-tab{flex:1;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-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.smr-preview-tab:hover:not(.active):not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.smr-preview-tab.active{background:var(--brand-color);color:#fff}.smr-preview-tab:disabled{opacity:.5;cursor:not-allowed}.smr-preview-tab i{font-size:var(--text-xs)}.smr-preview-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;background:var(--pixel-bg-secondary);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-secondary)}.smr-preview-tab.active .smr-preview-tab-badge{background:#ffffff40;color:#fff}.smr-preview-content{flex:1;display:flex;flex-direction:column}.smr-source-preview{display:flex;flex-direction:column;gap:var(--space-2)}.smr-source-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary);background-image:linear-gradient(45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pixel-bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--pixel-bg-secondary) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:var(--radius-lg);overflow:hidden;cursor:grab;user-select:none;min-height:16rem;padding:var(--space-4)}.smr-source-image-wrapper.dragging,.smr-source-image-wrapper:active{cursor:grabbing}.smr-image-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;max-height:20rem;overflow:visible}.smr-source-image{display:block;max-width:100%;max-height:20rem;object-fit:contain;pointer-events:none;transform-origin:center center}.smr-image-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.smr-fit-options{display:flex;gap:var(--space-1);background:var(--pixel-bg-secondary);border-radius:var(--radius-lg);padding:3px}.smr-fit-btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.smr-fit-btn:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.smr-fit-btn:active{background:var(--brand-color);color:#fff}.smr-zoom-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-lg)}.smr-zoom-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--pixel-bg-tertiary);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)}.smr-zoom-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.smr-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.smr-zoom-slider{flex:1;min-width:12rem;height:4px;appearance:none;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer}.smr-zoom-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--brand-color);border-radius:var(--radius-full);cursor:pointer;transition:transform .15s ease}.smr-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.smr-zoom-value{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);min-width:var(--space-10);text-align:center}.smr-zoom-reset{padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.smr-zoom-reset:hover:not(:disabled){background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.smr-zoom-reset:disabled{opacity:.4;cursor:not-allowed}.smr-crop-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:move;pointer-events:none;z-index:2;touch-action:none}.smr-crop-box:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 0 0 9999px #00000080}.smr-crop-box-border{position:absolute;inset:0;border:2px solid var(--brand-color);pointer-events:none;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #ffffff1a}.smr-crop-box.dragging .smr-crop-box-border{box-shadow:0 0 0 1px #00000080,0 0 20px rgba(var(--brand-color-rgb),.5)}.smr-crop-box .smr-crop-box-label{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:.25rem .625rem;background:#000000bf;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);white-space:nowrap;opacity:.7;pointer-events:none;transition:opacity .2s ease}[dir=rtl] .smr-crop-box .smr-crop-box-label{left:auto;right:50%;transform:translate(50%)}.smr-crop-box:hover .smr-crop-box-label,.smr-crop-box.dragging .smr-crop-box-label{opacity:1}.smr-crop-box-label i{font-size:var(--text-xs);color:var(--brand-color)}.smr-crop-box-border .smr-crop-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);opacity:0;pointer-events:none;transition:opacity .15s ease}.smr-crop-box.dragging .smr-crop-grid{opacity:1}.smr-crop-grid>div{border:1px solid rgba(255,255,255,.3)}.smr-source-info{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg)}.smr-source-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smr-source-details{font-size:var(--text-xs);color:var(--pixel-text-muted)}.smr-generated-preview{display:flex;flex-direction:column;gap:var(--space-2)}.smr-selected-preview{display:flex;flex-direction:column;gap:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-2)}.smr-selected-image{max-width:100%;max-height:12rem;object-fit:contain;border-radius:var(--radius-md);user-select:none;-webkit-user-drag:none;background-image:linear-gradient(45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pixel-bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--pixel-bg-secondary) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px}.smr-selected-info{position:relative;display:flex;align-items:center;padding:var(--space-1) 0;border-top:1px solid var(--pixel-border)}.smr-selected-nav-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:var(--pixel-bg-secondary);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);flex-shrink:0}.smr-selected-nav-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.smr-selected-nav-btn:disabled{opacity:.4;cursor:not-allowed}.smr-selected-info-left{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2);min-width:0;max-width:30%}.smr-selected-info-left>i{font-size:var(--text-xs);color:var(--brand-color);flex-shrink:0}.smr-selected-platform{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);white-space:nowrap}.smr-selected-separator{color:var(--pixel-text-muted);font-size:.5rem;flex-shrink:0}.smr-selected-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smr-selected-info-right{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;margin-right:var(--space-2)}.smr-selected-size{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--brand-color)}.smr-selected-filesize{font-size:var(--text-xs);color:var(--pixel-text-muted)}.smr-thumbnails-container{display:flex;flex-direction:column;gap:var(--space-2);max-height:16rem;overflow-y:auto;padding-right:var(--space-1)}.smr-thumbnails-container::-webkit-scrollbar{width:6px}.smr-thumbnails-container::-webkit-scrollbar-track{background:var(--pixel-bg-secondary);border-radius:var(--radius-sm)}.smr-thumbnails-container::-webkit-scrollbar-thumb{background:var(--pixel-border);border-radius:var(--radius-sm)}.smr-thumbnails-container::-webkit-scrollbar-thumb:hover{background:var(--pixel-text-muted)}[dir=rtl] .smr-thumbnails-container{padding-right:0;padding-left:var(--space-1)}[dir=rtl] .smr-selected-nav-btn i{transform:scaleX(-1)}[dir=rtl] .smr-selected-info-left{margin-left:0;margin-right:var(--space-2)}[dir=rtl] .smr-selected-info-right{margin-left:var(--space-2);margin-right:auto}[dir=rtl] .smr-selected-actions{margin-left:0;margin-right:auto}.smr-platform-group{display:flex;flex-direction:column;gap:var(--space-1)}.smr-platform-group-header{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 0;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.smr-platform-group-header i{font-size:var(--text-xs)}.smr-thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:var(--space-1)}.smr-thumbnail{display:flex;flex-direction:column;gap:var(--space-1);padding:0;background:transparent}.smr-thumbnail-image{position:relative;aspect-ratio:1;background:var(--pixel-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.smr-thumbnail-image:hover{border-color:var(--pixel-border)}.smr-thumbnail.selected .smr-thumbnail-image{border-color:var(--brand-color)}.smr-thumbnail-image img{width:100%;height:100%;object-fit:cover}.smr-thumbnail-loading,.smr-thumbnail-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--pixel-text-muted)}.smr-thumbnail-error{color:var(--color-error)}.smr-thumbnail-info{display:flex;flex-direction:column;align-items:center;padding:0}.smr-thumbnail-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smr-thumbnail-size{font-size:.5rem;color:var(--pixel-text-muted)}.smr-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:16rem;background:var(--pixel-bg-secondary);border-radius:var(--radius-lg);color:var(--pixel-text-muted);font-size:var(--text-sm)}.smr-preview-empty i{font-size:2.5rem;opacity:.4}.smr-preset-nav{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg)}.smr-preset-nav-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:var(--pixel-bg-secondary);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)}.smr-preset-nav-btn:hover:not(:disabled){background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.smr-preset-nav-btn:disabled{opacity:.4;cursor:not-allowed}.smr-preset-nav-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.smr-preset-nav-main{display:flex;align-items:center;gap:var(--space-2)}.smr-preset-nav-platform{display:flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary)}.smr-preset-nav-platform i{font-size:var(--text-xs);color:var(--brand-color)}.smr-preset-nav-separator{color:var(--pixel-text-muted);font-size:var(--text-xs)}.smr-preset-nav-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.smr-preset-nav-meta{display:flex;align-items:center;gap:var(--space-2)}.smr-preset-nav-size{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--brand-color)}.smr-preset-nav-count{font-size:var(--text-xs);color:var(--pixel-text-muted)}.smr-preset-nav-generate{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2);padding:.375rem .75rem;background:var(--brand-color);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.smr-preset-nav-generate:hover{filter:brightness(1.1)}.smr-preset-nav-generate i{font-size:var(--text-xs)}.smr-selected-actions{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;gap:var(--space-1)}.smr-selected-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.375rem .75rem;background:var(--pixel-bg-secondary);border:1px 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)}.smr-selected-action-btn i{font-size:var(--text-xs)}.smr-selected-action-btn:hover{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.smr-selected-action-btn.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.smr-thumbnail-actions{display:flex;justify-content:center;gap:var(--space-1)}.smr-thumbnail-action{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.5rem;background:var(--pixel-bg-secondary);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)}.smr-thumbnail-action:hover{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.smr-thumbnail-action.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}@media(max-width:37.5rem){.smr-thumbnails-grid{grid-template-columns:repeat(3,1fr)}.smr-selected-image{max-height:8rem}.smr-thumbnails-container{max-height:12rem}.smr-image-controls{flex-direction:column;align-items:center;gap:var(--space-1);width:100%}.smr-image-controls>.smr-fit-options{order:1}.smr-image-controls>.smr-zoom-controls{order:2;width:100%;max-width:100%;box-sizing:border-box}.smr-zoom-slider{min-width:4rem;flex:1}.smr-zoom-value{min-width:var(--space-8);font-size:var(--text-xs)}.smr-zoom-reset{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.smr-selected-info{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:var(--space-1);align-items:center}.smr-selected-nav-btn:first-child{grid-column:1;grid-row:1}.smr-selected-info-left{grid-column:2;grid-row:1;justify-content:center;max-width:100%;margin:0}.smr-selected-info-left .smr-selected-platform,.smr-selected-info-left .smr-selected-separator{display:none}.smr-selected-nav-btn:last-child{grid-column:3;grid-row:1}.smr-selected-info-right{display:none}.smr-selected-actions{position:static;transform:none;grid-column:1 / -1;grid-row:2;width:100%;justify-content:center;gap:var(--space-1)}.smr-selected-nav-btn{width:1.75rem;height:1.75rem;font-size:var(--text-xs)}.smr-selected-action-btn{flex:1;justify-content:center;padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}.smr-selected-action-btn span{display:none}.smr-source-image-wrapper{touch-action:none}.smr-thumbnail-actions{display:none}.smr-canvas-viewport{touch-action:none}}.smr-canvas-viewport{position:relative;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-primary);border-radius:var(--radius-xl);width:100%;height:380px;min-height:380px;padding:var(--space-2);box-sizing:border-box}.smr-crop-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;cursor:grab;touch-action:none;border:2px solid rgba(var(--brand-color-rgb),1);box-shadow:inset 0 0 8px #0003}.smr-canvas-viewport.dragging .smr-crop-canvas{cursor:grabbing}.smr-canvas-viewport.can-pan .smr-crop-canvas{cursor:grab}.smr-canvas-viewport.can-pan.dragging .smr-crop-canvas{cursor:grabbing}.smr-canvas-grid{position:absolute;pointer-events:none}.smr-grid-line{position:absolute;background:#fff3}.smr-canvas-hint{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:.375rem .75rem;background:#000c;border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--pixel-text-secondary);pointer-events:none;opacity:.8}.smr-canvas-viewport.dragging .smr-canvas-hint{opacity:0}.smr-source-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary);background-image:linear-gradient(45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--pixel-bg-secondary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pixel-bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--pixel-bg-secondary) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:var(--radius-xl);overflow:hidden;user-select:none;width:100%;height:380px;min-height:380px;padding:var(--space-4);box-sizing:border-box}.smr-source-image{display:block;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.smr-output-settings{display:flex;flex-direction:column;gap:var(--space-4)}.smr-format-selector{display:flex;flex-direction:column;gap:var(--space-1)}.smr-format-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:start}[dir=rtl] .smr-format-btn{text-align:end}.smr-format-btn:hover{background:var(--pixel-bg-hover);color:var(--pixel-text-primary)}.smr-format-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--pixel-text-primary)}.smr-format-btn>i{width:1.5rem;font-size:var(--text-base);color:var(--pixel-text-secondary)}.smr-format-btn.active>i{color:var(--brand-color)}.smr-format-btn-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.smr-format-btn-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.smr-format-btn-hint{font-size:var(--text-xs);color:var(--pixel-text-muted)}.smr-slider-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.smr-slider-row{display:flex;align-items:center;gap:var(--space-2)}.smr-slider{flex:1;height:.375rem;-webkit-appearance:none;appearance:none;background:var(--pixel-bg-tertiary);border-radius:var(--radius-sm);outline:none}.smr-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)}.smr-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.smr-slider::-moz-range-thumb{width:1rem;height:1rem;background:var(--brand-color);border:none;border-radius:var(--radius-full);cursor:pointer}.smr-slider-value{min-width:var(--space-10);padding:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);text-align:center;color:var(--pixel-text-primary)}.smr-quality-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--pixel-text-muted)}.smr-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.smr-checkbox input{position:absolute;opacity:0;pointer-events:none}.smr-checkbox-indicator{position:relative;width:1.125rem;height:1.125rem;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.smr-checkbox input:checked+.smr-checkbox-indicator{background:var(--brand-color);border-color:var(--brand-color)}.smr-checkbox-indicator:after{content:"";position:absolute;top:50%;left:50%;width:.375rem;height:.625rem;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg);opacity:0;transition:opacity var(--transition-base)}.smr-checkbox input:checked+.smr-checkbox-indicator:after{opacity:1}.smr-checkbox-label{font-size:var(--text-sm);color:var(--pixel-text-secondary)}.smr-color-picker{display:flex;align-items:center;gap:var(--space-2)}.smr-color-input{width:var(--space-10);height:var(--space-8);padding:0;background:transparent;border:1px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer}.smr-color-input::-webkit-color-swatch-wrapper{padding:2px}.smr-color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.smr-color-text{flex:1;min-width:0}.smr-color-presets{display:flex;gap:var(--space-1)}.smr-color-preset{width:1.5rem;height:1.5rem;padding:0;border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.smr-color-preset:hover{transform:scale(1.1)}.smr-color-preset.active{border-color:var(--brand-color);box-shadow:0 0 0 2px var(--pixel-bg-primary)}.smr-export-panel{display:flex;flex-direction:column;gap:var(--space-4)}.smr-export-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);text-align:center}.smr-export-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg)}.smr-export-stat-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.smr-export-stat-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.smr-export-section-title{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.smr-export-by-platform{display:flex;flex-direction:column}.smr-export-platform-buttons{display:flex;flex-wrap:wrap;gap:var(--space-1)}.smr-export-individual{display:flex;flex-direction:column}.smr-export-individual-list{display:flex;flex-direction:column;gap:var(--space-1)}.smr-export-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);background:var(--pixel-bg-tertiary);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:start}[dir=rtl] .smr-export-item{text-align:end}.smr-export-item:hover{background:var(--pixel-bg-hover);border-color:var(--pixel-border)}.smr-export-item-thumb{width:var(--space-10);height:var(--space-10);object-fit:cover;border-radius:var(--radius-md);background:var(--pixel-bg-secondary)}.smr-export-item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.smr-export-item-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smr-export-item-size{font-size:var(--text-xs);color:var(--pixel-text-muted)}.smr-export-item-icon{color:var(--pixel-text-muted);font-size:var(--text-xs);transition:color var(--transition-base);padding:0 var(--space-2) 0 0}.smr-export-item:hover .smr-export-item-icon{color:var(--brand-color)}.smr-export-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--pixel-text-muted);font-size:var(--text-sm)}.smr-export-empty i{font-size:var(--text-2xl);opacity:.5}@media(max-width:37.5rem){.smr-export-stats{grid-template-columns:1fr;gap:var(--space-1)}.smr-export-stat{flex-direction:row;justify-content:space-between;padding:var(--space-1) var(--space-2)}.smr-export-stat-value{font-size:var(--text-sm)}.smr-export-stat-label{font-size:var(--text-xs)}.smr-export-platform-buttons{flex-direction:column}}.social-media-resizer-page{width:100%;padding:var(--space-2) 0 0 0;box-sizing:border-box}.social-media-resizer-page .content-wrapper{box-sizing:border-box}.smr-page-header{padding:.5rem 0 1rem;text-align:center}.smr-page-header-content{margin:0 auto}.smr-page-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-bold);color:#f1f5f9;`margin: 0 0 var(--space-3)}.smr-page-title i{color:var(--brand-color);font-size:var(--text-2xl)}.smr-page-subtitle{font-size:var(--text-base);color:#cbd5e1;`margin: 0 0 var(--space-3);line-height:var(--leading-normal)}.smr-page-badges{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.smr-page-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(var(--brand-color-rgb),.1);border:1px solid rgba(var(--brand-color-rgb),.2);border-radius:var(--radius-2xl);color:var(--brand-color-accent);font-size:var(--text-xs);font-weight:var(--font-medium)}.smr-page-badge i{font-size:var(--text-xs)}.smr-page-main{padding:0}@media(max-width:37.5rem){.smr-page-header{padding:1.5rem 0 1rem}.smr-page-title{font-size:var(--text-2xl)}.smr-page-title i{font-size:var(--text-xl)}.smr-page-subtitle{font-size:var(--text-sm)}.smr-page-badges{flex-wrap:nowrap;gap:var(--space-2)}.smr-page-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);gap:.25rem}.smr-page-badge i{font-size:var(--text-xs)}.smr-page-main{padding:0}}.smr-tools-promo{background:linear-gradient(135deg,#546e7a1f,#546e7a0a);border:1px solid rgba(84,110,122,.25);border-radius:var(--radius-xl);overflow:hidden}.smr-tools-promo-content{padding:var(--space-2) var(--space-4)}.smr-tools-promo-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--skalda-color);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.smr-tools-promo-header i{font-size:var(--text-sm);padding-left:var(--space-1)}[dir=rtl] .smr-tools-promo-header i{padding-left:0;padding-right:var(--space-1)}.smr-tools-promo-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.smr-tools-promo-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#00000040;border:1px solid rgba(84,110,122,.2);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.smr-tools-promo-link:hover{background:#546e7a26;border-color:var(--flint-color);transform:translateY(-1px)}.smr-tools-promo-link>i:first-child{width:var(--space-8);height:var(--space-8);min-width:var(--space-8);display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.2);border-radius:var(--radius-lg);color:var(--brand-color);font-size:var(--text-sm)}.smr-tools-promo-link-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.smr-tools-promo-link-text strong{color:#f1f5f9;font-size:var(--text-sm);font-weight:var(--font-semibold)}.smr-tools-promo-link-text span{color:#94a3b8;font-size:var(--text-xs)}.smr-tools-promo-arrow{color:#64748b;font-size:var(--text-xs);transition:color var(--transition-base),transform .2s ease}.smr-tools-promo-link:hover .smr-tools-promo-arrow{color:var(--brand-color);transform:translate(2px)}[dir=rtl] .smr-tools-promo-link:hover .smr-tools-promo-arrow{transform:translate(-2px)}[dir=rtl] .smr-tools-promo-link-text{text-align:right}@media(max-width:64rem){.smr-tools-promo-links{grid-template-columns:repeat(2,1fr)}.smr-tools-promo-link:last-child{grid-column:span 2}}@media(max-width:48rem){.smr-tools-promo-links{grid-template-columns:1fr}.smr-tools-promo-link:last-child{grid-column:span 1}}@media(max-width:37.5rem){.smr-tools-promo{margin:var(--space-3) 0}.smr-tools-promo-content{padding:var(--space-3)}.smr-tools-promo-link{padding:var(--space-2) var(--space-3)}.smr-tools-promo-link-text strong{font-size:var(--text-sm)}}[data-theme=light] .smr-page-title{color:#1e293b}[data-theme=light] .smr-page-subtitle{color:#475569}[data-theme=light] .smr-tools-promo{background:linear-gradient(135deg,#546e7a14,#546e7a05);border-color:#546e7a33}[data-theme=light] .smr-tools-promo-link{background:#ffffffb3;border-color:#546e7a26}[data-theme=light] .smr-tools-promo-link:hover{background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color)}[data-theme=light] .smr-tools-promo-link>i:first-child{background:rgba(var(--brand-color-rgb),.12)}[data-theme=light] .smr-tools-promo-link-text strong{color:#1e293b}[data-theme=light] .smr-tools-promo-link-text span{color:#64748b}[data-theme=light] .smr-tools-promo-arrow{color:#94a3b8}.qr-page-main{padding:0}