.studio{min-height:100dvh}.sidebar{width:var(--layout-sidebar);background:var(--sidebar);border-right:1px solid var(--border);z-index:30;flex-direction:column;padding:0 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{height:88px;color:var(--foreground);flex-shrink:0;align-items:center;gap:10px;padding:0 8px;text-decoration:none;display:flex}.brand>span{letter-spacing:-.065em;font-size:27px;font-weight:600;line-height:1}.brand [data-slot=badge]{color:var(--muted-foreground);border-radius:var(--radius-sm);margin-left:auto;padding:2px 5px;font-size:10px}.sidebar-search{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);height:36px;color:var(--muted-foreground);flex-shrink:0;align-items:center;gap:8px;margin-bottom:24px;padding:0 9px;font-size:12px;display:flex}.sidebar-search svg{width:15px;height:15px}.sidebar-search kbd{font:inherit;color:var(--muted-foreground);margin-left:auto;font-size:10px}.system-nav{flex-direction:column;gap:22px;padding:0 0 16px;display:flex;overflow:auto}.nav-label{color:var(--muted-foreground);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;padding:0 12px;font-size:10px}.nav-link{height:36px;color:var(--sidebar-foreground);border-radius:var(--radius-md);align-items:center;gap:10px;margin:2px 0;padding:0 12px;font-size:12px;text-decoration:none;display:flex}.nav-link svg{flex-shrink:0;width:17px;height:17px}.nav-link.is-active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.nav-dot{background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:12px}.system-status{color:var(--muted-foreground);align-items:center;gap:7px;padding:12px 7px 18px;font-size:10px;display:flex}.system-status [data-slot=badge]{margin-left:auto;padding:0 5px;font-size:9px}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.workspace{align-items:center;gap:10px;padding:20px 6px;display:flex}.workspace-mark{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);place-items:center;width:32px;height:32px;display:grid}.workspace strong{font-size:11px;font-weight:500}.workspace p{color:var(--muted-foreground);margin-top:2px;font-size:10px}.studio-main{margin-left:var(--layout-sidebar);min-width:0}.topbar{border-bottom:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:16px;font-size:12px;display:flex}.topbar-workspace{color:var(--muted-foreground)}.topbar-chevron{width:12px;height:12px;color:var(--muted-foreground)}.theme-label{color:var(--muted-foreground);align-items:center;gap:7px;font-size:11px;display:flex}.theme-label svg{width:14px;height:14px}.topbar-divider{background:var(--border);width:1px;height:15px}.topbar [data-slot=badge]{color:var(--muted-foreground);border-radius:var(--radius-sm);font-size:10px;font-weight:400}.mobile-menu{display:none}.page-shell{max-width:var(--layout-max);margin-inline:auto;padding:36px 32px 0}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.eyebrow>span{color:var(--neutral-500)}.page-heading h1{letter-spacing:-.045em;outline:none;margin:8px 0 6px;font-size:32px;font-weight:400;line-height:40px}.page-heading p{color:var(--muted-foreground);max-width:540px;font-size:12px;line-height:1.7}.page-actions{flex-shrink:0;gap:10px;display:flex}.page-actions [data-slot=button]{height:36px;font-size:11px}.section-stack{flex-direction:column;gap:36px;display:flex}.identity-banner{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:1.55fr 1fr;display:grid;overflow:hidden}.identity-copy{padding:30px 32px}.identity-copy [data-slot=badge]{letter-spacing:.07em;border-radius:var(--radius-sm);gap:6px;padding:4px 7px;font-size:9px;font-weight:500}.identity-copy [data-slot=badge] .status-dot{background:var(--info);width:4px;height:4px}.identity-copy h2{letter-spacing:-.04em;margin-top:17px;font-size:clamp(30px,3.1vw,44px);font-weight:300;line-height:1.15}.identity-copy h2 span{color:var(--muted-foreground)}.identity-copy>p{color:var(--muted-foreground);margin-top:14px;font-size:12px;line-height:1.8}.identity-tags{color:var(--muted-foreground);flex-wrap:wrap;gap:18px;margin-top:25px;font-size:10px;display:flex}.identity-tags>span{align-items:center;gap:5px;display:flex}.identity-tags svg{width:13px;height:13px;color:var(--muted-foreground)}.identity-art{border-left:1px solid var(--border);background:var(--sidebar);flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:relative}.logo-safe-area{border:1px solid var(--neutral-800);place-items:center;width:158px;height:158px;display:grid;position:relative}.logo-safe-area img{opacity:.94}.cross{width:9px;height:9px;position:absolute}.cross:before,.cross:after{content:"";background:var(--neutral-500);position:absolute}.cross:before{width:9px;height:1px;top:4px}.cross:after{width:1px;height:9px;left:4px}.cross-tl{top:-5px;left:-5px}.cross-tr{top:-5px;right:-5px}.cross-bl{bottom:-5px;left:-5px}.cross-br{bottom:-5px;right:-5px}.identity-art-label{letter-spacing:.18em;color:var(--muted-foreground);font-size:8px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.025em;align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.section-heading h2>span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:10px;font-weight:400}.section-heading p{color:var(--muted-foreground);margin-top:6px;font-size:12px;line-height:1.7}.section-heading [data-slot=button]{font-size:11px}.section-heading>[data-slot=badge]{color:var(--muted-foreground);font-size:10px;font-weight:400}.foundation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.foundation-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;min-width:0;padding:20px;transition:border-color .12s}.foundation-card-top{color:var(--muted-foreground);justify-content:space-between;align-items:center;font-size:11px;display:flex}.foundation-card-top svg{width:14px;height:14px}.overview-palette{border-radius:var(--radius-sm);border:1px solid var(--border);height:58px;margin:26px 0 23px;display:flex;overflow:hidden}.overview-palette div{flex:1}.overview-palette div:last-child{flex:1.4}.foundation-card-bottom strong{font-size:12px;font-weight:500}.foundation-card-bottom p{color:var(--muted-foreground);margin-top:5px;font-size:10px;line-height:1.6}.overview-type{align-items:center;gap:16px;height:58px;margin:26px 0 23px;display:flex}.overview-type>span{letter-spacing:-.065em;font-size:64px;font-weight:100;line-height:1}.overview-type>div{font-size:11px}.overview-type small{color:var(--muted-foreground);margin-top:4px;font-size:9px;display:block}.overview-grid{gap:6px;height:58px;margin:26px 0 23px;display:flex}.overview-grid>div{background:var(--info-subtle);border:1px solid var(--border);border-radius:2px;flex:1}.overview-components{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.specimen{border-radius:var(--radius-lg);gap:20px;min-width:0;padding-top:22px;padding-bottom:22px;overflow:hidden}.specimen [data-slot=card-header],.specimen [data-slot=card-content]{padding-inline:22px}.specimen [data-slot=card-header]{gap:6px}.specimen [data-slot=card-title]{font-size:13px;font-weight:500}.specimen [data-slot=card-description]{font-size:11px;line-height:1.65}.specimen [data-slot=card-content]{flex-direction:column;gap:20px;display:flex}.overview-components [data-slot=button]{height:34px;padding-inline:10px;font-size:10px}.overview-components [data-slot=badge]{gap:4px;font-size:9px}.overview-components [data-slot=field-label]{font-size:11px}.overview-components [data-slot=field-description]{font-size:10px;line-height:1.7}.overview-components [data-slot=input]{font-size:11px}.overview-components .specimen [data-slot=card-content]{gap:22px}.specimen-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:auto;padding:12px 22px 0;display:flex}.inline-code{background:var(--secondary);color:var(--muted-foreground);font-family:var(--font-mono);border-radius:var(--radius-sm);word-break:break-word;padding:3px 6px;font-size:10px}.demo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.switch-line{justify-content:space-between;align-items:center;gap:18px;display:flex}.switch-line label{cursor:pointer;font-size:11px;font-weight:500}.switch-line p{color:var(--muted-foreground);margin-top:4px;font-size:10px}.form-preview-note{color:var(--muted-foreground);align-items:flex-start;gap:8px;font-size:10px;line-height:1.7;display:flex}.form-preview-note svg{flex-shrink:0;width:16px;height:16px}.metric-label{color:var(--muted-foreground);justify-content:space-between;font-size:11px;display:flex}.metric-label svg{width:16px;height:16px}.overview-metric{white-space:nowrap;margin-top:-4px;font-size:30px;font-weight:400;line-height:1}.overview-metric>span{color:var(--muted-foreground);font-size:20px}.metric-comparison{flex-wrap:wrap;align-items:center;gap:7px;margin-top:-8px;display:flex}.metric-comparison>span:last-child{color:var(--muted-foreground);font-size:9px}.metric-meter{grid-template-columns:repeat(34,minmax(0,1fr));gap:2px;height:18px;margin-top:-4px;display:grid}.metric-meter span{background:var(--border);border-radius:1px;min-width:0}.metric-meter span.filled{background:var(--primary)}.meter-caption{color:var(--muted-foreground);justify-content:space-between;margin-top:-16px;font-size:9px;display:flex}.principles-strip{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0;display:grid}.principles-strip>div{gap:12px;display:flex}.principles-strip svg{width:20px;height:20px;color:var(--muted-foreground);flex-shrink:0}.principles-strip h3{font-size:11px;font-weight:500}.principles-strip p{color:var(--muted-foreground);margin-top:5px;font-size:10px}.page-footer{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding:22px 0;font-size:10px;display:flex}.page-footer span{align-items:center;gap:8px;display:flex}.page-footer img{opacity:.65}.search-results{flex-direction:column;max-height:50dvh;display:flex;overflow:auto}.search-results>button{border-radius:var(--radius-md);text-align:left;align-items:center;gap:12px;padding:12px;display:flex}.search-results svg{width:19px;height:19px;color:var(--muted-foreground)}.search-results svg:last-child{width:14px;margin-left:auto}.search-results small{color:var(--muted-foreground);font-size:11px;display:block}.search-empty{text-align:center;color:var(--muted-foreground);padding:24px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.muted-copy{color:var(--muted-foreground);font-size:12px;line-height:1.8}.palette-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:20px 14px;display:grid}.swatch{text-align:left;border-radius:var(--radius-md);min-width:0}.swatch-color{border-radius:var(--radius-md);border:1px solid #ffffff18;justify-content:flex-end;height:82px;margin-bottom:10px;padding:8px;display:flex}.swatch-color svg{color:#fff;mix-blend-mode:difference;opacity:0;width:14px;height:14px}.swatch:focus-visible .swatch-color svg{opacity:1}.swatch strong{font-size:11px;font-weight:500;display:block}.swatch code{color:var(--muted-foreground);font-size:10px}.swatch small{color:var(--muted-foreground);margin-top:4px;font-size:9px;display:block}.semantic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.semantic-preview{border-radius:var(--radius-md);align-items:center;gap:8px;padding:16px;font-size:12px;display:flex}.semantic-preview svg{width:18px;height:18px}.semantic-preview code{margin-left:auto;font-size:10px}.token-copy{justify-content:space-between;align-items:center;display:flex}.token-copy svg{width:14px;height:14px;color:var(--muted-foreground)}.token-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}.token-table{text-align:left;border-collapse:collapse;width:100%;font-size:12px}.token-table th{color:var(--muted-foreground);background:var(--card);font-size:11px;font-weight:400}.token-table th,.token-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 20px}.token-table tr:last-child td{border-bottom:0}.token-table td:last-child{color:var(--muted-foreground)}.token-dot{vertical-align:middle;border:1px solid #ffffff25;border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}.type-hero{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);align-items:center;gap:32px;padding:32px;display:flex}.type-hero h2{letter-spacing:-.04em;margin-top:10px;font-size:48px;font-weight:100;line-height:1.3}.type-hero h2 span{color:var(--muted-foreground);letter-spacing:-.02em;font-size:18px;font-weight:400;display:block}.type-hero p{color:var(--muted-foreground);margin-top:16px;font-size:11px}.type-hero-aa{letter-spacing:-.07em;margin-left:auto;font-size:112px;font-weight:100}.type-alphabet{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:12px;line-height:2.2}.type-table{border-top:1px solid var(--border)}.type-row{border-bottom:1px solid var(--border);grid-template-columns:220px 1fr;align-items:center;gap:24px;padding:26px 0;display:grid}.type-row strong{font-size:12px;font-weight:500}.type-row code,.type-row small{color:var(--muted-foreground);margin-top:5px;font-size:10px;display:block}.weight-list{flex-direction:column;gap:18px;display:flex}.weight-list>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.weight-list span{font-size:22px}.weight-list small{color:var(--muted-foreground);font-size:11px}.number-example{flex-direction:column;gap:16px;display:flex}.number-example>div{color:var(--muted-foreground);justify-content:space-between;gap:20px;font-size:12px;display:flex}.number-example span{color:var(--foreground)}.spacing-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:8px 24px}.spacing-list>div{border-bottom:1px solid var(--border);grid-template-columns:86px minmax(0,1fr) 50px 180px;align-items:center;gap:20px;min-height:54px;display:grid}.spacing-list>div:last-child{border:0}.spacing-list small{color:var(--muted-foreground);font-size:11px}.spacing-list .numeric{font-size:11px}.spacing-track{display:block;overflow:hidden}.spacing-track>span{background:var(--info-subtle);border:1px solid var(--input);border-radius:2px;max-width:100%;height:12px;display:block}.radius-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;display:grid}.radius-example{border:1px solid var(--input);background:var(--card);width:80px;height:80px;margin-bottom:16px}.radius-grid strong{align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.radius-grid code{color:var(--muted-foreground);font-size:10px;font-weight:400}.radius-grid p{color:var(--muted-foreground);margin-top:5px;font-size:10px}.elevation-demo{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--muted-foreground);padding:16px;font-size:10px}.elevation-demo>div{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:12px;padding:16px}.elevation-demo>div>div{background:var(--popover);border-radius:var(--radius-sm);box-shadow:var(--shadow-overlay);margin-top:10px;padding:12px}.motion-list{flex-direction:column;gap:16px;display:flex}.motion-list>div{gap:18px;font-size:12px;display:flex}.grid-stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--sidebar);justify-content:center;align-items:flex-start;min-height:440px;padding:28px;display:flex}.grid-device{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--background);width:100%;overflow:hidden}.grid-device-tablet{max-width:660px}.grid-device-mobile{max-width:360px}.grid-device-header{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:4px;height:32px;padding:0 12px;display:flex}.grid-device-header>span{background:var(--neutral-500);border-radius:50%;width:5px;height:5px}.grid-device-header small{color:var(--muted-foreground);margin-left:auto;font-size:9px}.grid-device-content{position:relative}.grid-columns{height:36px;margin-bottom:20px;display:grid}.grid-columns>span{background:var(--info-subtle);border:1px solid var(--border);color:var(--info);border-radius:2px;place-items:center;font-size:9px;display:grid}.grid-composition{display:grid}.grid-composition>div{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);text-align:center;border-radius:var(--radius-sm);place-items:center;min-height:50px;padding:4px;font-size:10px;display:grid}.grid-specs{border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid}.grid-specs>div{border-right:1px solid var(--border);padding:18px 24px}.grid-specs>div:last-child{border:0}.grid-specs span{color:var(--muted-foreground);font-size:10px;display:block}.grid-specs strong{margin-top:6px;font-size:17px;font-weight:400;display:block}.shell-diagram{border:1px solid var(--border);border-radius:var(--radius-md);height:160px;color:var(--muted-foreground);font-size:10px;display:flex;overflow:hidden}.shell-diagram aside{background:var(--sidebar);border-right:1px solid var(--border);place-items:center;width:80px;display:grid}.shell-diagram>div{flex:1}.shell-diagram header{border-bottom:1px solid var(--border);text-align:center;padding:12px}.shell-diagram main{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:120px;display:flex}.shell-diagram small{font-size:9px}.rule-list{color:var(--muted-foreground);flex-direction:column;gap:12px;padding-left:18px;font-size:12px;line-height:1.8;list-style:outside;display:flex}.rule-list li::marker{color:var(--neutral-500)}.icon-grid{border-left:1px solid var(--border);border-top:1px solid var(--border);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.icon-grid button{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:110px;display:flex}.icon-grid svg{width:24px;height:24px}.icon-grid span{color:var(--muted-foreground);font-size:10px}.icon-sizes{justify-content:space-around;align-items:center;gap:16px;min-height:120px;display:flex}.icon-sizes>div{flex-direction:column;align-items:center;gap:16px;display:flex}.icon-sizes small{color:var(--muted-foreground);font-size:10px}.stack-tags{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}@media (hover:hover) and (pointer:fine){.nav-link:hover{background:var(--secondary);color:var(--foreground)}.nav-link.is-active:hover{background:var(--sidebar-accent)}.foundation-card:hover{border-color:var(--input)}.swatch:hover .swatch-color svg{opacity:1}.search-results>button:hover,.icon-grid button:hover{background:var(--secondary)}}@media (min-width:1600px){.page-shell{padding-top:44px}.identity-copy{padding:40px}.identity-copy h2{font-size:48px}}@media (max-width:1279px){.page-heading{flex-wrap:wrap;gap:18px}.page-actions{margin-top:0}.overview-components{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-components>.specimen:last-child{grid-column:1/-1}.overview-components>.specimen:last-child [data-slot=card-content]{grid-template-columns:1fr 1fr;align-items:center;display:grid}.type-hero{flex-wrap:wrap}.type-alphabet{width:100%}.radius-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.sidebar{display:none}.studio-main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 24px}.page-shell{padding:28px 24px 0}.system-nav{padding-inline:16px}[data-slot=sheet-content] .system-nav{gap:16px}.foundation-card{padding:18px}.overview-type{gap:12px}}@media (max-width:767px){.foundation-grid{grid-template-columns:1fr}.foundation-card{grid-template-columns:1fr 1fr;align-items:center;gap:16px;display:grid}.foundation-card-top{grid-column:1/-1}.overview-palette,.overview-type,.overview-grid{margin:0}.foundation-card-bottom p{font-size:11px}.identity-banner{grid-template-columns:1fr .65fr}.identity-copy{padding:24px}.identity-art{gap:24px}.logo-safe-area{width:120px;height:120px}.logo-safe-area img{width:76px;height:77px}.identity-tags{gap:10px}.identity-tags>span:last-child,.desktop-break{display:none}.two-col,.three-col{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.spacing-list>div{grid-template-columns:72px 1fr 45px;gap:10px}.spacing-list small{display:none}.type-row{grid-template-columns:150px 1fr}.principles-strip{grid-template-columns:1fr;gap:20px}.principles-strip p{font-size:11px}.page-footer>span:nth-child(2){display:none}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-specs>div{padding:16px}}@media (max-width:639px){.topbar{height:60px;padding:0 16px}.topbar-left{gap:8px}.topbar-workspace,.topbar-chevron,.theme-label,.topbar-divider{display:none}.topbar-right{gap:8px}.page-shell{padding:24px 16px 0}.page-heading h1{font-size:28px;line-height:36px}.page-heading p{font-size:12px}.page-actions{gap:8px;width:100%}.page-actions [data-slot=button]{flex:1;padding-inline:10px;font-size:11px}.page-heading{margin-bottom:24px}.section-stack{gap:30px}.identity-banner{grid-template-columns:1fr}.identity-copy{padding:24px}.identity-copy h2{font-size:36px}.identity-art{display:none}.identity-copy>p{font-size:12px}.identity-tags{gap:14px}.identity-tags>span:last-child{display:flex}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.section-heading h2{font-size:15px}.section-heading p{font-size:11px}.section-heading>[data-slot=button]{margin-left:auto}.overview-components{grid-template-columns:1fr}.overview-components>.specimen:last-child [data-slot=card-content]{align-items:stretch;display:flex}.overview-components [data-slot=button]{font-size:12px}.overview-components [data-slot=input]{font-size:16px}.overview-components [data-slot=field-label]{font-size:12px}.overview-components [data-slot=badge]{font-size:10px}.overview-components [data-slot=field-description],.switch-line p{font-size:11px}.switch-line label,.metric-label{font-size:12px}.overview-metric{font-size:36px}.metric-comparison>span:last-child{font-size:11px}.meter-caption{font-size:10px}.palette-grid{gap:20px 10px}.swatch-color{height:65px}.swatch strong{font-size:10px}.swatch code,.swatch small{font-size:9px}.semantic-grid{grid-template-columns:1fr}.type-hero{gap:20px;padding:24px}.type-hero-aa{font-size:80px}.type-hero h2{font-size:40px}.type-row{grid-template-columns:1fr;gap:14px}.type-row>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.type-row code,.type-row small{margin:0}.type-row small{font-size:9px}.type-row p{overflow-wrap:anywhere}.grid-stage{min-height:auto;padding:10px}.grid-device-content{padding:12px!important}.grid-columns,.grid-composition{gap:6px!important}.grid-composition>div{font-size:8px}.grid-specs{grid-template-columns:1fr 1fr}.grid-specs>div{border-bottom:1px solid var(--border)}.grid-specs>div:nth-child(2){border-right:0}.grid-specs>div:nth-child(3){border-bottom:0}.radius-grid{gap:24px 12px}.radius-example{width:65px;height:65px}.radius-grid strong{flex-wrap:wrap;gap:3px}.radius-grid code,.radius-grid p{font-size:9px}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-sizes{gap:8px}.icon-sizes small{text-align:center;font-size:9px}.page-footer{font-size:9px}.token-table td,.token-table th{padding:12px}.spacing-list{padding-inline:14px}}.demo-form{flex-direction:column;gap:24px;display:flex}.demo-form [data-slot=field-group]{gap:24px}.demo-form [data-slot=dialog-footer]{margin-top:4px}.skeleton-demo{align-items:center;gap:16px;padding:8px 0;display:flex}.progress-caption{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.tab-demo{flex-direction:column;justify-content:center;gap:12px;min-height:156px;padding:20px 0;display:flex}.tab-demo svg{width:24px;height:24px;color:var(--info)}.tab-demo h3{font-size:14px;font-weight:500}.tab-demo p{color:var(--muted-foreground);font-size:12px}.menu-demo{justify-content:space-between;align-items:center;gap:12px;display:flex}.store-identity{text-align:left;align-items:center;gap:10px;display:flex}.store-avatar{border:1px solid var(--border);background:var(--secondary);border-radius:var(--radius-md);width:32px;height:32px;color:var(--foreground);flex-shrink:0;place-items:center;font-size:10px;display:grid}.store-identity strong{font-size:11px;font-weight:500;display:block}.store-identity small{color:var(--muted-foreground);margin-top:3px;font-size:9px;display:block}.menu-demo .store-identity{min-width:0}.menu-demo .store-identity small{overflow-wrap:anywhere}.sheet-demo{flex-direction:column;gap:24px;padding:8px 24px 24px;display:flex}.sheet-metric{flex-direction:column;gap:8px;display:flex}.sheet-metric>span{color:var(--muted-foreground);font-size:12px}.sheet-metric>strong{font-size:22px;font-weight:400}.pattern-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.pattern-heading h2{letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:400;display:flex}.pattern-heading p{color:var(--muted-foreground);align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-grid .specimen{gap:12px;padding:18px 0}.kpi-grid .specimen [data-slot=card-header],.kpi-grid .specimen [data-slot=card-content]{padding-inline:18px}.kpi-grid [data-slot=card-title]{color:var(--muted-foreground);font-size:11px;font-weight:400}.kpi-value{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;font-size:26px;display:flex}.kpi-value svg{width:18px;height:18px;color:var(--muted-foreground);flex-shrink:0}.kpi-change{flex-wrap:wrap;align-items:center;gap:6px;margin-top:-5px;display:flex}.kpi-change [data-slot=badge]{font-size:9px}.kpi-change>span:last-child:not([data-slot]){color:var(--muted-foreground);font-size:9px}.pattern-charts{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px;display:grid}.revenue-chart{width:100%;height:230px}.chart-data{color:var(--muted-foreground);font-size:10px}.chart-data summary{cursor:pointer;min-height:28px}.chart-data-table{max-height:220px;overflow:auto}.chart-data table{border-collapse:collapse;width:100%}.chart-data td,.chart-data th{border-bottom:1px solid var(--border);text-align:left;padding:8px}.chart-data td:last-child,.chart-data th:last-child{text-align:right}.operational-alert{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding-bottom:18px;display:flex}.operational-alert strong{font-size:11px;font-weight:500}.operational-alert p{color:var(--muted-foreground);margin-top:5px;margin-bottom:10px;font-size:10px}.operational-alert [data-slot=badge]{font-size:9px}.alert-icon{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.alert-icon svg{width:16px;height:16px}.alert-icon.warning{color:var(--warning);background:var(--warning-subtle)}.alert-icon.danger{color:var(--danger);background:var(--danger-subtle)}.data-section{gap:20px}.data-section>.section-heading{margin-bottom:0}.data-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.table-toolbar h3{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.table-toolbar h3 [data-slot=badge]{padding-inline:6px;font-size:10px}.table-toolbar p{color:var(--muted-foreground);margin-top:5px;font-size:10px}.table-controls{align-items:center;gap:8px;display:flex}.table-search{width:180px;position:relative}.table-search>svg{width:15px;height:15px;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-search input{padding-left:33px;font-size:11px}.table-controls [data-slot=select-trigger]{font-size:11px}.table-scroll{overflow-x:auto}.table-scroll [data-slot=table-container]{overflow:visible}.data-panel table{min-width:880px}.data-panel [data-slot=table-head]{color:var(--muted-foreground);background:var(--secondary);height:44px;font-size:10px;font-weight:400}.data-panel [data-slot=table-head] [data-slot=button]{gap:6px;padding-inline:0;font-size:10px;font-weight:400}.data-panel [data-slot=table-head] [data-slot=button] svg{width:12px;height:12px}.data-panel [data-slot=table-cell]{height:68px;font-size:11px}.data-panel [data-slot=table-head]:first-child,.data-panel [data-slot=table-cell]:first-child{width:44px;padding-left:20px}.data-panel [data-slot=table-head]:last-child,.data-panel [data-slot=table-cell]:last-child{padding-right:20px}.data-panel [data-slot=badge]{font-size:9px}.table-owner{color:var(--muted-foreground);font-size:10px}.number-cell{text-align:right}.table-pagination{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:10px;display:flex}.table-pagination>div{align-items:center;gap:8px;display:flex}.table-pagination>div>span{margin-right:8px}.table-rule{border-left:2px solid var(--border);padding:22px}.table-rule h3{font-size:13px;font-weight:500}.table-rule p{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.8}@media (max-width:1279px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-charts{grid-template-columns:1fr}}@media (max-width:639px){.table-toolbar{gap:16px;padding:16px}.table-controls{flex-wrap:wrap;width:100%}.table-search{flex:1;min-width:140px}.table-search input{font-size:16px}.table-controls [data-slot=select-trigger]{font-size:12px}.table-pagination{flex-wrap:wrap;padding:12px 16px;font-size:10px}.table-pagination>div{margin-left:auto}.kpi-grid{gap:12px}.kpi-grid .specimen [data-slot=card-header],.kpi-grid .specimen [data-slot=card-content]{padding-inline:14px}.kpi-value{font-size:22px}.kpi-value svg{display:none}.kpi-grid [data-slot=card-title]{font-size:10px}.pattern-heading>.demo-row{width:100%}.pattern-heading>.demo-row>[data-slot=button]{flex:1}.pattern-heading>.demo-row>[data-slot=select-trigger]{flex:1;font-size:12px}.kpi-change [data-slot=badge]{font-size:9px}.menu-demo .store-identity strong{font-size:11px}}