.utility-shell{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(360px,1.28fr);gap:24px;padding-bottom:70px;align-items:start}.utility-shell>.settings-panel{grid-row:span 2}.utility-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:24px;border:2px dashed #bfd0f5;border-radius:16px;text-align:center;cursor:pointer;background:var(--soft)}.utility-drop.drag{border-color:var(--blue);background:#edf4ff}.utility-drop small{color:var(--muted);margin-top:4px}.utility-preview{display:grid;place-items:center;min-height:320px;border-radius:12px;overflow:hidden;background:var(--soft)}.utility-preview img{max-width:100%;max-height:440px;object-fit:contain}.progress-track{height:8px;margin-top:16px;overflow:hidden;border-radius:99px;background:var(--soft)}.progress-track span{display:block;width:0;height:100%;background:var(--blue);transition:width .2s}.utility-result{grid-column:2;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--card)}.utility-result textarea{width:100%;resize:vertical;min-height:230px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}.utility-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.utility-actions .btn-secondary-custom{margin:0}.voice-shell{grid-template-columns:minmax(280px,.7fr) minmax(360px,1.3fr)}.voice-result{grid-column:2}.voice-control{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 10px}.voice-button{display:grid;place-items:center;width:92px;height:92px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:2rem;box-shadow:0 0 0 10px #246bfd20;transition:.2s}.voice-button.listening{background:#d92d20;animation:pulse 1.6s infinite}.voice-button:disabled{opacity:.45}.footer-bottom{display:flex;justify-content:space-between;gap:16px}@keyframes pulse{50%{box-shadow:0 0 0 20px #d92d2020}}@media(max-width:850px){.utility-shell,.voice-shell{grid-template-columns:1fr}.utility-shell>.settings-panel{grid-row:auto}.utility-result,.voice-result{grid-column:1}.utility-preview{min-height:240px}}@media(max-width:480px){.utility-shell{padding-left:12px;padding-right:12px}.utility-shell .settings-panel,.utility-shell .preview-panel,.utility-result{padding:18px}.utility-actions{flex-direction:column}.utility-actions button{width:100%}.footer-bottom{flex-direction:column;text-align:center}.voice-button{width:82px;height:82px}}
