@layer components{.tool-model-picker{overscroll-behavior:contain;color:#e8d8f2;background:radial-gradient(at 0 0,#67428429,#0000 60%),#110d19;border:1px solid #9e73ba99;border-radius:25px;width:min(1080px,100vw - 32px);max-width:none;max-height:90dvh;margin:auto;padding:30px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 0 65px #9952d52b,0 25px 100px #000a}.tool-model-picker::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06050bcc}.tool-model-picker-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tool-model-picker-header h2{letter-spacing:-.7px;margin:12px 0;font-size:clamp(24px,3.2vw,34px);font-weight:800;line-height:1.2}.tool-model-picker-header p{color:#ad98bd;max-width:650px;font-size:13px;line-height:1.8}.tool-model-picker-header>button{color:#dfc2f3;cursor:pointer;background:#31203d;border:1px solid #9266a66b;border-radius:13px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.tool-model-picker-toolbar{align-items:center;gap:18px;margin:25px 0;display:flex}.tool-model-picker-toolbar label{color:#b996d4;background:#1c1426;border:1px solid #74518977;border-radius:15px;flex:1;align-items:center;gap:12px;min-width:0;padding:13px 16px;display:flex}.tool-model-picker-toolbar input{color:#e9d6f6;background:0 0;outline:0;width:100%;min-width:0;font-size:13px}.tool-model-picker-toolbar label:focus-within{border-color:#c9a1ea}.tool-model-picker-toolbar>span{color:#a38aaf;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.tool-model-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.tool-model-tile{background:linear-gradient(140deg,#2d1f3c88,#161320);border:1px solid #76548e80;border-radius:22px;flex-direction:column;min-width:0;padding:21px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.tool-model-tile:hover{border-color:#ba8be4;transform:translateY(-3px);box-shadow:0 0 25px #aa64e527}.tool-model-tile-top{align-items:center;gap:12px;display:flex}.tool-model-tile-top h3{color:#f2e4fc;overflow-wrap:anywhere;flex:1;font-size:15px;font-weight:700;line-height:1.5}.tool-model-tile-top>svg{color:#ad8bc7;flex-shrink:0}.tool-model-logo{color:#563d6b;background:linear-gradient(135deg,#f6efff,#def6ef);border:1px solid #b493d14d;border-radius:15px;flex-shrink:0;place-items:center;width:47px;height:47px;display:grid;box-shadow:0 0 18px #9c70bd20}.tool-model-logo img{object-fit:contain;width:32px;height:32px;display:block}.tool-model-tile>p{color:#ac97bc;margin:17px 0;font-size:12px;line-height:1.8}.tool-model-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tool-model-tags>span{color:#bfa5d3;background:#7c4c9910;border:1px solid #8a5ba54d;border-radius:20px;padding:5px 8px;font-size:9px;line-height:1.5}.tool-model-tile-cta{color:#a6e8d9;border-top:1px solid #7c5b8c44;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;font-size:11px;font-weight:600;display:flex}.tool-model-picker-empty{text-align:center;color:#b397c7;padding:40px 15px}.tool-model-picker-empty>svg{margin:auto}.tool-model-picker-empty>p{margin:15px 0;font-size:14px}.tool-model-picker-empty button{color:#e3c8f4;cursor:pointer;border:1px solid #b382d4;border-radius:10px;padding:10px 16px;font-size:12px}.tool-model-picker button:focus-visible,.tool-model-tile:focus-visible{outline-offset:3px;outline:2px solid #a1f3dd}#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}@media (max-width:850px){.tool-model-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-model-picker{padding:24px}}@media (max-width:560px){.tool-model-picker{border-radius:22px;width:calc(100vw - 20px);max-height:92dvh;padding:21px 16px}.tool-model-picker-header{gap:10px}.tool-model-picker-header h2{font-size:25px}.tool-model-picker-header p{font-size:12px}.tool-model-picker-toolbar{gap:10px;margin:20px 0}.tool-model-picker-toolbar input{font-size:12px}.tool-model-picker-grid{grid-template-columns:1fr;gap:12px}.tool-model-tile{border-radius:20px;padding:19px}.tool-model-picker-toolbar>span{font-size:10px}}@media (prefers-reduced-motion:reduce){.tool-model-tile{transition:none}.tool-model-tile:hover{transform:none}}#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)}