@layer components{.tool-model-picker{color:#f2edfa;background:radial-gradient(at 0 0,#49316535,#0000 65%),#11121c;border:1px solid #70608d;border-radius:24px;width:min(1120px,100% - 40px);max-width:none;height:min(880px,100dvh - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 28px 100px #000a}.tool-model-picker[open]{flex-direction:column;display:flex}.tool-model-picker::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050711cf}.tool-model-picker-header{border-bottom:1px solid #75608c38;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 28px 16px;display:flex}.tool-model-picker-header>div{min-width:0}.tool-model-picker-header .section-kicker{letter-spacing:1.2px;color:#c5b4e4;font-size:11px;line-height:1.6;display:block}.tool-model-picker-header h2{letter-spacing:-.6px;overflow-wrap:anywhere;color:#f6f1ff;margin:8px 0;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.25}.tool-model-picker-header p{color:#c2b8d1;max-width:760px;margin:0;font-size:15px;line-height:1.65}.tool-model-picker-header>button{color:#f1e6ff;cursor:pointer;background:#252033;border:1px solid #746286;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;display:grid}.tool-model-picker-header>button:hover{background:#392b4c}.tool-model-picker-toolbar{flex:none;align-items:center;gap:16px;margin:0;padding:18px 28px;display:flex}.tool-model-picker-toolbar label{color:#c7b1de;background:#1e1a2b;border:1px solid #766489;border-radius:13px;flex:1;align-items:center;gap:12px;min-width:0;min-height:50px;padding:12px 16px;display:flex}.tool-model-picker-toolbar label>svg{flex:none}.tool-model-picker-toolbar input{color:#f5efff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:16px;line-height:1.5}.tool-model-picker-toolbar input::placeholder{color:#b5a8c6}.tool-model-picker-toolbar label:focus-within{outline-offset:2px;outline:2px solid #bea1ef}.tool-model-picker-toolbar>span{color:#c5b9d6;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.tool-model-picker-body{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#80629c #171321;flex:1;min-height:0;padding:0 28px 28px;overflow-y:auto}.tool-model-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-model-tile{background:linear-gradient(145deg,#262032,#1a1825);border:1px solid #655373;border-radius:17px;flex-direction:column;min-width:0;padding:21px;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.tool-model-tile:hover{background:#30233f;border-color:#b493da;box-shadow:0 8px 24px #0003}.tool-model-tile-top{align-items:center;gap:12px;min-width:0;display:flex}.tool-model-tile-top h3{color:#faf5ff;overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:17px;font-weight:750;line-height:1.45}.tool-model-tile-top>svg{color:#c6b3dc;flex:none}.tool-model-logo{color:#563d6b;background:linear-gradient(135deg,#f6efff,#def6ef);border:1px solid #b493d177;border-radius:13px;flex:none;place-items:center;width:48px;height:48px;display:grid}.tool-model-logo img{object-fit:contain;width:32px;height:32px;display:block}.tool-model-tile>p{color:#c5bad3;overflow-wrap:anywhere;margin:16px 0;font-size:14px;line-height:1.7}.tool-model-tags{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.tool-model-tags>span{color:#e0cdef;background:#6d448529;border:1px solid #88629f66;border-radius:20px;padding:5px 9px;font-size:12px;line-height:1.5}.tool-model-tile-cta{color:#a9eddb;border-top:1px solid #856d9b55;justify-content:space-between;align-items:center;gap:10px;min-height:46px;margin-top:16px;padding-top:14px;font-size:14px;font-weight:700;display:flex}.tool-model-tile-cta>svg{flex:none}.tool-model-picker-empty{text-align:center;color:#d1bbdf;padding:45px 15px}.tool-model-picker-empty>svg{margin:auto}.tool-model-picker-empty>p{margin:15px 0;font-size:16px;line-height:1.6}.tool-model-picker-empty button{color:#f4e5ff;cursor:pointer;border:1px solid #b382d4;border-radius:10px;min-height:46px;padding:10px 16px;font-size:14px}.tool-model-picker button:focus-visible,.tool-model-tile:focus-visible{outline-offset:3px;outline:2px solid #a1f3dd}html.light-theme .tool-model-picker-header{border-color:#c9e2cf}html.light-theme .tool-model-picker-header p,html.light-theme .tool-model-picker-toolbar>span{color:#526b5d}html.light-theme .tool-model-picker-header>button{color:#28543b;background:#eaf5ed;border-color:#b8d6c0}html.light-theme .tool-model-picker-toolbar label{color:#317650;background:#f3faf5;border-color:#b8d6c0}html.light-theme .tool-model-picker-toolbar input{color:#214c34}html.light-theme .tool-model-picker-toolbar input::placeholder{color:#607967}html.light-theme .tool-model-picker-toolbar label:focus-within{outline-color:#368b5a}html.light-theme .tool-model-tile:hover{background:#eaf5ed;border-color:#6eaa82}html.light-theme .tool-model-tile-cta{color:#256c44;border-color:#c9e2cf}html.light-theme .tool-model-tile-top>svg{color:#47825a}html.light-theme .tool-model-picker-empty,html.light-theme .tool-model-picker-empty button{color:#315c40}html.light-theme .tool-model-picker-body{scrollbar-color:#89b795 #f1f9f3}#home-tools button.card-content{cursor:pointer}#home-tools button.card-media-link{cursor:pointer;background:0 0;border:0;width:100%;height:100%}#home-tools button.card-content:hover .card-arrow{color:#a1f3dd}#home-tools .tool-grid>.tool-card{border-radius:22px;overflow:hidden}.tool-model-logo-seedream img{mix-blend-mode:multiply;filter:saturate(1.5)contrast(1.08)}@media (max-width:950px){.tool-model-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.tool-model-picker{border-radius:19px;width:calc(100% - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.tool-model-picker-header{gap:12px;padding:20px 16px 14px}.tool-model-picker-header h2{font-size:26px}.tool-model-picker-header p{font-size:14px}.tool-model-picker-header>button{width:44px;height:44px}.tool-model-picker-toolbar{flex-wrap:wrap;gap:10px;padding:14px 16px}.tool-model-picker-toolbar label{flex-basis:100%}.tool-model-picker-body{padding:0 16px 20px}.tool-model-picker-grid{grid-template-columns:1fr;gap:12px}.tool-model-tile{padding:18px}}@media (max-height:540px){.tool-model-picker-header{padding-block:12px}.tool-model-picker-header p{font-size:13px}.tool-model-picker-toolbar{padding-block:10px}}@media (prefers-reduced-motion:reduce){.tool-model-tile{transition:none}}}