@media (max-width: 860px) { .tool-page-content, .tools-directory-content { width: min(100% - 28px, 720px); }.uuid-controls { grid-template-columns: 1fr 1fr; align-items: center; }.generate-button { width: 100%; justify-self: stretch; }.uuid-information { grid-template-columns: 1fr; }.qr-workspace { grid-template-columns: 1fr; }.qr-form-panel { border-right: 0; border-bottom: 1px solid rgba(101, 116, 160, .18); }.qr-preview-box { width: min(300px, 100%); }.qr-download-button { width: min(300px, 100%); }.upcoming-tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.conversion-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }.json-editor-grid { grid-template-columns: 1fr; }.json-textarea-shell textarea { min-height: 250px; }.json-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }.json-indent-control { grid-column: 1 / -1; }.password-builder-grid { grid-template-columns: 1fr; }.password-options-panel { border-right: 0; border-bottom: 1px solid rgba(101, 116, 160, .17); } }
@media (max-width: 560px) { .brand { gap: 8px; }.brand-name { font-size: 16px; }.brand-ai { font-size: 15px; }.signup-button { padding: 0 16px; }.theme-button { display: none; }.hero h1 { font-size: 39px; }.hero-copy > p { font-size: 15px; }.desktop-break { display: none; }.hero-actions { flex-direction: column; align-items: stretch; padding: 0 14px; }.secondary-action { min-width: 0; }.hero-visual { height: 300px; transform: scale(.7); margin: 0 -90px; }.catalog { width: calc(100% - 14px); padding: 48px 12px 18px; }.search-bar { width: calc(100% - 20px); }.search-bar select { display: none; }.agent-grid { grid-template-columns: 1fr; }.agent-card:nth-child(2) { display: none; }.tools-grid { grid-template-columns: repeat(3, 1fr); gap: 7px; }.tool-card { height: 102px; }.section-heading-row > a { display: none; }.benefits-grid { grid-template-columns: 1fr; }.benefit { padding: 6px 0; }.tool-page-content, .tools-directory-content { width: calc(100% - 20px); padding-top: 22px; }.breadcrumb { font-size: 11px; }.tool-page-hero { padding: 30px 4px 23px; align-items: flex-start; }.tool-page-icon { width: 58px; height: 58px; flex-basis: 58px; border-radius: 14px; font-size: 32px; }.tool-page-hero h1 { font-size: 29px; }.tool-page-hero > div > p:last-child { font-size: 13px; }.uuid-controls { padding: 18px; grid-template-columns: 1fr; gap: 12px; }.option-toggle { height: 29px; }.generate-button { margin-top: 4px; }.uuid-results-heading { padding: 19px 17px 13px; }.copy-all-button { font-size: 0; min-width: 39px; }.copy-all-button::after { content: "Copy"; font-size: 11px; }.uuid-list { padding: 0 10px 8px; }.uuid-row { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 7px; padding-left: 9px; }.uuid-row code { font-size: 11px; }.uuid-row button { min-width: 37px; font-size: 13px; }.uuid-row button span { display: none; }.uuid-status { padding-left: 17px; }.qr-form-panel, .qr-preview-panel { padding: 18px; }.qr-options-grid { grid-template-columns: 1fr; gap: 12px; }.qr-actions { flex-direction: column; }.qr-clear-button { width: 100%; }.qr-preview-box { margin-top: 18px; }.tools-directory-hero { padding: 42px 0 32px; text-align: left; }.tools-directory-hero h1 { font-size: 34px; }.tools-directory-grid, .upcoming-tools-grid { grid-template-columns: 1fr; }.directory-tool-card { min-height: 108px; padding: 16px; grid-template-columns: 50px minmax(0, 1fr) auto; gap: 13px; }.directory-tool-icon { width: 50px; height: 50px; font-size: 25px; }.upcoming-tool-card { grid-template-columns: 44px minmax(0, 1fr); }.upcoming-tool-card .directory-tool-icon { width: 44px; height: 44px; }.coming-soon-badge { display: none; }.text-case-workspace { padding: 18px; }.text-case-label-row { align-items: flex-start; flex-direction: column; gap: 5px; }.conversion-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }.conversion-actions .clear-converter-button { grid-column: 1 / -1; }.text-area-shell textarea { min-height: 140px; }.json-workspace { padding: 18px 18px 0; }.json-controls { margin-left: -18px; margin-right: -18px; padding: 16px 18px; grid-template-columns: 1fr; }.json-indent-control { grid-column: auto; }.json-status { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px; }.json-editor-heading { align-items: flex-start; flex-direction: column; gap: 5px; }.json-textarea-shell textarea { min-height: 220px; }.password-output-card, .password-options-panel, .password-strength-panel { padding: 18px; }.password-output-row { grid-template-columns: 1fr auto; }.password-output-row input { grid-column: 1 / -1; }.password-character-options { grid-template-columns: 1fr; }.password-stats { grid-template-columns: 1fr; }.password-strength-heading strong { font-size: 17px; } }
@media (max-width: 560px) { .collapsed-theme-control .theme-button { display: grid; } }