@layer components{:root{--sidebar-width:246px}body,html{background:var(--background)}body,h1,h2,h3,html{font-family:var(--font-sans)}h1,h2,h3{letter-spacing:-.045em}::selection{background:var(--muted);color:var(--foreground)}[data-focus-visible],a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--ring)}.logo{min-height:44px;gap:9px;color:var(--primary)}.logo>svg{flex:0 0 auto}.logo>span{color:var(--foreground);font-family:var(--font-sans);font-weight:700;font-size:35px;letter-spacing:-2.8px}.logo-dot{color:var(--primary)}.text-link{min-height:44px}.field-label,.text-link{color:var(--foreground);font-size:13px}.field-help{font-size:12px;line-height:1.75;color:var(--muted-foreground)}.eyebrow{color:var(--foreground);font-size:10px;font-weight:600;letter-spacing:1.7px}.back-link{color:var(--muted-foreground);min-height:44px;font-size:12px}.status-dot{background:var(--muted)}.breadcrumb{font-size:12px;color:var(--foreground);gap:12px;font-weight:600}.breadcrumb>svg{color:var(--muted-foreground)}.section-heading{margin-bottom:20px;gap:15px}.section-heading h2{font-size:23px;font-weight:500;letter-spacing:-.8px}.section-heading p{font-size:12px;color:var(--muted-foreground)}.title-with-count{gap:10px}.title-with-count>span{color:var(--muted-foreground);background:var(--muted);border:none;font-size:10px;padding:4px 8px;border-radius:var(--radius)}.search-field{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);min-height:44px;padding:0 12px;gap:8px;color:var(--muted-foreground)}.search-field input{width:153px;min-height:40px}.view-toggle{background:var(--muted);border:none;border-radius:var(--radius);padding:3px;gap:2px}.view-toggle button{width:38px;min-height:38px}.filter-row{border-bottom:1px solid var(--border);padding-bottom:0;gap:20px;margin-bottom:22px}.filter-row button{min-height:44px;padding:8px 1px 12px;gap:7px}.step-icon{width:45px;height:45px;background:var(--muted);color:var(--foreground);border:none;border-radius:var(--radius)}.step-heading h2{font-size:26px;font-weight:500;letter-spacing:-.9px}.step-heading p{font-size:13px;color:var(--muted-foreground);line-height:1.65}.store-options{gap:8px}.store-options>button{min-height:46px}.upload-zone{background:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);padding:27px 15px}.upload-zone.dragging,.upload-zone:hover{background:var(--muted);border-color:var(--border)}.upload-symbol{background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);width:49px;height:49px}.upload-zone strong{font-size:14px;color:var(--foreground)}.upload-zone>span{font-size:12px;color:var(--muted-foreground)}.upload-zone u{color:var(--foreground)}.upload-zone small{color:var(--muted-foreground);font-size:10px}.sample-link{min-height:44px;color:var(--foreground);font-size:11px}.preview-label{font-size:9px;letter-spacing:1.4px;color:var(--muted-foreground)}.preview-editable{color:var(--foreground);border-top:1px solid var(--border);font-size:10px;text-align:left;justify-content:flex-start;padding-top:17px}.style-check{background:var(--muted);color:var(--foreground)}.ai-option{border-color:var(--border);border-radius:var(--radius);background:var(--muted)}.ai-option input{accent-color:var(--foreground)}.ai-option small{color:var(--muted-foreground);font-size:12px}.ai-option.unavailable{background:var(--muted);border-color:var(--border)}.cost-summary{border-radius:var(--radius);background:var(--muted);padding:17px}.cost-summary,.cost-summary>strong,.saved-screen-library [data-slot=collapsible-trigger]{color:var(--foreground)}.standard-page{max-width:1300px}.page-title-row{margin-bottom:28px;align-items:center}.page-title-row h1{font-size:38px;font-weight:500;letter-spacing:-1.6px;margin-top:9px}.page-title-row p{font-size:13px;color:var(--muted-foreground);line-height:1.7}.panel{border:1px solid var(--border);border-radius:var(--radius);padding:26px;background:var(--card);box-shadow:0 2px 4px color-mix(in oklch,var(--foreground) 0%,transparent)}.panel-title{margin-bottom:22px}.panel-title h2{font-size:23px;font-weight:500;letter-spacing:-.9px}.panel-title p{font-size:12px;color:var(--muted-foreground);line-height:1.7}.panel-title>svg{color:var(--foreground)}.settings-grid{gap:22px}.settings-row{padding:20px 0;border-color:var(--border);gap:15px}.settings-row strong{font-size:13px}.settings-row small{font-size:11px;color:var(--muted-foreground);line-height:1.75}.settings-row>span{font-size:11px;flex-shrink:0}.color-control{padding:0;border:none;background:transparent;align-items:flex-start;gap:7px;min-width:0}.color-control input[type=color]{width:100%;height:90px;min-height:44px;padding:3px}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control strong{font-size:12px;margin-top:4px}.color-control>span{font-size:10px;color:var(--muted-foreground)}.font-asset-preview{font-size:47px}.font-asset-preview,.recommended-label{background:var(--muted);color:var(--foreground)}.recommended-label{top:-13px;left:20px;right:auto;border-radius:var(--radius);padding:6px 9px;font-size:8px;letter-spacing:1px}.dialog{padding:28px}@media (max-width:1250px){:root{--sidebar-width:224px}}@media (max-width:1080px){.store-options{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}}@media (max-width:760px){:root{--sidebar-width:260px}.breadcrumb{gap:5px;font-size:11px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:16px}.section-heading h2{font-size:23px}.section-actions{width:100%;gap:9px}.search-field{flex:1;min-width:0}.search-field input,.section-actions .search-field input{width:100%;min-width:0}.view-toggle button{min-width:44px;min-height:44px}.filter-row{gap:18px;margin-bottom:19px}.step-heading h2{font-size:26px}.step-heading p{font-size:12px}.store-options>button{padding:9px}.cost-summary{gap:10px}.cost-summary,.page-title-row{align-items:flex-start;flex-wrap:wrap}.page-title-row{gap:18px}.page-title-row h1{font-size:33px;line-height:1.15}.page-title-row p{font-size:12px}.panel{padding:22px 20px;border-radius:var(--radius)}.panel-title h2{font-size:23px}.settings-row{flex-wrap:wrap;gap:10px}.settings-row>div{max-width:100%}.color-control input[type=color]{height:78px}.color-control>span{font-size:9px}.dialog{padding:22px}}.view-toggle{display:flex}:root{--font-body:var(--font-sans);--font-display:var(--font-sans);--sidebar-width:228px}.logo>span{font-weight:600;letter-spacing:-2.5px;font-size:34px}.logo-dot{color:var(--muted-foreground)}.section-heading h2{font-weight:600;letter-spacing:-.045em}}