:root{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#fff;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#92c5ff;--chart-2:#3a81f6;--chart-3:#2563ef;--chart-4:#1a4eda;--chart-5:#1f3fad;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size:16px;--font-weight:400;--text-xs:12px;--text-sm:14px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-color:#000;--shadow-opacity:.1;--shadow-blur:3px;--shadow-spread:0px;--shadow-offset-x:0;--shadow-offset-y:1px;--letter-spacing:0em;--spacing:.25rem;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(100% 0 0);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(77.6434% -6.25691 -34.7746);--chart-2:lab(54.2137% 9.38562 -66.5);--chart-3:lab(45.1388% 22.1445 -77.2945);--chart-4:lab(37.8262% 27.3087 -77.4425);--chart-5:lab(30.2574% 22.7189 -63.5671);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209);--shadow-color:lab(0% 0 0)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#262626;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#404040;--accent-foreground:#fafafa;--destructive:#ff6568;--destructive-foreground:#fafafa;--border:#282828;--input:#343434;--ring:#737373;--chart-1:#92c5ff;--chart-2:#3a81f6;--chart-3:#2563ef;--chart-4:#1a4eda;--chart-5:#1f3fad;--radius:.625rem;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#282828;--sidebar-ring:#525252;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size:16px;--font-weight:400;--text-xs:12px;--text-sm:14px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-color:#000;--shadow-opacity:.1;--shadow-blur:3px;--shadow-spread:0px;--shadow-offset-x:0;--shadow-offset-y:1px;--letter-spacing:0em;--spacing:.25rem;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(15.204% 0 -.00000596046);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(27.036% 0 0);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--destructive-foreground:lab(98.26% 0 0);--border:lab(15.9% 0 .00000596046);--input:lab(21.7% 0 0);--ring:lab(48.496% 0 0);--chart-1:lab(77.6434% -6.25691 -34.7746);--chart-2:lab(54.2137% 9.38562 -66.5);--chart-3:lab(45.1388% 22.1445 -77.2945);--chart-4:lab(37.8262% 27.3087 -77.4425);--chart-5:lab(30.2574% 22.7189 -63.5671);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(15.9% 0 .00000596046);--sidebar-ring:lab(34.924% 0 0);--shadow-color:lab(0% 0 0)}}
.ui-workbench{--inspector-reserved-width:0px;height:100dvh;font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;letter-spacing:0;flex-direction:column;font-size:14px;display:flex;overflow:hidden}.ui-workbench[data-panel-pinned=true]{--inspector-reserved-width:clamp(320px, var(--inspector-width,352px), 50vw)}.ui-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:56px;min-height:56px;padding:8px 16px;display:flex;position:relative}.ui-header-context{align-items:center;gap:8px;min-width:0;max-width:calc(50% - 90px);display:flex}.ui-wordmark{color:var(--foreground);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:17px;font-weight:650;display:inline-flex}.ui-wordmark-name>span{color:var(--muted-foreground);font-weight:450}.ui-project-menu{min-width:0;max-width:180px;color:var(--muted-foreground);flex-shrink:1;padding-inline:8px}.ui-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.ui-connect{background:var(--foreground);color:var(--background)}.ui-connect:hover{background:var(--foreground);opacity:.9}.ui-main{grid-template-columns:minmax(0, 1fr) var(--inspector-reserved-width);flex:1;min-height:0;display:grid;position:relative}.ui-preview-area{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.ui-canvas-loading{background:var(--background);color:var(--muted-foreground);place-items:center;display:grid;position:absolute;inset:0}.ui-canvas-loading>svg{stroke-width:1.5px;width:20px;height:20px;animation:1s linear infinite ui-canvas-loading-spin}@keyframes ui-canvas-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-canvas-loading>svg{animation:none}}.ui-workbench-view{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.ui-mode-switch{background:var(--muted);border-radius:999px;flex-shrink:0;padding:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-mode-switch [data-slot=toggle-group-item]{border-radius:999px;height:30px;padding-inline:12px;font-size:12px}.ui-mode-switch [data-state=on]{background:var(--background);box-shadow:0 1px 3px #0001}.ui-preview-toolbar,.ui-panel-header{box-sizing:border-box;flex-shrink:0;height:56px;min-height:56px;padding:0 12px}.ui-preview-toolbar{background:var(--background);color:var(--foreground);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-inline:16px;display:flex}.ui-view-switch{flex-shrink:0;margin-left:auto}.ui-workbench .ui-view-switch button{border-radius:var(--radius-md);width:32px;height:32px;padding:0}.ui-preview-scroll{flex:1;min-height:0;overflow:auto}.ui-preview{--preview-dock-clearance:92px;width:100%;min-height:100%;padding-bottom:var(--preview-dock-clearance);background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--font-size);line-height:var(--line-height,1.5);font-weight:var(--font-weight);letter-spacing:0;container-type:inline-size}.ui-preview-scroll[data-scene=dashboard]>.ui-preview{padding:0}.ui-preview[data-size=mobile]{width:390px;max-width:100%;margin:auto}.ui-preview-scroll[data-scene=mail]{flex-direction:column;display:flex;overflow:hidden}.ui-preview-scroll[data-scene=mail]>.ui-preview{flex-direction:column;flex:1;min-height:0;margin-block:0;padding:20px;display:flex}.ui-preview-scroll[data-scene=auth]{flex-direction:column;display:flex}.ui-preview-scroll[data-scene=auth]>.ui-preview{flex-direction:column;flex:1 0 auto;min-height:0;margin-block:0;display:flex}.ui-preview [data-slot=button][data-size=default],.ui-preview [data-slot=input]{height:var(--control-height)}.ui-panel{background:var(--background);border:1px solid var(--border);z-index:40;border-radius:16px;outline:none;flex-direction:column;width:352px;min-width:0;max-width:calc(100% - 24px);min-height:0;display:flex;position:absolute;inset:68px 12px 88px auto;overflow:hidden;box-shadow:0 12px 40px #0002}.ui-panel[data-pinned=true]{border:0;border-left:1px solid var(--border);width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0;grid-area:1/2;position:relative;inset:auto}.ui-panel-resize-handle{z-index:2;cursor:col-resize;touch-action:none;outline:none;width:8px;position:absolute;inset:0 auto 0 0}.ui-panel-resize-handle:after{content:"";background:0 0;width:2px;position:absolute;inset:0 auto 0 0}.ui-panel-resize-handle:hover:after,.ui-panel-resize-handle:focus-visible:after,.ui-panel-resize-handle[data-resizing=true]:after{background:var(--ring)}.ui-workbench[data-resizing-panel=true],.ui-workbench[data-resizing-panel=true] *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.ui-panel-header{border-bottom:1px solid var(--border);align-items:center;gap:4px;display:flex}.ui-panel-title{outline:none;flex:1;min-width:0;margin-right:auto;font-size:14px;font-weight:600}.ui-panel-overlay{z-index:40;background:#0004;position:fixed;inset:0}.ui-panel[data-compact=true]{width:min(100vw,384px);max-width:none;height:100dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 0 0 16px;position:fixed;inset:0 0 0 auto}.ui-panel-content{flex:1;min-height:0;padding:16px;overflow:auto}.ui-panel-content h2{margin-bottom:12px;font-size:14px;font-weight:600}.ui-list{flex-direction:column;gap:2px;display:flex}.ui-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:6px 8px;display:flex}.ui-list-row code{font-size:12px}.ui-field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.ui-field label,.ui-field legend{color:var(--muted-foreground);font-size:12px}.ui-dock{bottom:16px;left:calc((100% - var(--inspector-reserved-width)) / 2);max-width:calc(100vw - var(--inspector-reserved-width) - 32px);color:#fafafa;z-index:30;scrollbar-width:none;background:#171717;border:0;border-radius:999px;align-items:center;gap:4px;padding:8px 10px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%);box-shadow:0 8px 28px #0002}.ui-dock-tools{flex-shrink:0;align-items:center;gap:4px;width:max-content;display:flex}.ui-dock-history{flex-shrink:0;gap:4px;display:flex}.dark .ui-dock{color:#171717;background:#fafafa}.ui-dock button{width:32px;height:32px;color:inherit;border-radius:9999px;padding:0}.ui-dock button:hover{background:#ffffff20}.dark .ui-dock button:hover{background:#00000010}.ui-dock button[aria-pressed=true],.ui-dock button[data-state=open]{color:#171717;background:#fafafa}.dark .ui-dock button[aria-pressed=true],.dark .ui-dock button[data-state=open]{color:#fafafa;background:#171717}.ui-dock .ui-dock-labeled{gap:6px;width:auto;padding-inline:12px}.ui-dock .ui-dock-palette{gap:8px;width:auto;padding-inline:10px}.ui-dock-label{font-size:12px;font-weight:500}.ui-dock-divider{opacity:.2;background:currentColor;flex-shrink:0;width:1px;height:16px;margin-inline:3px}@media (max-width:900px){.ui-dock-label{display:none}.ui-dock .ui-dock-labeled{gap:0;width:32px;padding:0}.ui-dock-tools{gap:2px;width:auto}.ui-dock{gap:2px;padding-inline:8px}.ui-dock-divider{margin-inline:1px}}@media (max-width:1200px){.ui-workbench[data-panel-pinned=true] .ui-dock-label{display:none}.ui-workbench[data-panel-pinned=true] .ui-dock .ui-dock-labeled{gap:0;width:32px;padding:0}.ui-workbench[data-panel-pinned=true] .ui-dock-tools{width:auto}}.ui-status{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:36px;padding:8px 16px;font-size:12px;display:flex}.ui-status[data-error=true]{color:var(--destructive)}.ui-code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6}.ui-component-stage{flex-direction:column;align-items:flex-start;gap:20px;min-height:420px;padding:32px;display:flex}.ui-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ui-asset-image{object-fit:contain;width:48px;height:48px}.ui-check-list{flex-direction:column;gap:8px;font-size:12px;line-height:1.5;display:flex}@media (max-width:1024px){.ui-header{gap:8px;padding-inline:12px}.ui-header-actions .ui-command-label{display:none}.ui-header-actions>button{flex-shrink:0;gap:0;width:32px;padding-inline:0}}@media (max-width:680px){.ui-preview-area{width:100%}.ui-panel[data-compact=true]{border-radius:16px 16px 0 0;width:100%;height:calc(100dvh - 60px);inset:auto 0 0}.ui-dock{bottom:12px;left:50%}.ui-header{align-items:flex-start;height:100px;min-height:100px;padding-top:10px}.ui-header-context{max-width:calc(100% - 160px)}.ui-wordmark-name{display:none}.ui-project-menu{max-width:112px}.ui-header-actions{gap:4px}.ui-mode-switch{top:auto;bottom:8px;transform:translate(-50%)}.ui-preview{--preview-dock-clearance:88px}.ui-component-stage{padding:20px}}.ui-brand-mark{background:currentColor;border-radius:8px;flex-shrink:0;width:32px;height:32px}.ui-workbench :where(h1,h2,h3,h4,h5,h6,[role=heading]){font-family:var(--brand-font-heading,var(--font-manrope)), sans-serif}.ui-workbench{--font-sans:var(--font-inter), sans-serif}.ui-workbench :where(h1,h2,h3,h4,h5,h6,[role=heading]){letter-spacing:-.02em;font-weight:600}
.theme-board{min-width:0;height:100%;min-height:0;color:var(--foreground);background:var(--background);flex-direction:column;flex:1;display:flex}.theme-board-nav{box-sizing:border-box;border-bottom:1px solid var(--border);flex:0 0 56px;align-items:center;gap:4px;height:56px;padding:0 16px;display:flex;overflow:hidden}.theme-board-nav-scroll{scrollbar-width:none;flex:0 auto;min-width:0;overflow-x:auto}.theme-board-nav-scroll::-webkit-scrollbar{display:none}.theme-board-nav-scroll>[data-slot=toggle-group]{width:max-content}.theme-board-nav button{border-radius:999px;flex-shrink:0;font-size:12px}.theme-board-mobile-showcase{padding:24px 16px 112px}.theme-board-viewport{overflow-anchor:none;background-color:color-mix(in srgb, var(--muted) 36%, var(--background));background-image:radial-gradient(color-mix(in srgb, var(--foreground) 13%, transparent) .75px, transparent .75px);background-size:20px 20px;flex:1;min-height:0;position:relative;overflow:hidden;container-type:inline-size}.theme-board-content{display:contents}.theme-board-transform{cursor:grab}.theme-board-transform:active,.theme-board-viewport[data-space=true] .theme-board-transform,.theme-board-viewport[data-space=true] .theme-board-card{cursor:grabbing}.theme-board-cards{align-items:flex-start;gap:24px;display:flex}.theme-board-card{border:1px solid var(--border);background:var(--background);cursor:default;box-sizing:border-box;border-radius:16px;flex-direction:column;flex:0 0 360px;gap:0;width:360px;height:480px;padding:20px;display:flex;overflow:hidden;box-shadow:0 3px 9px #00000006}.theme-board-card[data-active=true]{border-color:color-mix(in srgb, var(--foreground) 30%, var(--border))}.theme-board-card>[data-slot=card-header]{flex-shrink:0;justify-content:space-between;align-items:baseline;margin-bottom:18px;padding:0;display:flex}.theme-board-card>[data-slot=card-header] h2{letter-spacing:-.25px;font-size:15px;font-weight:700}.theme-board-card>[data-slot=card-header]>span{color:var(--muted-foreground);font:10px ui-monospace,monospace}.theme-board-card>[data-slot=card-content]{padding:0}.theme-board-card>[data-slot=card-footer]{flex-shrink:0;justify-content:flex-end;margin-top:auto;padding:6px 0 0;display:flex}.theme-board-card>[data-slot=card-footer] button{height:28px;color:var(--muted-foreground);margin-right:-8px;padding-inline:8px;font-size:11px}.theme-board-card>[data-slot=card-footer] svg{width:13px;height:13px}.theme-board-card>[data-slot=card-footer] .theme-board-remove-card{margin-left:-8px;margin-right:auto}.theme-board-details-label{opacity:0;transition:opacity .18s,transform .18s;transform:translate(4px)}.theme-board-details-arrow{transition:transform .18s;display:inline-flex;transform:rotate(45deg)}.theme-board-details:is(:hover,:focus-visible) .theme-board-details-label{opacity:1;transform:translate(0)}.theme-board-details:is(:hover,:focus-visible) .theme-board-details-arrow{transform:rotate(0)}@media (prefers-reduced-motion:reduce){.theme-board-details-label,.theme-board-details-arrow{transition:none}}.theme-board-logo>[data-slot=card-content]{min-height:0}.theme-board-logo-preview{aspect-ratio:4/3;border:1px solid var(--border);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:18px;display:flex;overflow:hidden}.theme-board-logo-image{width:min(100%, calc(96px * var(--logo-ratio,1)));height:auto;aspect-ratio:var(--logo-ratio,1);min-height:0;color:inherit;border:0;border-radius:0;flex:none;padding:0;position:relative}.theme-board-logo-image:hover{background:0 0}.theme-board-logo-image>img{pointer-events:none;transition:opacity .14s;display:block}.theme-board-logo-primary{object-fit:contain;width:100%;height:100%}.theme-board-logo-symbol{object-fit:contain;object-position:center;opacity:0;width:96px;max-width:100%;height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.theme-board-logo-image[data-paired=true]:hover .theme-board-logo-primary{opacity:0}.theme-board-logo-image[data-paired=true]:hover .theme-board-logo-symbol{opacity:1}}.theme-board-logo:focus-visible .theme-board-logo-image[data-paired=true] .theme-board-logo-primary{opacity:0}.theme-board-logo:focus-visible .theme-board-logo-image[data-paired=true] .theme-board-logo-symbol{opacity:1}@media (prefers-reduced-motion:reduce){.theme-board-logo-image>img{transition:none}}.theme-board-logo-preview [data-slot=empty]{padding:0}.theme-board-logo-preview [data-slot=empty-description]{color:inherit;opacity:.65;font-size:12px}.theme-board-logo-image>span{white-space:normal;font-size:11px}.theme-board-logo-uploads{flex-direction:column;gap:12px;display:flex}.theme-board-logo-upload{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:28px;font-size:11px;display:flex}.theme-board-logo-upload button{height:28px;font-size:11px}.theme-board-logo-upload[data-dragging=true]{outline:2px solid var(--foreground);outline-offset:4px}.theme-board-logo-status{color:var(--muted-foreground);overflow-wrap:anywhere;align-items:center;gap:6px;max-height:30px;margin-top:12px;margin-bottom:0;font-size:10px;line-height:1.5;display:flex;overflow:auto}.theme-board-logo-status[role=alert]{color:var(--destructive)}.theme-board-logo>[data-slot=card-footer]{justify-content:space-between}.theme-board-logo>[data-slot=card-footer] button:first-child{margin-left:-8px;margin-right:0}.theme-board-sample{aspect-ratio:4/3;border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);font-family:var(--font-sans);letter-spacing:var(--letter-spacing,0);border-radius:10px;flex-direction:column;flex:none;justify-content:center;margin-bottom:16px;padding:18px;display:flex;overflow:hidden}.theme-board-fields{flex-direction:column;gap:12px;min-height:0;display:flex}.theme-board-fields:where(:has(.theme-board-note)){gap:8px}.theme-board-choice,.theme-board-field-label{justify-content:space-between;align-items:center;gap:12px;font-size:11px;line-height:1.4;display:flex}.theme-board-choice>span,.theme-board-choice>label{flex-shrink:0;font-size:11px;font-weight:450}.theme-board-choice [data-slot=select-trigger]{min-width:0;max-width:180px;height:29px;padding-inline:9px;font-size:11px}.theme-board-choice :is([data-slot=button],[data-slot=select-trigger]),.theme-board-choice .theme-board-font-picker,.theme-board-logo-upload [data-slot=button],.theme-board-fields [data-slot=input],.theme-board-number [data-slot=slider-thumb]{--tw-shadow:0 0 #0000;background-color:var(--background)}.theme-board-choice :is([data-slot=button],[data-slot=select-trigger]):hover,.theme-board-choice .theme-board-font-picker:hover,.theme-board-logo-upload [data-slot=button]:hover{background-color:var(--accent)}.theme-board-number{flex-direction:column;gap:8px;display:flex}.theme-board-number-input{color:var(--muted-foreground);align-items:center;gap:5px;font-size:10px;display:inline-flex}.theme-board-number-input input{text-align:right;width:49px;height:24px;color:var(--foreground);appearance:textfield;padding:3px 5px;font-size:11px}.theme-board-number-input input::-webkit-inner-spin-button{appearance:none}.theme-board-number [data-slot=slider]{min-height:14px}.theme-board-number [data-slot=slider-track]{height:3px}.theme-board-number [data-slot=slider-thumb]{border-color:var(--border);width:12px;height:12px}.theme-board-color-field{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.theme-board-color-value{align-items:center;gap:7px;width:188px;display:flex}.theme-board-color-value input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex:0 0 27px;width:27px;height:27px;padding:0;display:block;overflow:hidden}.theme-board-color-value input[type=color]::-webkit-color-swatch-wrapper{padding:0}.theme-board-color-value input[type=color]::-webkit-color-swatch{border:0}.theme-board-color-value input:not([type=color]){width:154px;min-width:0;height:29px;padding:4px 7px;font:10px ui-monospace,monospace}.theme-board-font-picker{width:180px;min-width:0;height:29px;padding:4px 8px;font-size:11px}.theme-board-note{color:var(--muted-foreground);margin-top:-8px;font-size:9px;line-height:1.4}.theme-board-color-story{align-items:center;gap:9px;display:flex}.theme-board-sample-mark{background:var(--primary);height:30px;color:var(--primary-foreground);border-radius:var(--radius-md-value);flex:0 0 30px;place-items:center;font-size:16px;font-weight:650;display:grid}.theme-board-color-story>div{flex-direction:column;gap:3px;min-width:0;display:flex}.theme-board-color-story strong{font-size:12px;font-weight:550}.theme-board-color-story>div>span{color:var(--muted-foreground);font-size:9px}.theme-board-sample-check{background:var(--secondary);width:23px;height:23px;color:var(--secondary-foreground);border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.theme-board-palette{gap:6px;margin:18px 0;display:flex}.theme-board-palette span{aspect-ratio:5/4;border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:4px;flex:1;min-width:0}.theme-board-sample-action{border-radius:var(--radius-md-value);background:var(--primary);min-height:30px;color:var(--primary-foreground);justify-content:center;align-items:center;gap:12px;padding:5px 12px;font-size:11px;font-weight:550;display:flex}.theme-board-sample-type{justify-content:safe center;gap:12px;padding:16px 18px;overflow:auto}.theme-board-sample-type>*{flex-shrink:0}.theme-board-type-display{font-size:43px;line-height:1.05;font-weight:var(--font-weight-medium,500);letter-spacing:-1.2px;align-items:baseline;gap:15px;display:flex}.theme-board-type-display>span{color:var(--muted-foreground);font-size:20px;font-weight:var(--font-weight,400);letter-spacing:-.5px}.theme-board-type-title{font-size:min(var(--text-2xl,24px), 28px);line-height:1.2;font-weight:var(--font-weight-semibold,600)}.theme-board-sample-type p{max-width:100%;font-size:var(--font-size,16px);line-height:1.4}.theme-board-sample-type code{color:var(--muted-foreground);font-family:var(--font-mono);margin-top:4px;font-size:10px}.theme-board-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(244px,100% - 16px);margin-inline:auto;display:grid}.theme-board-icon-grid>span{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-sm-value);background:var(--card);min-width:0;color:var(--card-foreground);place-items:center;display:grid}.theme-board-layout-box{justify-content:space-between;gap:var(--space-1-value);width:min(100%,248px);height:176px;max-height:100%;padding:var(--space-2-value);border:1px solid var(--border);border-radius:var(--radius-lg-value);background:var(--card);flex-direction:column;margin-inline:auto;display:flex}.theme-board-layout-box[data-density=compact]{height:152px}.theme-board-layout-heading{flex-shrink:0;font-size:11px;font-weight:600}.theme-board-layout-row{justify-content:space-between;align-items:center;gap:var(--space-2-value);height:40px;min-height:20px;padding:var(--space-1-value);border:1px solid var(--border);border-radius:var(--radius-sm-value);display:flex}.theme-board-layout-box[data-density=compact] .theme-board-layout-row{height:32px}.theme-board-layout-row>span{background:color-mix(in srgb, var(--foreground) 18%, var(--background));border-radius:2px;width:45%;height:4px}.theme-board-layout-row>i{border:1px solid var(--border);border-radius:2px;width:9px;height:9px}.theme-board-layout-bottom{gap:var(--space-2-value);flex-shrink:0;display:flex}.theme-board-layout-bottom>span{border-radius:var(--radius-sm-value);background:var(--secondary);width:38%;height:28px}.theme-board-layout-bottom>span:last-child{background:var(--primary);width:62%}.theme-board-shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,224px);margin:0 auto 18px;display:grid}.theme-board-shapes>span{aspect-ratio:1;border:1px solid var(--border);background:var(--secondary);min-width:0;color:var(--secondary-foreground);place-items:center;display:grid}.theme-board-shapes>span>span{opacity:.65;font:10px ui-monospace,monospace}.theme-board-shape-field{border-radius:var(--radius-md-value);border:1px solid var(--input);height:28px;margin-bottom:8px}.theme-board-elevation{justify-content:center;align-items:center;gap:16px;width:min(100%,248px);margin-inline:auto;padding:8px;display:flex}.theme-board-elevation>div{aspect-ratio:3/4;background:var(--card);min-width:0;color:var(--muted-foreground);border-radius:var(--radius-lg-value);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font:10px ui-monospace,monospace;display:flex}.theme-board-elevation>div>span{border:1px solid var(--border);border-radius:var(--radius-sm-value);width:23px;height:23px}.theme-board-view-controls{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex;position:absolute;bottom:16px;left:26px;right:26px}.theme-board-hint{color:var(--muted-foreground);font-size:10px}.theme-board-zoom{border:1px solid var(--border);background:var(--background);pointer-events:auto;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 2px 6px #00000009}.theme-board-zoom button{border-radius:999px;font-size:11px}.theme-board-zoom svg{width:13px;height:13px}.theme-board-control-divider{background:var(--border);width:1px;height:15px;margin-inline:3px}.theme-board[data-mobile=true] .theme-board-viewport{overflow:auto}.theme-board-mobile-cards{flex-direction:column;align-items:center;gap:24px;padding:24px 16px 112px;display:flex}.theme-board-mobile-cards .theme-board-card{aspect-ratio:3/4;flex-basis:auto;width:min(360px,100%);height:auto;scroll-margin-top:16px}@container (max-width:1000px){.theme-board-hint{display:none}.theme-board-view-controls{justify-content:flex-end}}@container (max-width:800px){.theme-board-view-controls{bottom:80px}}@media (max-width:380px){.theme-board-card{padding:16px}.theme-board-color-value{width:174px}.theme-board-color-value input:not([type=color]){width:140px}.theme-board-card>[data-slot=card-header],.theme-board-sample,.theme-board-logo-preview{margin-bottom:12px}.theme-board-fields,.theme-board-logo-uploads{gap:8px}.theme-board-number{gap:4px}.theme-board-card>[data-slot=card-footer]{padding-top:2px}.theme-board-sample-type{gap:8px;padding-block:12px}.theme-board-type-display{font-size:36px}.theme-board-type-display>span{font-size:18px}}@media (max-width:340px){.theme-board-card{padding:12px}.theme-board-card>[data-slot=card-header],.theme-board-sample,.theme-board-logo-preview{margin-bottom:8px}.theme-board-fields,.theme-board-logo-uploads{gap:4px}.theme-board-number{gap:2px}.theme-board-card>[data-slot=card-footer]{padding-top:0}}.theme-board-motion-demo{flex-direction:column;align-items:center;gap:18px;display:flex}.theme-board-motion-orbit{border:1px solid var(--border);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.theme-board-motion-orbit>span{border-radius:var(--radius-md-value);background:var(--primary);width:26px;height:26px}.theme-board-state-grid{grid-template-columns:1fr 1fr;gap:16px;width:min(100%,244px);margin-inline:auto;display:grid}.theme-board-state-grid button{min-width:0;min-height:36px;font-size:11px}.theme-board-card:focus-visible,.theme-showcase [data-showcase-section]:focus-visible{outline:2px solid var(--ring);outline-offset:4px}
.theme-showcase{box-sizing:border-box;width:1200px;height:768px;color:var(--foreground);background:var(--background);border:1px solid var(--border);font-family:var(--font-sans);letter-spacing:var(--letter-spacing);-webkit-user-select:none;user-select:none;border-radius:28px;flex-direction:column;padding:24px;display:flex;overflow:hidden;box-shadow:0 12px 48px #00000008}.theme-showcase *{box-sizing:border-box}.theme-showcase-grid{flex:1;grid-template-rows:1.18fr 1fr .93fr;grid-template-columns:232px 1fr 1fr;gap:16px;min-height:0;display:grid}.theme-showcase-panel{background:var(--card);min-width:0;min-height:0;color:var(--card-foreground);border:1px solid color-mix(in oklab,var(--border) 68%,transparent);border-radius:20px;position:relative;overflow:hidden}.theme-showcase-panel[data-active=true],.theme-showcase [data-showcase-section][data-active=true]:not(.theme-showcase-panel){outline:1px solid color-mix(in oklab,var(--foreground) 45%,transparent);outline-offset:3px}.theme-showcase-label{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;font-size:11px;line-height:1.4;display:flex}.theme-showcase-label>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-showcase-label>span:first-child{flex-shrink:0}.theme-showcase-palette{background:0 0;border:0;grid-area:1/1/4;grid-template-rows:repeat(4,1fr);gap:14px;display:grid;overflow:visible}.theme-showcase-color{border:1px solid color-mix(in oklab,var(--border) 40%,transparent);border-radius:18px;flex-direction:column;justify-content:space-between;min-height:0;display:flex;overflow:hidden}.theme-showcase-color>div:first-child{flex-direction:column;gap:6px;padding:20px;font-size:12px;display:flex}.theme-showcase-color strong{font-size:15px;font-weight:600}.theme-showcase-color>div:first-child>span{font-family:var(--font-mono);opacity:.8;font-size:11px}.theme-showcase-ramp{flex:none;height:40px;display:flex}.theme-showcase-ramp>span{flex:1}.theme-showcase-type{grid-column:2/4;align-items:stretch;gap:28px;padding:22px;display:flex}.theme-showcase-glyphs{background:var(--muted);letter-spacing:-.055em;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:210px;padding:8px;line-height:.98;display:flex}.theme-showcase-glyphs>span:first-child{font-size:94px;font-weight:600}.theme-showcase-glyphs>span:nth-child(2){margin-top:4px;font-size:46px;font-weight:500}.theme-showcase-glyphs small{letter-spacing:-.02em;color:var(--muted-foreground);margin-top:9px;font-size:23px}.theme-showcase-type-copy{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.theme-showcase-weights{letter-spacing:-.04em;flex-direction:column;gap:2px;font-size:32px;line-height:1.1;display:flex}.theme-showcase-weights>span:first-child{font-weight:var(--font-weight,400)}.theme-showcase-weights>span:nth-child(2){font-weight:var(--font-weight-medium,500)}.theme-showcase-weights>span:nth-child(3){font-weight:var(--font-weight-bold,700)}.theme-showcase-type-copy p{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.5}.theme-showcase-logo{flex-direction:column;grid-area:1/2;padding:22px;display:flex}.theme-showcase-logo>.theme-showcase-label{position:absolute;top:22px;left:22px;right:22px}.theme-showcase-logo-assets{flex:1;grid-template-rows:minmax(0,1fr);place-items:center;min-height:0;padding:20px 12px;display:grid}.theme-showcase-logo-assets img{object-fit:contain;object-position:center;width:100%;height:100%;min-height:0;display:block}.theme-showcase-grid[data-has-logo=true] .theme-showcase-type{grid-area:1/3;gap:20px}.theme-showcase-grid[data-has-logo=true] .theme-showcase-glyphs{width:42%;min-width:0}.theme-showcase-grid[data-has-logo=true] .theme-showcase-glyphs>span:first-child{font-size:76px}.theme-showcase-grid[data-has-logo=true] .theme-showcase-glyphs>span:nth-child(2){font-size:36px}.theme-showcase-grid[data-has-logo=true] .theme-showcase-glyphs small{font-size:19px}.theme-showcase-grid[data-has-logo=true] .theme-showcase-weights{font-size:27px}.theme-showcase-grid[data-has-logo=true] .theme-showcase-type-copy .theme-showcase-label{flex-direction:column;align-items:flex-start;gap:4px}.theme-showcase-grid[data-has-logo=true] .theme-showcase-type-copy .theme-showcase-label>span{max-width:100%}.theme-showcase-workspace{background:var(--muted);flex-direction:column;grid-area:2/2/4;gap:17px;padding:20px;display:flex}.theme-showcase-app{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.theme-showcase-appbar{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:12px 14px;font-size:11px;display:flex}.theme-showcase-appbar>svg:last-child{margin-left:auto}.theme-showcase-app-mark{color:var(--primary);display:flex}.theme-showcase-appbody{flex:1;min-height:0;display:flex}.theme-showcase-appnav{border-right:1px solid var(--border);width:43px;color:var(--muted-foreground);flex-direction:column;align-items:center;gap:9px;padding:12px 6px;display:flex}.theme-showcase-appnav>span{border-radius:var(--radius-sm);place-items:center;width:29px;height:29px;display:grid}.theme-showcase-appnav>span[data-selected=true]{background:var(--primary);color:var(--primary-foreground)}.theme-showcase-balance{flex-direction:column;flex:1;gap:10px;min-width:0;padding:18px;display:flex}.theme-showcase-balance>span:first-child{color:var(--muted-foreground);font-size:11px}.theme-showcase-balance>strong{letter-spacing:-.045em;font-size:34px;font-weight:600;line-height:1.1}.theme-showcase-balance>strong>span{color:var(--muted-foreground);font-size:23px;font-weight:400}.theme-showcase-chart{flex:1;align-items:flex-end;gap:5px;height:57px;min-height:25px;max-height:74px;padding:5px 0;display:flex}.theme-showcase-chart i{background:var(--primary);border-radius:var(--radius-xs) var(--radius-xs) 0 0;opacity:.75;flex:1}.theme-showcase-chart i:nth-last-child(-n+3){opacity:1}.theme-showcase-payment{color:var(--muted-foreground);justify-content:space-between;gap:8px;font-size:10px;display:flex}.theme-showcase-payment strong{color:var(--card-foreground);font-weight:500}.theme-showcase-button{background:var(--primary);min-height:33px;color:var(--primary-foreground);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:10px;padding:7px 12px;font-size:11px;font-weight:500;display:flex}.theme-showcase-app[data-density=compact] .theme-showcase-balance{gap:7px;padding:12px}.theme-showcase-app[data-density=spacious] .theme-showcase-balance{gap:12px;padding:22px}.theme-showcase-context-footer{flex-direction:column;gap:13px;display:flex}.theme-showcase-mini-search{color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.theme-showcase-mini-search kbd{font-family:var(--font-mono);margin-left:auto;font-size:10px}.theme-showcase-behavior{gap:14px;display:flex}.theme-showcase-behavior>div{border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.theme-showcase-behavior>div>span{min-width:0;font-size:10px;line-height:1.5}.theme-showcase-behavior small{color:var(--muted-foreground);white-space:nowrap;font-size:8px;display:block}.theme-showcase-motion,.theme-showcase-state-dots{flex:none;align-items:center;gap:3px;display:flex}.theme-showcase-motion i,.theme-showcase-state-dots i{background:var(--primary);border-radius:50%;width:7px;height:7px}.theme-showcase-motion i:first-child{opacity:.2}.theme-showcase-motion i:nth-child(2){opacity:.5}.theme-showcase-icons{flex-direction:column;grid-area:2/3;gap:15px;padding:19px 22px;display:flex}.theme-showcase-icon-grid{flex:1;grid-template-columns:repeat(4,1fr);place-items:center;gap:10px;min-height:0;display:grid}.theme-showcase-icon-grid>span{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);place-items:center;width:44px;height:44px;display:grid}.theme-showcase-finishes{grid-area:3/3;grid-template-columns:1fr 1fr;gap:16px;min-width:0;min-height:0;display:grid}.theme-showcase-shape,.theme-showcase-effects{flex-direction:column;gap:18px;padding:18px;display:flex}.theme-showcase-shapes,.theme-showcase-shadows{flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.theme-showcase-shapes>span{border:1px solid var(--border);background:var(--secondary);width:37px;height:58px;color:var(--secondary-foreground);font:8px var(--font-mono);place-items:center;display:grid}.theme-showcase-shadows>span{border-radius:var(--radius-lg);background:var(--card);width:36px;height:58px;color:var(--muted-foreground);font:8px var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.theme-showcase-shadows i{border:1px solid var(--border);border-radius:var(--radius-sm);width:12px;height:12px}@media (max-width:640px){.theme-board-mobile-showcase .theme-showcase{border-radius:22px;width:100%;height:auto;padding:14px;overflow:visible}.theme-board-mobile-showcase .theme-showcase-grid{flex-direction:column;gap:14px;display:flex}.theme-board-mobile-showcase .theme-showcase-palette{grid-template-rows:repeat(2,132px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-board-mobile-showcase .theme-showcase-color>div:first-child{padding:14px;font-size:11px}.theme-board-mobile-showcase .theme-showcase-color strong{font-size:13px}.theme-board-mobile-showcase .theme-showcase-ramp{height:29px}.theme-board-mobile-showcase .theme-showcase-type{gap:14px;min-height:265px;padding:16px}.theme-board-mobile-showcase .theme-showcase-glyphs{width:38%;min-width:80px}.theme-board-mobile-showcase .theme-showcase-glyphs>span:first-child{font-size:64px}.theme-board-mobile-showcase .theme-showcase-glyphs>span:nth-child(2){font-size:30px}.theme-board-mobile-showcase .theme-showcase-glyphs small{font-size:17px}.theme-board-mobile-showcase .theme-showcase-weights{font-size:27px}.theme-board-mobile-showcase .theme-showcase-type-copy .theme-showcase-label{flex-direction:column;align-items:flex-start;gap:3px}.theme-board-mobile-showcase .theme-showcase-type-copy p{font-size:10px}.theme-board-mobile-showcase .theme-showcase-logo{flex:none;height:280px;padding:18px}.theme-board-mobile-showcase .theme-showcase-grid[data-has-logo=true] .theme-showcase-glyphs>span:first-child{font-size:64px}.theme-board-mobile-showcase .theme-showcase-workspace{gap:15px;min-height:410px;padding:16px}.theme-board-mobile-showcase .theme-showcase-app{min-height:268px}.theme-board-mobile-showcase .theme-showcase-balance{padding:15px}.theme-board-mobile-showcase .theme-showcase-balance>strong{font-size:31px}.theme-board-mobile-showcase .theme-showcase-icons{min-height:242px;padding:18px}.theme-board-mobile-showcase .theme-showcase-icon-grid{gap:12px}.theme-board-mobile-showcase .theme-showcase-finishes{gap:10px;min-height:180px}.theme-board-mobile-showcase .theme-showcase-shape,.theme-board-mobile-showcase .theme-showcase-effects{padding:13px}.theme-board-mobile-showcase .theme-showcase-shapes,.theme-board-mobile-showcase .theme-showcase-shadows{gap:4px}.theme-board-mobile-showcase .theme-showcase-shapes>span,.theme-board-mobile-showcase .theme-showcase-shadows>span{width:29px}}