.resizer-container{max-width:1200px;margin:0 auto;padding:2rem;color:#f8fafc}.resizer-workspace{background:rgba(15,23,42,.6);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(124,58,237,.1);padding:2rem}.tool-header{text-align:center;margin-bottom:2rem}.tool-header h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tool-header p{color:#94a3b8;font-size:1.1rem;max-width:800px;margin:0 auto}.editor-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.controls-panel{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:rgba(30,41,59,.4);border-radius:.75rem}.dimension-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-group{flex-direction:column}.dimension-input,.input-group{display:flex;gap:.5rem}.dimension-input input{width:100%;padding:.75rem;border-radius:.5rem;background:rgba(15,23,42,.6);border:1px solid rgba(124,58,237,.3);color:#f8fafc;text-align:right}.options-controls{display:flex;flex-direction:column;gap:1rem}.format-group,.unit-group{display:flex;flex-direction:column;gap:.5rem}.format-group select,.unit-group select{padding:.75rem;border-radius:.5rem;background:rgba(15,23,42,.6);border:1px solid rgba(124,58,237,.3);color:#f8fafc;cursor:pointer}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.checkbox-group input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer}.preview-panel{position:relative;background:rgba(30,41,59,.4);border-radius:.75rem;padding:1rem;display:flex;align-items:center;justify-content:center;width:400px;height:400px;overflow:hidden}.preview-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:fill;transition:all .3s ease}.preview-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(124,58,237,.1) 1px,transparent 0),linear-gradient(180deg,rgba(124,58,237,.1) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.upload-section{border:2px dashed rgba(124,58,237,.3);border-radius:.75rem;padding:3rem;text-align:center;transition:all .3s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.upload-section:hover{border-color:#7c3aed;background:rgba(124,58,237,.1)}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.upload-icon{font-size:3rem;margin-bottom:.5rem}.original-info{position:absolute;bottom:1rem;left:1rem;background:rgba(15,23,42,.8);padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem}.action-buttons{display:flex;flex-direction:column;gap:1rem}.download-button{padding:1rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:.5rem;color:white;font-weight:600;cursor:pointer;transition:all .3s ease}.download-button:hover{transform:translateY(-2px)}.download-button:disabled{opacity:.7;cursor:not-allowed}.back-button{padding:1rem;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.3);border-radius:.5rem;color:#f8fafc;cursor:pointer;transition:all .3s ease}.back-button:hover{background:rgba(124,58,237,.2)}.error-message{color:#ef4444;padding:.75rem;background:rgba(239,68,68,.1);border-radius:.5rem;margin-top:1rem}.info-sections{margin-top:3rem;display:grid;gap:2rem}.info-box{background:rgba(30,41,59,.4);border-radius:.75rem;padding:1.5rem;border:1px solid rgba(124,58,237,.1)}.info-box h2{color:#f8fafc;font-size:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.dimension-item{padding:1.5rem;background:rgba(15,23,42,.6);border-radius:.5rem;border:1px solid rgba(124,58,237,.2)}.dimension-item h3{color:#7c3aed;margin-bottom:.75rem}.dimension-item p{color:#94a3b8;line-height:1.6}.features-list,.social-sizes{list-style:none;padding:0;display:grid;gap:.75rem}.features-list li,.social-sizes li{color:#94a3b8;padding-left:1.5rem;position:relative}.features-list li:before,.social-sizes li:before{content:"→";position:absolute;left:0;color:#7c3aed}@media (max-width:1024px){.editor-section{grid-template-columns:1fr}.preview-panel{width:100%;max-width:500px;margin:0 auto}}@media (max-width:768px){.resizer-container{padding:1rem}.dimension-controls{grid-template-columns:1fr}.tool-header h1{font-size:2rem}}@media (hover:none) and (pointer:coarse){.dimension-input input,.upload-label,button,input[type=checkbox],select{min-height:44px}}