.OBWhxG_page{color:var(--foreground);background:linear-gradient(180deg, color-mix(in oklab, var(--primary) 3%, transparent), transparent 530px);padding:132px 30px 72px}.OBWhxG_inner{max-width:1240px;margin-inline:auto}.OBWhxG_hero{justify-content:space-between;align-items:center;gap:32px;margin:40px 0 22px;display:flex}.OBWhxG_eyebrow{color:var(--muted-foreground);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 15px;font-size:11px;font-weight:500;display:flex}.OBWhxG_hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4.1vw,56px);font-weight:650;line-height:1.1}.OBWhxG_intro{max-width:590px;color:var(--muted-foreground);margin:18px 0 0;font-size:14px;line-height:1.75}.OBWhxG_heroActions{flex-direction:column;flex:none;align-items:flex-end;gap:11px;display:flex}.OBWhxG_packButton.OBWhxG_packButton{border-radius:var(--radius);gap:10px;height:auto;min-height:44px;padding:12px 19px;font-size:12px;line-height:1.5}.OBWhxG_packButton svg,.OBWhxG_downloadButton svg{flex:none}.OBWhxG_refreshButton.OBWhxG_refreshButton{border-radius:calc(var(--radius) * .6);gap:7px;font-size:11px}.OBWhxG_status{color:var(--muted-foreground);align-items:center;gap:7px;font-size:10px;line-height:1.7;display:flex}.OBWhxG_liveDot{background:var(--primary);border-radius:50%;width:6px;height:6px}.OBWhxG_notice{border-radius:calc(var(--radius) * .6);background:var(--muted);color:var(--foreground);padding:13px 16px;font-size:12px;line-height:1.7}.OBWhxG_error{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);align-items:center;gap:12px;margin-top:18px;padding:17px;display:flex}.OBWhxG_error>svg{color:var(--destructive);flex:none}.OBWhxG_error p{flex:1;margin:0;font-size:12px;line-height:1.7}.OBWhxG_error button{border-radius:calc(var(--radius) * .6)}.OBWhxG_tabs{min-width:0;margin-top:47px}.OBWhxG_sectionHeading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px;display:flex}.OBWhxG_sectionHeading h2,.OBWhxG_details h2,.OBWhxG_package h2{letter-spacing:-.035em;margin:0;font-size:25px;font-weight:600;line-height:1.25}.OBWhxG_sectionHeading p{max-width:630px;color:var(--muted-foreground);margin:10px 0 0;font-size:12px;line-height:1.8}.OBWhxG_tabWrapper.OBWhxG_tabWrapper{border-radius:var(--radius);background:var(--card);flex:none;width:fit-content;max-width:100%}.OBWhxG_tabList.OBWhxG_tabList{border-radius:var(--radius);background:var(--card);gap:2px;padding:4px}.OBWhxG_tab.OBWhxG_tab{border-radius:calc(var(--radius) * .8);gap:0;min-height:40px;padding:9px 15px;font-size:12px}.OBWhxG_tab.OBWhxG_tab:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.OBWhxG_indicator{border-radius:calc(var(--radius) * .8)!important}.OBWhxG_panel.OBWhxG_panel{border-radius:var(--radius);margin-top:0}.OBWhxG_assets{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.OBWhxG_asset{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:0;color:var(--card-foreground);overflow:hidden}.OBWhxG_preview{place-items:center;min-width:0;height:265px;display:grid;position:relative;overflow:hidden}.OBWhxG_previewGrid{opacity:.45;background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.OBWhxG_previewLogo{justify-content:center;align-items:center;gap:12px;width:100%;padding:25px;display:flex;position:relative}.OBWhxG_previewImage{object-fit:contain;display:block}.OBWhxG_logoPreview .OBWhxG_previewImage{width:86%;max-width:460px;height:auto;max-height:180px}.OBWhxG_iconPreview .OBWhxG_previewImage{width:132px;height:132px}.OBWhxG_assetFooter{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 23px;display:flex}.OBWhxG_assetFooter h3{margin:0;font-size:14px;font-weight:550;line-height:1.5}.OBWhxG_assetFooter p{color:var(--muted-foreground);margin:5px 0 0;font-size:10px;line-height:1.6}.OBWhxG_assetActions{flex:none;gap:6px;display:flex}.OBWhxG_downloadButton.OBWhxG_downloadButton{border-radius:calc(var(--radius) * .65);gap:7px;height:auto;min-height:36px;padding:9px 12px;font-size:11px;line-height:1.5}.OBWhxG_paletteSection{margin-top:46px}.OBWhxG_palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.OBWhxG_swatch{border:1px solid var(--border);border-radius:calc(var(--radius) * .8);background:var(--card);min-width:0;color:var(--card-foreground);text-align:left;cursor:pointer;padding:0;overflow:hidden}.OBWhxG_color{border-bottom:1px solid var(--border);height:105px;display:block}.OBWhxG_colorInfo{gap:6px;padding:16px;display:grid;position:relative}.OBWhxG_colorInfo>span{color:var(--muted-foreground);padding-right:15px;font-size:11px;line-height:1.5}.OBWhxG_colorInfo strong{font-family:var(--font-geist-mono), monospace;font-size:13px;font-weight:500}.OBWhxG_colorInfo>svg{color:var(--muted-foreground);position:absolute;bottom:18px;right:16px}.OBWhxG_swatch:hover .OBWhxG_colorInfo{background:color-mix(in oklab, var(--primary) 8%, var(--card))}.OBWhxG_logoColors{border-radius:var(--radius);background:var(--card);flex-wrap:wrap;align-items:center;gap:25px;margin-top:20px;padding:22px 24px;display:flex}.OBWhxG_logoColors h3{max-width:150px;margin:0 auto 0 0;font-size:12px;font-weight:500;line-height:1.6}.OBWhxG_miniColor,.OBWhxG_radius{border-radius:calc(var(--radius) * .3);min-width:0;color:var(--foreground);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.OBWhxG_miniColor{cursor:pointer}.OBWhxG_miniColor>span:first-child{border:1px solid var(--border);border-radius:calc(var(--radius) * .45);flex:none;width:31px;height:31px}.OBWhxG_miniColor>span:nth-child(2),.OBWhxG_radius>span:nth-child(2){color:var(--muted-foreground);gap:4px;font-size:10px;line-height:1.5;display:grid}.OBWhxG_miniColor strong,.OBWhxG_radius strong{color:var(--foreground);font-family:var(--font-geist-mono), monospace;font-size:11px;font-weight:500}.OBWhxG_miniColor>svg{color:var(--muted-foreground);flex:none;margin-left:4px}.OBWhxG_radius>span:first-child{border:1px solid var(--foreground);border-bottom-color:#0000;border-left-color:#0000;flex:none;width:34px;height:34px}.OBWhxG_details{grid-template-columns:1fr 1fr;gap:20px;margin-top:46px;display:grid}.OBWhxG_tokensCard,.OBWhxG_usageCard{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:0;padding:28px}.OBWhxG_sectionIcon{border-radius:calc(var(--radius) * .6);background:var(--background);width:40px;height:40px;color:var(--primary);place-items:center;margin-bottom:20px;display:grid}.OBWhxG_details>section>p{color:var(--muted-foreground);margin:12px 0 0;font-size:12px;line-height:1.8}.OBWhxG_tokensCard pre{border-radius:calc(var(--radius) * .6);background:var(--background);color:var(--foreground);scrollbar-width:thin;margin:20px 0 18px;padding:20px;font-size:11px;line-height:1.8;overflow-x:auto}.OBWhxG_tokenActions{flex-wrap:wrap;gap:8px;display:flex}.OBWhxG_usageCard ol{gap:23px;margin:27px 0 0;padding:0;list-style:none;display:grid}.OBWhxG_usageCard li{gap:15px;display:flex}.OBWhxG_usageCard li>span{color:var(--primary);margin-top:2px;font-size:10px;font-weight:500;line-height:1.8}.OBWhxG_usageCard li p{color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.8}.OBWhxG_package{border-radius:var(--radius);background:color-mix(in oklab, var(--primary) 5%, var(--card));grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-top:36px;padding:32px;display:grid}.OBWhxG_packageIntro>svg{color:var(--primary);margin-bottom:18px}.OBWhxG_packageIntro>p{max-width:400px;color:var(--muted-foreground);margin:12px 0 20px;font-size:12px;line-height:1.8}.OBWhxG_package>ul{gap:15px;margin:0;padding:0;list-style:none;display:grid}.OBWhxG_package li{color:var(--muted-foreground);align-items:center;gap:14px;font-size:12px;line-height:1.7;display:flex}.OBWhxG_package li>span{border-radius:calc(var(--radius) * .5);background:var(--background);width:36px;height:36px;color:var(--foreground);flex:none;place-items:center;display:grid}.OBWhxG_skeleton{grid-template-columns:1.5fr 1fr;gap:18px;margin-top:50px;display:grid}.OBWhxG_skeleton span{border-radius:var(--radius);background:var(--card);min-height:340px}.OBWhxG_spin{animation:1s linear infinite OBWhxG_branding-spin}@keyframes OBWhxG_branding-spin{to{transform:rotate(360deg)}}.OBWhxG_swatch:focus-visible,.OBWhxG_miniColor:focus-visible{outline:2px solid var(--ring);outline-offset:4px}@media (max-width:1000px){.OBWhxG_hero{align-items:flex-start}.OBWhxG_hero h1{font-size:42px}.OBWhxG_assets{grid-template-columns:1.3fr 1fr}.OBWhxG_assetFooter{flex-wrap:wrap;padding:18px}.OBWhxG_preview{height:240px}.OBWhxG_previewLogo{gap:6px;padding:15px}.OBWhxG_logoColors{gap:23px}.OBWhxG_logoColors h3{flex-basis:100%;max-width:none}.OBWhxG_details h2{font-size:23px}}@media (max-width:750px){.OBWhxG_page{padding:120px 20px 55px}.OBWhxG_hero{flex-direction:column;gap:24px;margin-top:30px}.OBWhxG_heroActions{flex-flow:wrap;align-items:flex-start;gap:10px}.OBWhxG_hero h1{font-size:40px}.OBWhxG_intro{font-size:13px}.OBWhxG_sectionHeading{flex-wrap:wrap;gap:18px}.OBWhxG_assets{grid-template-columns:1fr}.OBWhxG_preview{height:240px}.OBWhxG_assetFooter{flex-wrap:nowrap}.OBWhxG_palette{grid-template-columns:repeat(3,minmax(0,1fr))}.OBWhxG_color{height:90px}.OBWhxG_colorInfo{padding:13px}.OBWhxG_colorInfo strong{font-size:12px}.OBWhxG_colorInfo>svg{bottom:16px;right:13px}.OBWhxG_details{grid-template-columns:1fr}.OBWhxG_package{grid-template-columns:1fr;gap:29px;padding:28px}}@media (max-width:499px){.OBWhxG_page{padding-top:150px}.OBWhxG_hero h1{font-size:36px}.OBWhxG_heroActions{flex-direction:column;align-items:flex-start}.OBWhxG_sectionHeading h2,.OBWhxG_details h2,.OBWhxG_package h2{font-size:24px}.OBWhxG_tabs{margin-top:35px}.OBWhxG_assetFooter{flex-wrap:wrap}.OBWhxG_palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.OBWhxG_logoColors{gap:22px;padding:21px}.OBWhxG_miniColor,.OBWhxG_radius{flex-basis:100%}.OBWhxG_miniColor>span:nth-child(2),.OBWhxG_radius>span:nth-child(2){flex:1}.OBWhxG_tokensCard,.OBWhxG_usageCard{padding:24px}.OBWhxG_tokensCard pre{padding:15px;font-size:10px}.OBWhxG_package{padding:25px}.OBWhxG_error{flex-wrap:wrap}.OBWhxG_error p{flex-basis:calc(100% - 35px)}}@media (max-width:359px){.OBWhxG_page{padding-inline:16px}.OBWhxG_hero h1{font-size:33px}.OBWhxG_colorInfo{padding:12px}.OBWhxG_colorInfo strong{font-size:11px}.OBWhxG_colorInfo>svg{bottom:14px;right:12px}}@media (prefers-reduced-motion:reduce){.OBWhxG_spin{animation:none}}
