.tool-page{min-height:100vh;display:flex;flex-direction:column}.tool-main{flex:1;padding:3rem 0}.tool-header{text-align:center;margin-bottom:3rem}.tool-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.tool-subtitle{font-size:1.25rem;max-width:600px;margin:0 auto;opacity:.8}.nav-links{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:var(--text-color);font-weight:600;padding:.5rem 1rem;border-radius:99px;transition:var(--transition)}.nav-link:hover{background:var(--bg-color)}.nav-link.active{background:var(--accent-color);border:2px solid var(--text-color)}.upload-area{background:var(--white);border:3px dashed var(--text-color);border-radius:30px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:var(--transition);margin-bottom:2rem}.upload-area:hover,.upload-area.drag-over{background:var(--bg-color);border-style:solid;box-shadow:var(--brutalist-shadow)}.upload-icon{font-size:4rem;margin-bottom:1rem}.upload-text{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.upload-hint{opacity:.6}.tool-controls{background:var(--white);border:var(--border-width) solid var(--text-color);border-radius:30px;padding:2rem;box-shadow:var(--brutalist-shadow)}.hidden{display:none!important}.preview-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.preview-section h3{font-weight:800;margin-bottom:1rem;text-align:center}.preview-box{background:var(--bg-color);border:2px solid var(--text-color);border-radius:15px;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:200px;overflow:hidden}.preview-box img,.preview-box canvas{max-width:100%;max-height:300px;border-radius:8px}.image-info{text-align:center;margin-top:.5rem;font-weight:600;opacity:.7}.resize-options{margin-bottom:2rem}.resize-options h3{font-weight:800;margin-bottom:1rem}.presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.preset-btn{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-color);border:2px solid var(--text-color);border-radius:15px;cursor:pointer;transition:var(--transition);font-family:inherit}.preset-btn:hover{transform:translateY(-3px);box-shadow:var(--brutalist-shadow-sm)}.preset-btn.active{background:var(--accent-color);box-shadow:var(--brutalist-shadow-sm)}.preset-icon{font-size:1.5rem;margin-bottom:.5rem}.preset-name{font-weight:600;font-size:.9rem}.preset-size{font-size:.8rem;opacity:.7}.custom-size{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.size-input{display:flex;flex-direction:column;gap:.5rem}.size-input label{font-weight:600;font-size:.9rem}.size-input input{padding:.75rem 1rem;border:2px solid var(--text-color);border-radius:10px;font-size:1rem;width:120px;font-family:inherit}.size-lock{font-size:1.5rem;cursor:pointer;padding:.5rem;transition:var(--transition)}.size-lock.unlocked{opacity:.5}.btn-secondary{background:var(--white)}.btn-large{padding:1rem 2rem;font-size:1.25rem}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tool-cta{margin-top:4rem}.cta-card{display:flex;align-items:center;justify-content:space-between;padding:3rem;background:var(--accent-color);border:var(--border-width) solid var(--text-color);border-radius:30px;box-shadow:var(--brutalist-shadow);gap:2rem}.cta-content h2{font-size:2rem;font-weight:800;margin-bottom:.5rem}.cta-content p{font-size:1.1rem;max-width:500px}.grid-container{display:flex;gap:2.5rem;flex-wrap:wrap;align-items:flex-start}.grid-upload-panel{flex:1;min-width:320px}.grid-preview-panel{flex:0 0 380px}.upload-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.upload-slot{aspect-ratio:1;background:#f0f0f0;border:2px dashed #ccc;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.upload-slot:hover{border-color:var(--text-color);background:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.upload-slot.filled{border-style:solid;border-color:var(--text-color)}.upload-slot img{width:100%;height:100%;object-fit:cover}.upload-slot .slot-number{font-size:1.25rem;font-weight:800;opacity:.2;transition:var(--transition)}.upload-slot:hover .slot-number{opacity:.5;transform:scale(1.2)}.upload-slot .remove-btn{position:absolute;top:6px;right:6px;background:var(--accent-color);border:2px solid var(--text-color);border-radius:50%;width:26px;height:26px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:10}.upload-slot.filled:hover .remove-btn{display:flex}.instagram-preview{background:var(--white);border:var(--border-width) solid var(--text-color);border-radius:28px;overflow:hidden;box-shadow:var(--brutalist-shadow);width:100%;max-width:380px;margin:0 auto}.ig-top-bar{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;font-size:.9rem}.ig-username-top{font-weight:800}.ig-header{padding:1.5rem 1rem}.ig-header-top{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.ig-avatar{width:77px;height:77px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;padding:3px;position:relative}.ig-avatar:after{content:"";display:block;width:100%;height:100%;background:#eee;border-radius:50%;border:3px solid #fff}.ig-stats{display:flex;flex:1;justify-content:space-around;text-align:center}.stat-value{display:block;font-weight:800;font-size:1.1rem}.stat-label{font-size:.8rem;opacity:.7}.ig-bio{margin-bottom:1rem}.ig-full-name{font-weight:800;font-size:.95rem}.ig-category{font-size:.9rem;color:#8e8e8e}.ig-description{font-size:.9rem;line-height:1.4}.ig-actions{display:flex;gap:.5rem}.ig-btn{flex:1;background:#efefef;border:none;border-radius:8px;padding:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .2s}.ig-btn:hover{background:#dbdbdb}.ig-tabs{display:flex;border-top:1px solid #f0f0f0}.ig-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;color:#8e8e8e;cursor:pointer}.ig-tab.active{color:var(--text-color);border-top:1px solid var(--text-color)}.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#fff}.ig-grid-cell{aspect-ratio:1;background:#fafafa;display:flex;align-items:center;justify-content:center;position:relative}.ig-grid-cell img{width:100%;height:100%;object-fit:cover}.placeholder-icon{width:30%;height:30%;background:#eee;border-radius:4px;position:relative}.placeholder-icon:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:4px;background:#eee;border-radius:2px 2px 0 0}.palette-result{margin-top:2rem}.palette-colors{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition)}.color-swatch:hover{transform:scale(1.05)}.swatch-box{width:80px;height:80px;border:3px solid var(--text-color);border-radius:15px;box-shadow:var(--brutalist-shadow-sm)}.swatch-hex{font-weight:800;font-size:.9rem}.swatch-rgb{font-size:.75rem;opacity:.7}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--text-color);color:var(--white);padding:1rem 2rem;border-radius:99px;font-weight:600;opacity:0;transition:opacity .3s;pointer-events:none}.copy-toast.show{opacity:1}.palette-image-preview{display:flex;justify-content:center;margin-bottom:2rem}.palette-image-preview img{max-width:100%;max-height:400px;border:var(--border-width) solid var(--text-color);border-radius:20px;box-shadow:var(--brutalist-shadow)}@media(max-width:768px){.tool-title{font-size:2rem}.preview-section{grid-template-columns:1fr}.presets-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.cta-card{flex-direction:column;text-align:center}.grid-container{flex-direction:column}.filters-grid{grid-template-columns:repeat(3,1fr)}.profile-workspace{flex-direction:column}.compression-stats{flex-direction:column;gap:1rem}.stat-arrow{transform:rotate(90deg)}}.filter-preview-container{margin-bottom:2rem}.comparison-slider{position:relative;width:100%;max-width:600px;margin:0 auto;border:var(--border-width) solid var(--text-color);border-radius:20px;overflow:hidden;box-shadow:var(--brutalist-shadow);aspect-ratio:1}.comparison-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}#afterCanvas{clip-path:inset(0 50% 0 0)}.slider-handle{position:absolute;top:0;left:50%;height:100%;width:4px;background:var(--white);cursor:ew-resize;transform:translate(-50%);z-index:10}.slider-line{width:100%;height:100%;background:var(--text-color)}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white);border:2px solid var(--text-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:var(--brutalist-shadow-sm)}.comparison-labels{position:absolute;bottom:1rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none}.comparison-labels span{background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:99px;font-size:.8rem;font-weight:600}.filter-options{margin-bottom:2rem}.filter-options h3{font-weight:800;margin-bottom:1rem}.filters-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.filter-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--white);border:2px solid #ddd;border-radius:12px;cursor:pointer;transition:var(--transition);font-family:inherit}.filter-btn:hover{border-color:var(--text-color);transform:translateY(-2px)}.filter-btn.active{border-color:var(--accent-color);background:var(--bg-color);box-shadow:var(--brutalist-shadow-sm)}.filter-preview-thumb{width:50px;height:50px;border-radius:8px;border:1px solid #ddd}.filter-btn span{font-size:.8rem;font-weight:600}.profile-workspace{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.profile-editor{flex:1;min-width:280px}.profile-editor h3{font-weight:800;margin-bottom:1rem}.profile-crop-area{width:280px;height:280px;border-radius:50%;overflow:hidden;position:relative;background:#f0f0f0;border:var(--border-width) solid var(--text-color);box-shadow:var(--brutalist-shadow);margin:0 auto 1rem;cursor:grab}.profile-crop-area:active{cursor:grabbing}.profile-crop-area img{width:100%;height:100%;object-fit:cover;pointer-events:none}.crop-controls{text-align:center}.crop-controls label{display:flex;align-items:center;gap:1rem;justify-content:center}.crop-controls label span{font-weight:600}.crop-controls input[type=range]{width:150px}.profile-preview-panel{flex:1;min-width:280px}.profile-preview-panel h3{font-weight:800;margin-bottom:1rem}.profile-previews{display:flex;gap:1.5rem;flex-wrap:wrap}.preview-card{text-align:center}.preview-label{font-weight:600;margin-bottom:.5rem;font-size:.9rem}.ig-profile-mock,.tiktok-profile-mock{background:var(--white);padding:1rem;border:2px solid #ddd;border-radius:15px}.ig-profile-mock canvas,.tiktok-profile-mock canvas{border-radius:50%;display:block;margin:0 auto .5rem}.ig-mock-name,.tiktok-mock-name{font-weight:600;font-size:.85rem}.border-options{margin-bottom:2rem}.border-options h3{font-weight:800;margin-bottom:1rem}.border-colors{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.border-color-btn{width:40px;height:40px;border-radius:50%;border:2px solid #ddd;cursor:pointer;transition:var(--transition);position:relative}.border-color-btn:hover{transform:scale(1.1)}.border-color-btn.active{border-color:var(--text-color);box-shadow:0 0 0 3px var(--bg-color),0 0 0 5px var(--text-color)}.border-color-btn span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800}.border-width-control,.border-width-control label{display:flex;align-items:center;gap:1rem}.border-width-control label span{font-weight:600}.compression-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.stat-card{background:var(--white);border:2px solid #ddd;border-radius:15px;padding:1.5rem 2rem;text-align:center;min-width:150px}.stat-card.original{border-color:#e74c3c}.stat-card.compressed{border-color:#2ecc71;background:#f0fff4}.stat-label{font-size:.85rem;opacity:.7;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:800}.stat-dimensions{font-size:.8rem;opacity:.6;margin-top:.25rem}.stat-savings{font-size:.9rem;font-weight:600;color:#2ecc71;margin-top:.25rem}.stat-arrow{font-size:2rem;font-weight:800;opacity:.3}.compressor-preview{display:flex;justify-content:center;margin-bottom:2rem}.compressor-preview img{max-width:100%;max-height:350px;border:var(--border-width) solid var(--text-color);border-radius:20px;box-shadow:var(--brutalist-shadow)}.quality-control{margin-bottom:2rem;text-align:center}.quality-control h3{font-weight:800;margin-bottom:1rem}.quality-slider-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.quality-slider-container input[type=range]{width:200px}.quality-label{font-size:.85rem;opacity:.7}.quality-value{font-weight:600}.format-options{margin-bottom:2rem;text-align:center}.format-options h3{font-weight:800;margin-bottom:1rem}.format-buttons{display:flex;justify-content:center;gap:.75rem}.format-btn{padding:.75rem 1.5rem;background:var(--white);border:2px solid #ddd;border-radius:10px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition)}.format-btn:hover{border-color:var(--text-color)}.format-btn.active{background:var(--accent-color);border-color:var(--text-color);box-shadow:var(--brutalist-shadow-sm)}.bg-preview-container{text-align:center}.bg-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.bg-original,.bg-preview{text-align:center}.bg-original h3,.bg-preview h3{font-weight:800;margin-bottom:1rem}.bg-image-box{background:var(--bg-color);border:2px solid var(--text-color);border-radius:15px;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:300px}.bg-image-box img,.bg-image-box canvas{max-width:100%;max-height:300px;border-radius:10px}.bg-image-box.checkerboard{background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 50% / 20px 20px}.bg-note{background:#fff3cd;border:2px solid var(--text-color);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.bg-note p{margin:0;font-size:.9rem}.hashtag-categories{margin-bottom:2rem}.hashtag-categories h3{font-weight:800;margin-bottom:1rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.category-btn{padding:.75rem 1rem;background:var(--white);border:2px solid #ddd;border-radius:10px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);text-align:left}.category-btn:hover{border-color:var(--text-color)}.category-btn.active{background:var(--accent-color);border-color:var(--text-color);box-shadow:var(--brutalist-shadow-sm)}.hashtag-output{margin-bottom:1.5rem}.hashtag-output h3{font-weight:800;margin-bottom:1rem}.hashtag-display{background:var(--bg-color);border:2px solid var(--text-color);border-radius:15px;padding:1.5rem;min-height:150px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.hashtag-tag{background:var(--white);border:1px solid #ccc;padding:.4rem .75rem;border-radius:20px;font-size:.85rem;color:#1da1f2}.hashtag-stats{display:flex;justify-content:space-between;font-size:.85rem;opacity:.7;margin-bottom:1rem}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--text-color);color:var(--white);padding:1rem 2rem;border-radius:10px;font-weight:600;opacity:0;transition:all .3s ease;z-index:1000}.copy-toast.show{transform:translate(-50%) translateY(0);opacity:1}.text-editor-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem;margin-bottom:1.5rem}.text-preview-section canvas{max-width:100%;border:2px solid var(--text-color);border-radius:15px}.text-options-section{display:flex;flex-direction:column;gap:1rem}.text-input-group{display:flex;flex-direction:column;gap:.5rem}.text-input-group label{font-weight:600;font-size:.9rem}.text-input-group textarea,.text-input-group input[type=text],.text-input-group select{padding:.75rem;border:2px solid #ddd;border-radius:10px;font-family:inherit;font-size:1rem;transition:var(--transition)}.text-input-group textarea:focus,.text-input-group input[type=text]:focus,.text-input-group select:focus{outline:none;border-color:var(--text-color)}.text-input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pos-btn{padding:.5rem;background:var(--white);border:2px solid #ddd;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:var(--transition)}.pos-btn:hover{border-color:var(--text-color)}.pos-btn.active{background:var(--accent-color);border-color:var(--text-color)}.ratio-calculator{display:grid;gap:2rem}.ratio-presets h3,.ratio-inputs h3,.ratio-result h3{font-weight:800;margin-bottom:1rem}.ratio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.ratio-btn{padding:1rem;background:var(--white);border:2px solid #ddd;border-radius:10px;font-weight:800;font-size:1.1rem;font-family:inherit;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.25rem}.ratio-btn span{font-weight:400;font-size:.75rem;opacity:.7}.ratio-btn:hover{border-color:var(--text-color)}.ratio-btn.active{background:var(--accent-color);border-color:var(--text-color);box-shadow:var(--brutalist-shadow-sm)}.input-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ratio-input-group label{display:block;font-weight:600;margin-bottom:.5rem}.ratio-input-row{display:flex;align-items:center;gap:.5rem}.ratio-input-row input,.dimension-input input,.dimension-input select{padding:.75rem;border:2px solid #ddd;border-radius:10px;font-family:inherit;font-size:1rem;width:80px}.dimension-input{display:flex;align-items:center;gap:.5rem}.dimension-input select{width:100px}.dimension-input input{width:120px}.result-display{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.result-box{background:var(--bg-color);border:2px solid var(--text-color);border-radius:15px;padding:1.5rem 2rem;text-align:center}.result-label{display:block;font-size:.85rem;opacity:.7;margin-bottom:.5rem}.result-value{font-size:2rem;font-weight:800}.result-unit{font-size:.9rem;opacity:.7}.result-x{font-size:1.5rem;font-weight:800}.ratio-preview-box{display:flex;justify-content:center;padding:1rem}.ratio-shape{background:var(--accent-color);border:3px solid var(--text-color);box-shadow:var(--brutalist-shadow-sm)}.converter-layout{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.original-format,.target-format{flex:1;text-align:center}.original-format h3,.target-format h3{font-weight:800;margin-bottom:1rem}.format-info-box{background:var(--bg-color);border:2px solid var(--text-color);border-radius:15px;padding:1.5rem}.format-info-box img{max-width:200px;max-height:150px;border-radius:10px;margin-bottom:1rem}.format-details{display:flex;flex-direction:column;gap:.25rem;font-weight:600}.convert-arrow{font-size:2rem;font-weight:800}.target-format .format-buttons{flex-direction:column}.target-format .format-btn{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.fmt-name{font-weight:800}.fmt-size{font-size:.85rem;opacity:.7}.qr-generator{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.qr-input-section h3{font-weight:800;margin-bottom:1rem}.qr-options-row{display:flex;gap:1rem;margin-top:1rem}.qr-preview-section{text-align:center}.qr-preview-section h3{font-weight:800;margin-bottom:1rem}.qr-preview-box{background:var(--bg-color);border:2px solid var(--text-color);border-radius:15px;padding:1.5rem;display:inline-block}.qr-preview-box canvas{display:block}.collage-layout-picker{margin-bottom:2rem}.collage-layout-picker h3{font-weight:800;margin-bottom:1rem}.layout-grid{display:flex;flex-wrap:wrap;gap:.75rem}.layout-btn{padding:.75rem;background:var(--white);border:2px solid #ddd;border-radius:10px;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:inherit}.layout-btn span{font-size:.75rem;font-weight:600}.layout-btn:hover{border-color:var(--text-color)}.layout-btn.active{background:var(--accent-color);border-color:var(--text-color)}.layout-preview{width:50px;height:50px;border:2px solid var(--text-color);display:grid;gap:2px;background:var(--text-color)}.layout-2h{grid-template-columns:1fr 1fr}.layout-2v{grid-template-rows:1fr 1fr}.layout-3h{grid-template-columns:1fr 1fr 1fr}.layout-4,.layout-1-2,.layout-2-1{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-preview>*{background:var(--bg-color)}.layout-1-2:before{content:"";grid-row:span 2}.layout-2-1:after{content:"";grid-row:span 2}.collage-builder{margin-bottom:1.5rem}.collage-builder h3{font-weight:800;margin-bottom:1rem}.collage-canvas-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto}.collage-canvas-wrapper canvas{width:100%;border:3px solid var(--text-color);border-radius:15px}.collage-slots{position:absolute;top:0;left:0;width:100%;height:100%}.collage-slot{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);background-size:cover;background-position:center}.collage-slot:hover{background-color:#0000001a}.slot-placeholder{background:#fffc;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem}.collage-options{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.meme-editor{display:grid;grid-template-columns:1fr 300px;gap:2rem;margin-bottom:1.5rem}.meme-preview{text-align:center}.meme-preview canvas{max-width:100%;border:3px solid var(--text-color);border-radius:15px}.meme-options{display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.bg-comparison,.text-editor-layout,.qr-generator,.meme-editor{grid-template-columns:1fr}.ratio-grid{grid-template-columns:repeat(2,1fr)}.input-section{grid-template-columns:1fr}.converter-layout{flex-direction:column}.convert-arrow{transform:rotate(90deg)}.category-grid{grid-template-columns:repeat(2,1fr)}}