@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)}input::placeholder,textarea::placeholder{color:var(--muted-foreground)}.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)}.button{font-size:13px;font-weight:700;min-height:46px;padding:11px 18px}.button-primary{color:var(--primary-foreground);box-shadow:0 3px 6px color-mix(in oklch,var(--foreground) 1%,transparent)}.button-primary:hover{box-shadow:0 5px 16px color-mix(in oklch,var(--foreground) 1%,transparent)}.button-dark{color:var(--primary-foreground)}.button-dark,.button-dark:hover{background:var(--primary)}.button-secondary{border-color:var(--border);background:var(--card);color:var(--foreground)}.button-secondary:hover{background:var(--muted)}.button-ghost{color:var(--muted-foreground)}.button-small{min-height:44px}.icon-btn{width:44px;height:44px;min-width:44px;color:var(--muted-foreground);border-radius:var(--radius)}.icon-btn:hover{background:var(--muted);color:var(--foreground)}.text-link{color:var(--foreground);font-size:13px;min-height:44px}.input{border-color:var(--border);border-radius:var(--radius);min-height:48px;background:var(--card)}.input:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--foreground) 10%,transparent)}.field-label{font-size:13px;color:var(--foreground)}.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}.notice{border-radius:var(--radius);font-size:13px;line-height:1.65}.notice.neutral{border-color:var(--border)}.notice.neutral,.notice.success{background:var(--muted);color:var(--foreground)}.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)}.shortcut-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex:0 0 auto}.shortcut-icon.blue{background:var(--muted);color:var(--foreground)}.shortcut-icon.coral{background:var(--muted);color:var(--destructive)}.shortcut-icon.lime{background:var(--muted);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;font-size:11px}.view-toggle{background:var(--muted);border:none;border-radius:var(--radius);padding:3px;gap:2px}.view-toggle button{width:38px;min-height:38px;border-radius:var(--radius);color:var(--muted-foreground)}.view-toggle button.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 4px color-mix(in oklch,var(--foreground) 1%,transparent)}.filter-row{border-bottom:1px solid var(--border);padding-bottom:0;gap:20px;margin-bottom:22px}.filter-row button{min-height:44px;background:transparent;color:var(--muted-foreground);font-size:11px;border:none;border-bottom:2px solid transparent;border-radius:var(--radius);padding:8px 1px 12px;gap:7px}.filter-row button.active{border-color:var(--border);box-shadow:none}.filter-row button.active,.filter-row button:hover{background:transparent;color:var(--foreground)}.sample-label{font-size:8px;color:var(--foreground);background:var(--card);padding:5px 8px;letter-spacing:.7px;font-weight:600}.card-menu,.sample-label{border-radius:var(--radius)}.card-menu{min-width:175px;box-shadow:0 7px 22px color-mix(in oklch,var(--foreground) 1%,transparent)}.card-menu button{min-height:44px;font-size:12px}.new-project-card{min-height:294px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--muted);padding:25px}.new-project-card:hover{background:var(--muted);border-color:var(--border)}.new-project-icon{background:var(--card);border:1px solid var(--border);width:49px;height:49px;border-radius:var(--radius)}.new-project-card strong{color:var(--foreground);font-size:13px;margin-top:15px}.new-project-card p{font-size:11px;line-height:1.75;color:var(--muted-foreground)}.new-project-card>span{color:var(--foreground);font-size:11px}.templates-section{margin-top:42px;padding-top:28px;border-top:1px solid var(--border)}.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{border:1px solid var(--border);color:var(--muted-foreground);background:var(--card);border-radius:var(--radius);font-size:11px;min-height:46px}.store-options>button.selected{border-color:var(--border);background:var(--muted);color:var(--foreground)}.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)}.saved-screen-library button[aria-pressed=true]{border-color:var(--border)}.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;border:1px solid var(--border);background:none;padding:3px;border-radius:var(--radius)}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius)}.color-control strong{font-size:12px;margin-top:4px}.color-control>span{font-size:10px;color:var(--muted-foreground)}.font-asset-preview{background:var(--muted);color:var(--foreground);font-size:47px}.recommended-label{top:-13px;left:20px;right:auto;border-radius:var(--radius);padding:6px 9px;font-size:8px;letter-spacing:1px}.intelligence-offer,.recommended-label{background:var(--muted);color:var(--foreground)}.intelligence-offer{padding:24px;border:none;border-radius:var(--radius);gap:20px;margin-top:26px}.intelligence-offer>div:first-child{background:var(--muted);color:var(--foreground);border-radius:var(--radius)}.intelligence-offer h3{color:var(--foreground);font-size:21px;font-weight:500}.intelligence-offer p{color:var(--muted-foreground);font-size:11px;line-height:1.7}.intelligence-offer .button-secondary{color:var(--foreground)}.data-table th{color:var(--muted-foreground);background:var(--muted);font-size:10px}.data-table td{color:var(--muted-foreground);border-color:var(--border);font-size:12px;padding:16px 13px}.modal-overlay{background:color-mix(in oklch,var(--foreground) 40%,transparent);backdrop-filter:blur(5px)}.modal{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 25px 80px color-mix(in oklch,var(--foreground) 1%,transparent)}.dialog{padding:28px}.modal-heading h2{font-size:26px;font-weight:500}.help-list p{font-size:13px;color:var(--muted-foreground)}.help-list svg{color:var(--foreground)}.shortcut-list{background:var(--muted);border-radius:var(--radius)}.auth-page{background:radial-gradient(ellipse at top,var(--muted),var(--muted) 60%)}.auth-page .panel{padding:40px;border-radius:var(--radius);box-shadow:0 20px 80px color-mix(in oklch,var(--foreground) 0%,transparent)}.auth-page h1{font-size:38px;font-weight:500}@media (max-width:1250px){:root{--sidebar-width:224px}.new-project-card{min-height:275px;padding:18px}}@media (max-width:1080px){.shortcut-icon{width:33px;height:33px;border-radius:var(--radius)}.intelligence-offer,.store-options{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}}@media (max-width:760px){:root{--sidebar-width:260px}.main-area{margin-left:0;width:100%}.breadcrumb{gap:5px;font-size:11px}.shortcut-icon{width:37px;height:37px}.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;font-size:12px}.view-toggle button{min-width:44px;min-height:44px}.filter-row{gap:18px;margin-bottom:19px}.filter-row button{font-size:11px}.new-project-card{min-height:250px;padding:18px}.new-project-card strong{font-size:12px}.new-project-card p{font-size:10px}.templates-section{margin-top:31px;padding-top:24px}.step-heading h2{font-size:26px}.step-heading p{font-size:12px}.store-options>button{font-size:10px;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}.intelligence-offer{padding:23px;gap:17px}.intelligence-offer .button,.intelligence-offer>div:nth-child(2){width:100%}.modal{border-radius:var(--radius)}.dialog{padding:22px}.auth-page .panel{padding:29px 23px}}@media (max-width:460px){.new-project-card{min-height:232px}.new-project-card strong{font-size:14px}.new-project-card p{font-size:12px}.new-project-card>span{font-size:11px}}.view-toggle{display:flex}.reference-sets-section{margin:34px 0 40px;scroll-margin-top:24px}.reference-sets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reference-set-card{min-width:0;text-align:left;padding:0;border:1px solid var(--border);background:var(--card);overflow:hidden;color:var(--foreground);box-shadow:0 4px 14px color-mix(in oklch,var(--foreground) 0%,transparent);transition:border-color .16s,box-shadow .16s}.reference-set-card:hover{box-shadow:0 7px 22px color-mix(in oklch,var(--foreground) 1%,transparent)}.reference-set-card:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.reference-set-card:disabled{cursor:wait}.reference-set-preview{display:flex;gap:9px;padding:20px;align-items:flex-start;pointer-events:none}.reference-set-preview>.screenshot-preview{width:calc((100% - 27px) / 4);flex:none;border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 15px color-mix(in oklch,var(--foreground) 1%,transparent)}.reference-set-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;min-height:76px}.reference-set-caption strong{display:block;font-size:15px}.reference-set-caption small{display:block;color:var(--muted-foreground);font-size:11px;margin-top:5px}.reference-set-caption>svg{flex:none}@media (max-width:767px){.reference-sets-grid{grid-template-columns:1fr;gap:15px}.reference-set-preview{padding:15px;gap:7px}.reference-set-preview>.screenshot-preview{width:calc((100% - 21px) / 4);border-radius:var(--radius)}.reference-set-caption{padding:15px}.reference-sets-section{margin-top:25px}}: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)}.button{border-radius:var(--radius);font-weight:600}.button-primary,.button-primary:hover{background:var(--primary);box-shadow:none}.section-heading h2{font-weight:600;letter-spacing:-.045em}.reference-sets-section{border-top:1px solid var(--border);padding-top:32px}.reference-set-card{box-shadow:none;border-radius:var(--radius)}.reference-set-card:hover{box-shadow:0 8px 24px color-mix(in oklch,var(--foreground) 0%,transparent);border-color:var(--border)}.new-project-card{background:var(--card)}.new-project-icon{background:var(--muted)}.new-project-icon,.reference-set-caption>svg{color:var(--foreground)}@media (max-width:767px){.reference-sets-section{padding-top:24px}}}.analytics-consent_panel__jN7wI{position:fixed;z-index:1000;bottom:16px;left:16px;width:min(440px,calc(100vw - 32px));padding:18px;border:1px solid #b8c1cf;border-radius:14px;background:#fff;color:#172039;box-shadow:0 6px 30px #15213d22;font:14px/1.5 Inter,sans-serif}.analytics-consent_panel__jN7wI p{margin:0 0 12px}.analytics-consent_panel__jN7wI div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.analytics-consent_panel__jN7wI button{border:1px solid #687185;background:#fff;border-radius:7px;padding:9px 12px;font:inherit;cursor:pointer}.analytics-consent_panel__jN7wI a{font-size:12px;text-decoration:underline}.analytics-consent_settings__zIUqF{position:fixed;z-index:50;bottom:7px;left:8px;padding:4px 7px;border:1px solid #b8c1cf;border-radius:5px;background:#fff;color:#172039;font:11px/1.4 Inter,sans-serif;cursor:pointer}.analytics-consent_panel__jN7wI button:focus-visible,.analytics-consent_settings__zIUqF:focus-visible{outline:3px solid #6366f1;outline-offset:2px}