/* V54 dedicated mobile UX hardening */
html,body{max-width:100%;overflow-x:hidden}.tool-page,.tool-container,.tool-workspace,.panel,.content-section,.card{min-width:0}.qc-purpose-workspace{display:grid;gap:1rem}.qc-workspace-head,.qc-result-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.qc-purpose-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:.9rem}.qc-purpose-field{display:grid;gap:.4rem;min-width:0}.qc-purpose-field>span{font-weight:700}.qc-purpose-field input,.qc-purpose-field textarea,.qc-purpose-editor textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.qc-purpose-actions{display:flex;flex-wrap:wrap;gap:.65rem}.qc-purpose-feedback{padding:.75rem 1rem;border-radius:.75rem;background:var(--surface-2,#f3f4f6)}.qc-purpose-feedback[data-state="error"]{outline:2px solid currentColor}.qc-purpose-result-wrap{min-width:0}.qc-purpose-preview{margin-top:1rem;padding:1rem;overflow:auto;border:1px solid var(--border,#d1d5db);border-radius:.75rem;background:#fff;color:#111}.qc-local-badge{white-space:nowrap;font-size:.8rem;padding:.35rem .6rem;border-radius:999px;background:var(--surface-2,#eef2ff)}
img,svg,video,canvas,iframe{max-width:100%}pre,code,.tool-output,textarea{overflow-wrap:anywhere}table{max-width:100%}.table-wrap,.responsive-table,.qc-table-wrap{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.button,.icon-button,button,input,select,textarea{max-width:100%}.drop-zone{min-width:0}.modal,.dialog,[role="dialog"]{max-width:calc(100vw - 1rem)}
@media(max-width:430px){.container,.tool-container{width:100%;max-width:100%;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}.tool-hero-card,.qc-workspace-head,.section-head,.qc-result-head{flex-direction:column;align-items:stretch}.tool-actions,.tool-controls,.qc-purpose-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.tool-actions>* ,.tool-controls>* ,.qc-purpose-actions>*{width:100%;min-height:44px}.qc-purpose-fields{grid-template-columns:1fr}.qc-local-badge{justify-self:start}.drop-zone{padding:1rem}.tool-workspace,.content-section,.prose-card,.panel{padding-left:14px!important;padding-right:14px!important}.related-grid,.article-grid,.steps-grid,.qc-answer-grid,.qc-test-grid{grid-template-columns:1fr!important}.breadcrumbs{overflow-x:auto;white-space:nowrap;padding-bottom:.25rem}.qc-history-item{display:grid!important;grid-template-columns:1fr!important;gap:.65rem}.qc-history-item .button{width:100%}input,select,textarea{font-size:16px!important}.star-rating{display:flex;flex-wrap:wrap}.star-rating button{min-width:44px;min-height:44px}}
@media(max-width:360px){.tool-actions,.tool-controls,.qc-purpose-actions{grid-template-columns:1fr}.tool-hero-card h1{font-size:clamp(1.65rem,8vw,2.2rem)}.category-pill,.badge{white-space:normal}.qc-inline-processing,.tool-lifecycle-notice{align-items:flex-start;gap:.4rem}.qc-statebar{grid-template-columns:auto 1fr!important}.qc-statebar>span:last-child{grid-column:1/-1}}
@media(max-width:320px){.container,.tool-container{padding-left:10px!important;padding-right:10px!important}.tool-workspace,.content-section,.prose-card,.panel{padding-left:12px!important;padding-right:12px!important}.button,button{padding-left:.7rem;padding-right:.7rem}}