:root{
  --primary:#6750a4;--on-primary:#fff;--primary-container:#eaddff;--on-primary-container:#21005d;
  --secondary-container:#e8def8;--on-secondary-container:#1d192b;--tertiary:#7d5260;
  --bg:#fffbfe;--surface:#fffbfe;--surface-1:#f7f2fa;--surface-2:#f3edf7;--surface-3:#ece6f0;
  --text:#1d1b20;--muted:#49454f;--outline:#79747e;--outline-variant:#cac4d0;--danger:#b3261e;
  --success:#2d6a4f;--shadow:0 8px 24px rgba(29,27,32,.08);--shadow-lg:0 24px 64px rgba(29,27,32,.18);
  --radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--nav-h:74px;
}
[data-theme="dark"]{
  --primary:#d0bcff;--on-primary:#381e72;--primary-container:#4f378b;--on-primary-container:#eaddff;
  --secondary-container:#4a4458;--on-secondary-container:#e8def8;--tertiary:#efb8c8;
  --bg:#141218;--surface:#141218;--surface-1:#1d1b20;--surface-2:#211f26;--surface-3:#2b2930;
  --text:#e6e0e9;--muted:#cac4d0;--outline:#938f99;--outline-variant:#49454f;--danger:#f2b8b5;
  --success:#95d5b2;--shadow:0 10px 26px rgba(0,0,0,.22);--shadow-lg:0 26px 72px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:2px}.hidden{display:none!important}.svg-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.app-layout{min-height:100vh}.side-rail{position:fixed;inset:0 auto 0 0;width:92px;background:var(--surface-1);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;align-items:center;padding:18px 10px;z-index:50}.rail-brand{width:52px;height:52px;border-radius:18px;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-weight:800;font-size:24px;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 22%,transparent)}.rail-nav{display:grid;gap:7px;margin-top:30px;width:100%}.rail-item{border:0;background:transparent;color:var(--muted);border-radius:18px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;transition:.18s}.rail-item small{font-size:10px;font-weight:700}.rail-item.active{background:var(--secondary-container);color:var(--on-secondary-container)}.rail-item:hover{background:var(--surface-3)}.rail-bottom{margin-top:auto;width:100%}.content-shell{margin-left:92px;max-width:1450px;padding:0 34px 36px}.topbar{height:76px;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 55%,transparent)}.desktop-title{display:grid;gap:2px}.desktop-title strong{font-size:18px;letter-spacing:-.02em}.desktop-title span{font-size:12px;color:var(--muted)}.mobile-brand{display:none;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;border-radius:15px;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-size:19px;font-weight:800}.mobile-brand>div:last-child{display:grid;gap:1px}.mobile-brand small{color:var(--muted);font-size:10px}.top-actions{display:flex;align-items:center;gap:9px}.network-chip{height:34px;padding:0 12px;border-radius:999px;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.network-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent)}.icon-btn{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--text);transition:.18s}.icon-btn:hover{background:var(--surface-2)}
.hero-panel{margin-top:24px;min-height:360px;border-radius:var(--radius-xl);padding:42px 46px;background:linear-gradient(135deg,var(--primary-container),color-mix(in srgb,var(--primary-container) 55%,var(--surface-2)));color:var(--on-primary-container);display:grid;grid-template-columns:1.3fr .7fr;gap:34px;overflow:hidden;position:relative}.hero-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;bottom:-180px;border:55px solid color-mix(in srgb,var(--primary) 11%,transparent)}.hero-copy-wrap{align-self:center;position:relative;z-index:2}.overline{margin:0 0 7px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:11px;color:var(--primary)}.hero-panel .overline{color:currentColor;opacity:.68}.hero-panel h1{margin:0;max-width:720px;font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.052em;font-weight:750}.hero-panel h1 span{opacity:.72}.hero-panel p:not(.overline){max-width:650px;margin:20px 0 0;line-height:1.62;font-size:15px;opacity:.78}.hero-actions{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}.filled-btn,.tonal-btn,.outlined-btn,.text-button,.outlined-danger{border:0;font-weight:750}.filled-btn,.tonal-btn,.outlined-btn{height:46px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;gap:9px}.filled-btn{background:var(--primary);color:var(--on-primary);box-shadow:0 5px 16px color-mix(in srgb,var(--primary) 20%,transparent)}.tonal-btn{background:var(--secondary-container);color:var(--on-secondary-container)}.outlined-btn{border:1px solid var(--outline);background:transparent;color:var(--primary)}.text-button{background:transparent;color:var(--primary);padding:9px 10px;border-radius:999px}.text-button:hover{background:color-mix(in srgb,var(--primary) 9%,transparent)}.hero-visual{min-height:270px;position:relative;display:grid;place-items:center}.visual-core{width:118px;height:118px;border-radius:38px;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-size:52px;font-weight:800;box-shadow:0 18px 40px color-mix(in srgb,var(--primary) 28%,transparent);z-index:3}.visual-card{position:absolute;width:116px;height:84px;border-radius:22px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow);display:grid;place-items:center;gap:4px;padding:10px;color:var(--text);backdrop-filter:blur(15px)}.visual-card small{font-weight:750;font-size:11px}.visual-card .svg-icon{width:26px;height:26px;color:var(--primary)}.card-a{left:4%;top:12%;transform:rotate(-7deg)}.card-b{right:1%;top:21%;transform:rotate(8deg)}.card-c{left:22%;bottom:5%;transform:rotate(4deg)}
.search-wrap{position:sticky;top:76px;z-index:30;padding:22px 0 8px;background:linear-gradient(var(--bg) 72%,transparent)}.search-bar{height:60px;max-width:860px;margin:auto;border-radius:30px;background:var(--surface-2);display:flex;align-items:center;gap:13px;padding:0 20px;box-shadow:0 3px 12px rgba(29,27,32,.06);transition:.18s}.search-bar:focus-within{box-shadow:0 0 0 2px var(--primary),0 6px 20px rgba(29,27,32,.08);background:var(--surface)}.search-icon{color:var(--muted)}.search-bar input{border:0;outline:0;background:transparent;color:var(--text);flex:1;min-width:0;font-size:15px}.search-bar input::placeholder{color:var(--muted)}.search-bar kbd{border:1px solid var(--outline-variant);background:var(--surface);color:var(--muted);border-radius:8px;padding:3px 7px;font-size:10px}.clear-search{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;padding:6px;border-radius:50%}
.category-view .hero-panel,.category-view #quickSection,.category-view .two-column-section{display:none}.category-view .search-wrap{padding-top:18px}.category-view #toolsSection{margin-top:20px}.section{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}.section-heading h2{margin:0;font-size:28px;letter-spacing:-.035em;font-weight:700}.section-heading.compact h2{font-size:22px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-card{min-height:118px;border:0;border-radius:var(--radius-lg);padding:18px;background:var(--surface-1);color:var(--text);display:flex;align-items:center;gap:14px;text-align:left;transition:.18s}.quick-card:hover,.tool-card:hover{background:var(--surface-2);transform:translateY(-2px)}.tool-icon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:var(--primary-container);color:var(--on-primary-container);flex:none}.tool-icon .svg-icon{width:24px;height:24px}.quick-info{min-width:0}.quick-info strong{display:block;font-size:14px}.quick-info small{display:block;color:var(--muted);margin-top:4px;font-size:11px;line-height:1.35}.two-column-section{display:grid;grid-template-columns:1fr 1fr;gap:18px}.surface-panel{background:var(--surface-1);border-radius:var(--radius-lg);padding:20px}.compact-list{display:grid;gap:4px}.compact-item{cursor:pointer;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:12px;text-align:left;border-radius:16px;padding:10px;transition:.18s}.compact-item:hover{background:var(--surface-3)}.compact-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--primary-container);color:var(--on-primary-container);flex:none}.compact-icon .svg-icon{width:19px;height:19px}.compact-info{flex:1;min-width:0}.compact-info strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-info small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.star-button{border:0;background:transparent;color:var(--primary);border-radius:50%;padding:8px;display:grid;place-items:center}.star-button.filled svg{fill:currentColor}.empty-mini{padding:18px 8px;color:var(--muted);font-size:12px;text-align:center}.tools-heading{align-items:center}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.chip{height:36px;border:1px solid var(--outline-variant);background:transparent;color:var(--text);padding:0 14px;border-radius:10px;font-size:11px;font-weight:750}.chip:hover{background:var(--surface-2)}.chip.active{background:var(--secondary-container);color:var(--on-secondary-container);border-color:transparent}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{position:relative;cursor:pointer;min-height:178px;border:0;border-radius:var(--radius-lg);padding:18px;background:var(--surface-1);color:var(--text);text-align:left;display:flex;flex-direction:column;transition:.18s}.tool-card .tool-icon{margin-bottom:20px}.tool-card h3{font-size:15px;margin:auto 32px 6px 0;letter-spacing:-.015em}.tool-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.tool-card .star-button{position:absolute;top:10px;right:10px}.category-badge{position:absolute;right:14px;bottom:14px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.empty-state{padding:58px 20px;text-align:center;color:var(--muted)}.empty-state>.svg-icon{width:40px;height:40px;margin:0 auto 12px}.empty-state h3{color:var(--text);margin:0 0 6px}.empty-state p{margin:0;font-size:13px}.privacy-banner{margin:38px 0 8px;padding:24px;border-radius:var(--radius-lg);background:var(--primary-container);color:var(--on-primary-container);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.privacy-icon{width:54px;height:54px;border-radius:18px;background:color-mix(in srgb,var(--primary) 14%,transparent);display:grid;place-items:center}.privacy-banner .overline{color:inherit;opacity:.65}.privacy-banner h3{margin:0 0 5px}.privacy-banner p:not(.overline){margin:0;font-size:12px;line-height:1.5;opacity:.75}.privacy-tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.privacy-tags span{padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--surface) 55%,transparent);font-size:10px;font-weight:800}.footer{padding:24px 2px 4px;color:var(--muted);display:flex;justify-content:space-between;font-size:11px}.footer b{color:var(--primary)}.bottom-nav{display:none}
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(3px)}.modal-sheet{position:relative;width:min(820px,100%);max-height:min(88vh,920px);overflow:auto;border-radius:28px;background:var(--surface-1);box-shadow:var(--shadow-lg);animation:modalIn .18s ease-out}.settings-sheet{width:min(610px,100%)}@keyframes modalIn{from{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:none}}.sheet-handle{display:none}.modal-header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--surface-1) 92%,transparent);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--outline-variant)}.modal-title-wrap{display:flex;align-items:center;gap:13px}.modal-title-wrap h2{margin:0;font-size:23px;letter-spacing:-.03em}.modal-title-wrap .overline{margin-bottom:3px}.modal-icon{width:46px;height:46px;border-radius:16px;background:var(--primary-container);color:var(--on-primary-container);display:grid;place-items:center}.modal-actions{display:flex;gap:4px}.modal-body{padding:22px 22px 30px}.tool-form{display:grid;gap:16px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:grid;gap:6px}.field label{font-size:11px;font-weight:800;color:var(--muted)}.field input,.field select,.field textarea,.select-control{width:100%;border:1px solid var(--outline-variant);border-radius:12px;background:var(--surface);color:var(--text);padding:12px 13px;outline:0}.field textarea{min-height:150px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus,.select-control:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.button-row{display:flex;flex-wrap:wrap;gap:8px}.result-card{border-radius:16px;background:var(--surface-2);padding:17px;line-height:1.55;overflow:auto;border:1px solid transparent}.result-card.success{border-color:color-mix(in srgb,var(--success) 38%,transparent)}.result-card.error{border-color:color-mix(in srgb,var(--danger) 42%,transparent);color:var(--danger)}.result-card strong.big{display:block;font-size:31px;color:var(--primary);letter-spacing:-.04em}.result-card pre{margin:0;white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.notice{border-radius:14px;padding:13px 14px;background:var(--primary-container);color:var(--on-primary-container);font-size:11px;line-height:1.55}.drop-zone{position:relative;display:grid;justify-items:center;gap:9px;border:1.5px dashed var(--outline-variant);border-radius:22px;padding:28px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-container) 20%,var(--surface)),var(--surface));text-align:center;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.drop-zone:hover{border-color:var(--primary);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-container) 34%,var(--surface)),var(--surface));box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 9%,transparent)}.drop-zone:active{transform:scale(.995)}.drop-zone:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.drop-zone.has-files{border-style:solid;border-color:color-mix(in srgb,var(--primary) 72%,var(--outline-variant));background:color-mix(in srgb,var(--primary-container) 28%,var(--surface))}.native-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;inset:auto!important}.upload-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 7px 20px color-mix(in srgb,var(--primary) 10%,transparent)}.upload-icon .svg-icon{width:27px;height:27px;margin:0}.upload-copy{display:grid;gap:4px}.upload-copy strong{font-size:14px;letter-spacing:-.01em}.upload-copy small{color:var(--muted);font-size:11px;line-height:1.45}.file-picker-btn{height:42px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--on-primary);box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 18%,transparent);pointer-events:none}.file-picker-btn .svg-icon{width:18px;height:18px;margin:0}.file-picker-btn b{font-size:12px}.file-selection{display:block;max-width:min(100%,520px);min-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-weight:650}.drop-zone.has-files .file-selection{color:var(--primary)}.file-list{display:grid;gap:6px}.file-row{padding:10px 12px;border-radius:12px;background:var(--surface-2);display:flex;justify-content:space-between;gap:12px;font-size:11px}.preview-img,.canvas-wrap canvas{max-width:100%;height:auto;border-radius:14px;display:block;margin:auto}.canvas-wrap{padding:12px;border-radius:16px;background:var(--surface-2);overflow:auto}.qr-output{min-height:230px;padding:18px;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:auto}.timer-display{font-size:clamp(44px,11vw,76px);font-weight:750;text-align:center;letter-spacing:-.06em;padding:20px}.score-bar{height:10px;border-radius:99px;background:var(--outline-variant);overflow:hidden}.score-bar span{height:100%;display:block;border-radius:inherit;background:var(--primary)}.row-actions{display:flex;gap:8px;align-items:center}.copy-btn{border:0;background:var(--surface-3);color:var(--text);border-radius:10px;padding:8px 10px;font-size:11px;font-weight:750}.table-wrap{overflow:auto}.simple-table{width:100%;border-collapse:collapse;font-size:12px}.simple-table th,.simple-table td{padding:10px;border-bottom:1px solid var(--outline-variant);text-align:left}.simple-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.settings-body{display:grid;gap:14px}.settings-group{border-radius:18px;background:var(--surface-2);padding:16px}.settings-group>h3{font-size:12px;color:var(--primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.setting-row.vertical{display:grid;justify-content:stretch}.setting-row strong{font-size:13px}.setting-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.select-control{width:auto;min-width:120px;padding:9px 12px}.range-line{display:flex;align-items:center;gap:12px}.range-line input{flex:1;accent-color:var(--primary)}.range-line span{font-size:11px;font-weight:800;color:var(--primary);min-width:38px}.switch{position:relative;width:52px;height:32px;flex:none}.switch input{opacity:0;position:absolute}.switch span{position:absolute;inset:0;border:2px solid var(--outline);border-radius:999px}.switch span:after{content:"";position:absolute;width:16px;height:16px;left:6px;top:6px;background:var(--outline);border-radius:50%;transition:.18s}.switch input:checked+span{background:var(--primary);border-color:var(--primary)}.switch input:checked+span:after{width:24px;height:24px;left:22px;top:2px;background:var(--on-primary)}.settings-note{color:var(--muted);font-size:11px;line-height:1.55;margin:0 0 12px}.outlined-danger{border:1px solid var(--danger);color:var(--danger);background:transparent;border-radius:999px;padding:10px 14px}.about-card{display:flex;align-items:center;gap:12px}.about-mark{width:44px;height:44px;border-radius:15px;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-weight:800}.about-card small{display:block;color:var(--muted);margin-top:3px}.toast{position:fixed;z-index:200;left:50%;bottom:30px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#322f35;color:#fff;border-radius:8px;padding:12px 16px;font-size:12px;box-shadow:var(--shadow-lg);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{grid-template-columns:1fr .52fr}.hero-visual{transform:scale(.9)}}
@media(max-width:760px){.drop-zone{padding:24px 16px;border-radius:20px}.upload-icon{width:54px;height:54px;border-radius:18px}.file-picker-btn{width:100%;justify-content:center;max-width:280px}.file-selection{max-width:100%}.side-rail{display:none}.content-shell{margin-left:0;padding:0 14px calc(var(--nav-h) + 34px)}.topbar{height:64px}.desktop-title{display:none}.mobile-brand{display:flex}.top-actions .network-chip{display:none}.top-actions .icon-btn{width:40px;height:40px}.hero-panel{margin-top:14px;min-height:auto;display:block;padding:28px 24px;border-radius:26px}.hero-panel h1{font-size:41px}.hero-panel p:not(.overline){font-size:13px}.hero-visual{display:none}.search-wrap{top:64px;padding-top:14px}.search-bar{height:54px;border-radius:27px;padding:0 16px}.search-bar kbd{display:none}.section{margin-top:28px}.section-heading h2{font-size:24px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-card{min-height:104px;padding:14px}.quick-card .tool-icon{width:44px;height:44px;border-radius:15px}.two-column-section{grid-template-columns:1fr;gap:0}.surface-panel{padding:17px;border-radius:22px}.tools-heading{align-items:flex-start;flex-direction:column}.filter-chips{width:100%;flex-wrap:nowrap;overflow:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap}.tool-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{min-height:164px;padding:15px;border-radius:21px}.tool-card .tool-icon{width:46px;height:46px;border-radius:16px;margin-bottom:15px}.tool-card h3{font-size:14px}.privacy-banner{grid-template-columns:auto 1fr;padding:19px}.privacy-tags{grid-column:1/-1;justify-content:flex-start;padding-left:0}.footer{display:none}.bottom-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:7px 8px max(7px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-1) 94%,transparent);border-top:1px solid var(--outline-variant);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(5,1fr)}.nav-item{border:0;background:transparent;color:var(--muted);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px}.nav-item small{font-size:9px;font-weight:750}.nav-item .svg-icon{width:21px;height:21px}.nav-item.active{color:var(--on-secondary-container);background:var(--secondary-container)}.modal{align-items:flex-end;padding:0}.modal-sheet{width:100%;max-height:92vh;border-radius:28px 28px 0 0}.sheet-handle{display:block;width:34px;height:4px;border-radius:99px;background:var(--outline);margin:9px auto 0;opacity:.7}.modal-header{padding:12px 14px 14px}.modal-title-wrap h2{font-size:20px}.modal-icon{width:42px;height:42px;border-radius:14px}.modal-body{padding:17px 16px 28px}.field-grid{grid-template-columns:1fr}.toast{bottom:92px;max-width:calc(100% - 28px);text-align:center}.setting-row{align-items:flex-start}.select-control{min-width:110px}}
@media(max-width:390px){.hero-panel h1{font-size:35px}.hero-panel{padding:25px 20px}.quick-grid,.tool-grid{gap:8px}.quick-card{display:grid;gap:9px}.tool-card{min-height:154px}.tool-card p{font-size:10px}.mobile-brand small{display:none}}