.material-calculators-module__sXncqq__appShell{min-height:calc(100dvh - var(--header-height));color:var(--color-text-primary);background:var(--color-surface-canvas);grid-template-rows:auto minmax(0,1fr);grid-template-columns:16rem minmax(0,1fr)}.material-calculators-module__sXncqq__appShell>.su-app-shell__header{grid-area:1/2;min-width:0}.material-calculators-module__sXncqq__main{grid-area:2/2;padding:0}.material-calculators-module__sXncqq__sidebar{top:var(--header-height);height:calc(100dvh - var(--header-height));padding:var(--space-5) var(--space-3);border-right-color:color-mix(in srgb, var(--color-surface-inverse) 76%, white);color:color-mix(in srgb, var(--color-text-inverse) 86%, transparent);background:var(--color-surface-inverse);flex-direction:column;grid-area:1/1/3;align-self:start;display:flex;position:sticky;overflow-y:auto}.material-calculators-module__sXncqq__sidebarProduct{gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-4);display:grid}.material-calculators-module__sXncqq__sidebarProduct>span{color:color-mix(in srgb, var(--product-accent) 72%, white);font:800 var(--font-size-xs)/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.material-calculators-module__sXncqq__sidebarProduct>strong{color:var(--color-text-inverse);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.material-calculators-module__sXncqq__sidebarProduct>small{color:color-mix(in srgb, var(--color-text-inverse) 55%, transparent);font:700 var(--font-size-xs)/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.material-calculators-module__sXncqq__sidebar .su-sidebar__header{margin-bottom:var(--space-2)}.material-calculators-module__sXncqq__sidebar .su-sidebar__footer{margin-top:auto}.material-calculators-module__sXncqq__sidebar .su-sidebar__badge{color:color-mix(in srgb, var(--color-text-inverse) 78%, transparent);background:color-mix(in srgb, var(--color-text-inverse) 11%, transparent)}:is(.material-calculators-module__sXncqq__sidebar .su-sidebar nav>a,.material-calculators-module__sXncqq__sidebar .su-sidebar nav>button){color:color-mix(in srgb, var(--color-text-inverse) 78%, transparent)}:is(.material-calculators-module__sXncqq__sidebar .su-sidebar nav>a:hover,.material-calculators-module__sXncqq__sidebar .su-sidebar nav>button:hover){color:var(--color-text-inverse);background:color-mix(in srgb, var(--color-text-inverse) 8%, transparent)}:is(.material-calculators-module__sXncqq__sidebar .su-sidebar nav>a[aria-current=page],.material-calculators-module__sXncqq__sidebar .su-sidebar nav>button[aria-pressed=true]){color:var(--color-text-inverse);background:color-mix(in srgb, var(--product-accent) 65%, transparent)}.material-calculators-module__sXncqq__sidebar .su-sidebar nav>:nth-child(3){margin-top:var(--space-3);padding-top:calc(.65rem + var(--space-3));border-top:1px solid color-mix(in srgb, var(--color-text-inverse) 12%, transparent)}.material-calculators-module__sXncqq__sidebarScope{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-text-inverse) 12%, transparent);border-radius:var(--radius-sm);color:color-mix(in srgb, var(--color-text-inverse) 58%, transparent);font-size:var(--font-size-xs);line-height:var(--line-height-copy);display:flex}.material-calculators-module__sXncqq__sidebarScope svg{width:1rem;color:color-mix(in srgb, var(--product-accent) 70%, white);flex:none}.material-calculators-module__sXncqq__workspaceShellHeader{align-items:center;gap:var(--space-6);min-height:112px;padding:var(--space-4) var(--space-6);border-bottom-color:var(--color-border-default);background:var(--color-surface-raised);grid-template-columns:minmax(250px,.65fr) minmax(320px,1.15fr) auto;display:grid}.material-calculators-module__sXncqq__workspaceShellHeader h1{margin:var(--space-1) 0 0;color:var(--color-text-strong);letter-spacing:-.035em;font-size:clamp(1.75rem,2.5vw,2.35rem)}.material-calculators-module__sXncqq__workspaceShellHeader>p{max-width:46rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-copy);margin:0}.material-calculators-module__sXncqq__headerActions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.material-calculators-module__sXncqq__headerActions>a,.material-calculators-module__sXncqq__headerActions>strong{min-height:var(--button-height-sm);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--button-radius);white-space:nowrap;display:inline-flex}.material-calculators-module__sXncqq__headerActions>a{border:1px solid var(--color-border-strong);color:var(--color-text-strong);background:var(--color-surface-raised);font-size:var(--font-size-sm);font-weight:700}.material-calculators-module__sXncqq__headerActions>strong{color:color-mix(in srgb, var(--product-accent) 82%, black);background:color-mix(in srgb, var(--product-accent) 12%, white);font-size:var(--font-size-xs)}.material-calculators-module__sXncqq__headerActions svg{width:1rem}.material-calculators-module__sXncqq__menuButton{display:none}.material-calculators-module__sXncqq__libraryLayout{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.material-calculators-module__sXncqq__libraryLayout:has(.material-calculators-module__sXncqq__adRail){grid-template-columns:minmax(0,1fr) minmax(300px,320px)}.material-calculators-module__sXncqq__libraryContent{min-width:0;padding:var(--space-6)}.material-calculators-module__sXncqq__filterBar{align-items:end;gap:var(--space-3);grid-template-columns:minmax(240px,1fr) 180px;display:grid}.material-calculators-module__sXncqq__searchField{display:block;position:relative}.material-calculators-module__sXncqq__searchField>svg{z-index:1;top:50%;left:var(--space-4);width:1.1rem;color:var(--color-text-muted);position:absolute;transform:translateY(-50%)}.material-calculators-module__sXncqq__searchField input{min-height:48px;padding-left:var(--space-10);box-shadow:var(--shadow-sm)}.material-calculators-module__sXncqq__sortField{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;display:grid}.material-calculators-module__sXncqq__sortField select{min-height:48px}.material-calculators-module__sXncqq__resultSummary{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0 var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs);display:flex}.material-calculators-module__sXncqq__resultSummary span:last-child{color:color-mix(in srgb, var(--product-accent) 82%, black);font-weight:750}.material-calculators-module__sXncqq__calculatorGrid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.material-calculators-module__sXncqq__calculatorGrid>button{gap:var(--space-4);min-height:194px;padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);background:var(--color-surface-raised);text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);grid-template-columns:148px minmax(0,1fr);display:grid}.material-calculators-module__sXncqq__calculatorGrid>button:hover{border-color:color-mix(in srgb, var(--product-accent) 48%, var(--color-border-default));box-shadow:var(--shadow-md);transform:translateY(-2px)}.material-calculators-module__sXncqq__calculatorGrid>button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 30%, transparent);outline-offset:3px}.material-calculators-module__sXncqq__calculatorImage{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--product-accent) 6%, var(--color-surface-subtle));place-items:center;min-height:160px;display:grid;overflow:hidden}.material-calculators-module__sXncqq__calculatorImage img{object-fit:contain;width:100%;height:auto}.material-calculators-module__sXncqq__calculatorCopy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.material-calculators-module__sXncqq__calculatorCopy .su-status-badge{font-size:.6rem}.material-calculators-module__sXncqq__calculatorCopy>strong{margin-top:var(--space-3);color:var(--color-text-strong);font-size:var(--font-size-lg);line-height:1.25}.material-calculators-module__sXncqq__calculatorCopy>small{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-copy)}.material-calculators-module__sXncqq__calculatorCopy>b{align-items:center;gap:var(--space-2);padding-top:var(--space-3);color:color-mix(in srgb, var(--product-accent) 82%, black);font-size:var(--font-size-sm);margin-top:auto;display:inline-flex}.material-calculators-module__sXncqq__calculatorCopy>b svg{width:.95rem}.material-calculators-module__sXncqq__emptyState{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised)}.material-calculators-module__sXncqq__scopeNote{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--product-accent) 26%, var(--color-border-default));border-radius:var(--radius-sm);color:var(--color-text-secondary);background:color-mix(in srgb, var(--product-accent) 5%, var(--color-surface-raised));display:flex}.material-calculators-module__sXncqq__scopeNote svg{width:1.15rem;color:var(--product-accent);flex:none}.material-calculators-module__sXncqq__scopeNote p{font-size:var(--font-size-sm);line-height:var(--line-height-copy);margin:0}.material-calculators-module__sXncqq__adRail{align-content:start;gap:var(--space-6);min-height:100%;padding:var(--space-6) var(--space-4);border-left:1px solid var(--color-border-default);background:var(--color-surface-raised);display:grid}.material-calculators-module__sXncqq__adTop{--ad-slot-min-height:250px}.material-calculators-module__sXncqq__adTall{--ad-slot-min-height:600px}.material-calculators-module__sXncqq__drawerSidebar{border:0;padding:0;display:block!important}.material-calculators-module__sXncqq__drawerSidebar .material-calculators-module__sXncqq__sidebarProduct{padding-inline:0}.material-calculators-module__sXncqq__drawerSidebar .material-calculators-module__sXncqq__sidebarProduct>strong{color:var(--color-text-strong)}.material-calculators-module__sXncqq__drawerSidebar .material-calculators-module__sXncqq__sidebarProduct>small{color:var(--color-text-muted)}.material-calculators-module__sXncqq__drawerSidebar .su-sidebar__footer{margin-top:var(--space-6)}.material-calculators-module__sXncqq__drawerSidebar .material-calculators-module__sXncqq__sidebarScope{color:var(--color-text-secondary);border-color:var(--color-border-default)}.material-calculators-module__sXncqq__drawerSidebar .su-sidebar nav>:nth-child(3){margin-top:var(--space-3);padding-top:calc(.65rem + var(--space-3));border-top:1px solid var(--color-border-default)}.material-calculators-module__sXncqq__workspacePage{min-height:calc(100dvh - var(--header-height));color:var(--color-text-primary);background:var(--color-surface-canvas);flex-direction:column;display:flex}.material-calculators-module__sXncqq__workspaceHeader{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:120px;padding:var(--space-4) max(var(--space-5), calc((100vw - var(--container)) / 2));color:var(--color-text-inverse);background:linear-gradient(110deg, var(--color-surface-inverse), color-mix(in srgb, var(--product-accent) 42%, var(--color-surface-inverse)));display:flex}.material-calculators-module__sXncqq__workspaceHeader button{align-items:center;gap:var(--space-2);color:color-mix(in srgb, var(--product-accent) 55%, white);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;display:inline-flex}.material-calculators-module__sXncqq__workspaceHeader button svg{width:1rem}.material-calculators-module__sXncqq__workspaceHeader>div>span{margin-top:var(--space-2);color:color-mix(in srgb, var(--color-text-inverse) 58%, transparent);font:800 var(--font-size-xs)/1.2 var(--font-mono);text-transform:uppercase;display:block}.material-calculators-module__sXncqq__workspaceHeader h1{margin:var(--space-1) 0 0;font-size:var(--font-size-2xl)}.material-calculators-module__sXncqq__workspaceHeader p{margin:var(--space-1) 0 0;color:color-mix(in srgb, var(--color-text-inverse) 65%, transparent);font-size:var(--font-size-sm)}.material-calculators-module__sXncqq__workspaceHeader aside{align-items:center;gap:var(--space-2);max-width:270px;padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-text-inverse) 18%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text-inverse) 5%, transparent);display:flex}.material-calculators-module__sXncqq__workspaceHeader aside svg{width:1.2rem;color:color-mix(in srgb, var(--product-accent) 60%, white)}.material-calculators-module__sXncqq__workspaceHeader aside strong,.material-calculators-module__sXncqq__workspaceHeader aside small{display:block}.material-calculators-module__sXncqq__workspaceHeader aside strong{font-size:var(--font-size-sm)}.material-calculators-module__sXncqq__workspaceHeader aside small{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-text-inverse) 58%, transparent);font-size:var(--font-size-xs);line-height:1.35}.material-calculators-module__sXncqq__calculatorFrame{width:100%;min-height:calc(100dvh - var(--header-height) - 120px);background:var(--color-surface-canvas);border:0;flex:1}@media (max-width:1239px){.material-calculators-module__sXncqq__appShell{grid-template-columns:4.75rem minmax(0,1fr)}.material-calculators-module__sXncqq__sidebar{padding-inline:var(--space-2)}.material-calculators-module__sXncqq__sidebarProduct{justify-items:center;padding-inline:0}.material-calculators-module__sXncqq__sidebarProduct>strong,.material-calculators-module__sXncqq__sidebarProduct>small,.material-calculators-module__sXncqq__sidebarScope>span{display:none}.material-calculators-module__sXncqq__sidebar .su-sidebar__label{display:none}.material-calculators-module__sXncqq__sidebar .su-sidebar__badge{display:none}:is(.material-calculators-module__sXncqq__sidebar .su-sidebar nav>a,.material-calculators-module__sXncqq__sidebar .su-sidebar nav>button){padding-inline:var(--space-2);grid-template-columns:1fr;justify-items:center}.material-calculators-module__sXncqq__sidebarScope{padding-inline:var(--space-2);justify-content:center}.material-calculators-module__sXncqq__workspaceShellHeader{gap:var(--space-4);padding-inline:var(--space-4);grid-template-columns:minmax(220px,.7fr) minmax(280px,1.1fr) auto}.material-calculators-module__sXncqq__headerActions>a{display:none}.material-calculators-module__sXncqq__libraryContent{padding:var(--space-4)}.material-calculators-module__sXncqq__calculatorGrid>button{grid-template-columns:128px minmax(0,1fr)}}@media (max-width:1040px){.material-calculators-module__sXncqq__appShell{grid-template-columns:minmax(0,1fr)}.material-calculators-module__sXncqq__appShell>.su-app-shell__header{grid-column:1}.material-calculators-module__sXncqq__main{grid-column:1}.material-calculators-module__sXncqq__sidebar{display:none}.material-calculators-module__sXncqq__workspaceShellHeader{grid-template-columns:minmax(220px,.7fr) minmax(280px,1fr) auto}.material-calculators-module__sXncqq__menuButton{display:inline-grid}.material-calculators-module__sXncqq__headerActions>strong{display:none}.material-calculators-module__sXncqq__libraryLayout:has(.material-calculators-module__sXncqq__adRail){grid-template-columns:minmax(0,1fr)}.material-calculators-module__sXncqq__adRail{min-height:0;padding:var(--space-6);border-top:1px solid var(--color-border-default);border-left:0;grid-template-columns:minmax(0,1fr)}.material-calculators-module__sXncqq__adTop{width:min(100%,970px);margin-inline:auto}}@media (max-width:760px){.material-calculators-module__sXncqq__workspaceShellHeader{gap:var(--space-3);min-height:0;padding:var(--space-4);grid-template-columns:1fr auto;display:grid}.material-calculators-module__sXncqq__workspaceShellHeader>p{grid-area:2/1/auto/-1}.material-calculators-module__sXncqq__workspaceShellHeader>div:last-child{grid-area:1/2}.material-calculators-module__sXncqq__headerActions>a,.material-calculators-module__sXncqq__headerActions>strong{display:none}.material-calculators-module__sXncqq__libraryContent,.material-calculators-module__sXncqq__adRail{padding:var(--space-4)}.material-calculators-module__sXncqq__filterBar{grid-template-columns:minmax(0,1fr)}.material-calculators-module__sXncqq__resultSummary{align-items:flex-start;gap:var(--space-1);flex-direction:column}.material-calculators-module__sXncqq__calculatorGrid{grid-template-columns:minmax(0,1fr)}.material-calculators-module__sXncqq__calculatorGrid>button{min-height:176px;padding:var(--space-3);grid-template-columns:112px minmax(0,1fr)}.material-calculators-module__sXncqq__calculatorImage{min-height:148px}.material-calculators-module__sXncqq__calculatorCopy>strong{font-size:var(--font-size-md)}.material-calculators-module__sXncqq__calculatorCopy>small,.material-calculators-module__sXncqq__calculatorCopy>b{font-size:var(--font-size-xs)}.material-calculators-module__sXncqq__workspaceHeader{flex-direction:column;align-items:flex-start}.material-calculators-module__sXncqq__workspaceHeader aside{max-width:none}.material-calculators-module__sXncqq__calculatorFrame{min-height:calc(100dvh - var(--header-height) - 220px)}}@media (max-width:460px){.material-calculators-module__sXncqq__workspaceShellHeader h1{font-size:var(--font-size-xl)}.material-calculators-module__sXncqq__workspaceShellHeader>p{font-size:var(--font-size-xs)}.material-calculators-module__sXncqq__calculatorGrid>button{grid-template-columns:92px minmax(0,1fr)}.material-calculators-module__sXncqq__calculatorImage{min-height:128px}.material-calculators-module__sXncqq__scopeNote{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.material-calculators-module__sXncqq__calculatorGrid>button{transition:none}.material-calculators-module__sXncqq__calculatorGrid>button:hover{transform:none}}
