*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground, #F7F5F9);color:var(--ink, #2C2532);font-family:var(--font-sans, "Satoshi", sans-serif);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid var(--focus, #E414DB);outline-offset:1px}button{transition:background .12s,color .12s,border-color .12s}a{color:inherit}svg{flex-shrink:0;stroke-width:var(--icon-stroke, 1.5)}h1,h2,h3,h4,p{margin:0}button{background:none}input,textarea,select{min-width:0}::selection{background:var(--accent-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;background:var(--ink, #2C2532);color:var(--ground);padding:14px;z-index:500}.skip-link:focus{top:12px}.design-studio{max-width:1696px;margin:auto;padding:0 48px}.studio-header{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.studio-brand{display:flex;align-items:center;gap:22px;color:var(--dim);font-size:12px}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;white-space:nowrap}.brand>svg{width:24px;height:27px}.brand>span{font-family:var(--font-sans, "Satoshi", sans-serif);font-weight:var(--weight-semibold);font-size:26px;letter-spacing:-1.7px;line-height:1}.brand-dot{color:var(--accent)}.studio-brand .brand{color:var(--ink, #2C2532)}.header-divider{width:1px;height:22px;background:var(--line)}.header-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0}.version{padding:4px 7px;background:var(--sunken);color:var(--dim);margin-left:10px;border-radius:var(--radius-control,var(--radius-sm));font-size:10px}.studio-intro{display:flex;justify-content:space-between;align-items:center;margin:30px 0 24px;gap:24px}.studio-intro h1{font-size:30px;font-weight:var(--weight-semibold);letter-spacing:-1.25px;line-height:1.2}.studio-intro p{margin-top:10px;color:var(--dim);font-size:12px}.intro-caption{text-align:right;color:var(--dim);font-size:11px;line-height:1.8}.swatches{display:flex;gap:3px}.swatches i{width:12px;height:12px;border-radius:2px;border:1px solid var(--line)}.explorer{margin-top:23px}.explorer-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px;height:48px}.explorer-nav nav{display:flex;align-self:stretch;gap:29px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.explorer-nav nav::-webkit-scrollbar{display:none}.explorer-nav nav button{border:0;padding:0;position:relative;font-size:12px;color:var(--dim);flex:0 0 auto}.explorer-nav nav button.active{color:var(--ink);font-weight:var(--weight-semibold)}.explorer-nav nav button.active:after{content:"";position:absolute;height:2px;background:var(--ink);bottom:0;left:0;right:0}.explorer-actions{display:flex;align-items:center;gap:20px;flex:0 0 auto}.explorer-actions button{display:flex;align-items:center;gap:7px;border:0;padding:6px 0;color:var(--dim);font-size:11px}.explorer-actions select{font-size:12px;border:1px solid var(--line);background:transparent;border-radius:var(--radius-control,var(--radius-sm));padding:6px}.preview-caption{display:flex;align-items:center;justify-content:space-between;height:62px;font-size:11px;color:var(--dim);gap:20px}.preview-caption>div:first-child{display:flex;gap:12px;align-items:center}.concept-name{font-weight:var(--weight-semibold);color:var(--ink)}.caption-separator{color:var(--dim)}.theme-toggle{display:flex;padding:3px;border:1px solid var(--line);border-radius:var(--radius-control,var(--radius-sm));gap:2px;background:var(--sunken)}.theme-toggle button{display:flex;align-items:center;gap:6px;border:0;padding:5px 10px;color:var(--dim);font-size:10px;border-radius:var(--radius-control,var(--radius-sm))}.theme-toggle button[aria-pressed=true]{background:var(--raise);color:var(--ink);box-shadow:var(--shadow-control)}.themed-preview{background:var(--ground);color:var(--ink);font-family:var(--font-sans);border:1px solid var(--line);border-radius:var(--radius-panel,var(--radius-lg));overflow:clip;box-shadow:var(--shadow-surface);line-height:1.5;isolation:isolate;min-height:700px}.themed-preview button,.themed-preview input,.themed-preview select,.themed-preview textarea{font-family:var(--font-sans)}.preview-footer,.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--dim);font-size:10px}.preview-footer{padding:14px 1px}.preview-footer>span:first-child{display:flex;align-items:center;gap:7px}.preview-footer .live-dot{width:5px;height:5px}.footer-divider{margin:0 12px;color:var(--line)}.studio-footer{padding:27px 0 30px;border-top:1px solid var(--line);margin-top:20px}.focus-mode{padding:0 20px;max-width:none}.focus-mode .explorer{margin-top:0}.focus-mode .preview-caption{height:52px}.focus-mode .themed-preview{min-height:calc(100vh - 150px)}.themed-preview h2{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:-1.2px;line-height:1.2}.themed-preview h3{font-weight:var(--weight-semibold);font-size:15px;letter-spacing:-.3px}.themed-preview h4{font-weight:var(--weight-semibold);font-size:14px}.themed-preview p{color:var(--dim)}.themed-preview small{font-size:11px}.themed-preview code,.themed-preview kbd{font-family:var(--font-mono);font-size:11px}.themed-preview kbd{padding:2px 5px;border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--dim);background:var(--raise);font-size:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-h, 38px);padding:8px 13px;border:1px solid var(--line);background:var(--raise);color:var(--ink);border-radius:var(--radius-sm, 7px);font-size:12px;font-weight:500;line-height:1.3;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--sunken)}.btn.primary{background:var(--action);border-color:var(--action);color:var(--actionInk)}.btn.primary:hover{background:var(--actionHover);border-color:var(--actionHover)}.btn.primary:active{filter:brightness(.93)}.btn.ghost{background:transparent;border-color:transparent;color:var(--dim)}.btn.ghost:hover{background:var(--sunken)}.btn.danger{background:var(--badTint);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 25%,var(--line))}.btn:disabled{background:var(--sunken);border-color:var(--line);color:var(--dim);opacity:.65}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;border-radius:var(--radius-sm, 7px);color:var(--dim);position:relative;flex-shrink:0}.icon-btn:hover{background:var(--sunken);color:var(--ink)}.avatar{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;flex-shrink:0;font-weight:500;font-size:9px;letter-spacing:-.1px}.sage{color:var(--ok);background:var(--okTint)}.ochre{color:var(--warn);background:var(--warnTint)}.lilac{color:var(--chart-3);background:color-mix(in srgb,var(--chart-3) 10%,var(--raise))}.blue{color:var(--info);background:var(--infoTint)}.rose{color:var(--link);background:var(--accent-soft)}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.1;border-radius:var(--radius-xs)}.status-dot{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.status.ok,.notice.ok{color:var(--ok);background:var(--okTint)}.status.warn,.notice.warn{color:var(--warn);background:var(--warnTint)}.status.bad,.notice.bad{color:var(--bad);background:var(--badTint)}.status.info,.notice.info{color:var(--info);background:var(--infoTint)}.status.quiet{color:var(--dim);background:var(--sunken)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h3{font-size:14px}.section-head p{font-size:11px;margin-top:3px}.section-head>svg{color:var(--dim)}.text-action{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:11px;font-weight:500;white-space:nowrap;background:none;border:0;padding:4px 0;line-height:1.4}.text-action:hover{color:var(--actionHover);text-decoration:underline;text-underline-offset:3px}.meter-wrap{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--dim)}.meter{height:4px;flex:1;background:var(--sunken);border-radius:1px;overflow:hidden;min-width:50px}.meter>span{display:block;height:100%;background:var(--accent)}.search-field{display:flex;align-items:center;gap:8px;min-height:var(--control-h);border:1px solid var(--strong);background:var(--raise);border-radius:var(--radius-sm);color:var(--dim);padding:0 11px}.search-field:focus-within{outline:1px solid var(--focus);outline-offset:1px}.search-field button{border:0;display:flex;align-items:center;padding:2px}.search-field input::placeholder{color:var(--dim)}.field{display:flex;flex-direction:column;position:relative;gap:7px;font-size:12px;font-weight:500;margin-bottom:18px}.required-label{position:absolute;right:0;top:0;font-size:10px;font-weight:400;color:var(--dim)}.field-hint,.field-error{font-size:11px;margin:-10px 0 18px!important}.themed-preview .field-error{color:var(--bad)}.notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-sm);font-size:12px;line-height:1.7}.notice>svg{margin-top:2px}.notice strong{font-weight:var(--weight-semibold)}.empty-state{padding:36px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.empty-icon{display:grid;place-items:center;background:var(--sunken);width:44px;height:44px;border-radius:var(--radius-sm);color:var(--dim);margin-bottom:4px}.empty-state p{max-width:310px;font-size:12px;line-height:1.7}.empty-state .btn{margin-top:8px}.facts{margin:24px 0}.facts>div{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.facts dt{width:110px;flex-shrink:0;color:var(--dim)}.facts dd{margin:0;display:flex;gap:8px;align-items:center}.muted{color:var(--dim)}.modal{color:var(--ink);border:1px solid var(--line);background:var(--raise);padding:0;width:min(480px,calc(100vw - 32px));max-height:85dvh;border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);font-family:var(--font-sans)}.modal::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.sheet{margin:0 0 0 auto;min-height:100dvh;max-height:100dvh;width:min(460px,100vw);border-radius:0;border-right:0}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 24px;border-bottom:1px solid var(--line);background:var(--raise);position:sticky;top:0;z-index:1}.modal-head h2{font:var(--weight-semibold) 16px var(--font-sans);letter-spacing:-.3px}.modal-body{padding:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:24px;border-top:1px solid var(--line);margin-top:24px}.form-intro{margin-bottom:24px!important;font-size:13px;line-height:1.7}.project-detail-title>span.muted{display:block;font-size:11px;margin:18px 0 8px}.project-detail-title h3{font-size:26px;line-height:1.3;margin:6px 0;font-family:var(--font-display)}.project-detail-title p{font-size:13px;margin-bottom:24px}.detail-update{display:flex;gap:12px;font-size:12px}.detail-update p{margin-top:6px;line-height:1.8}.detail-update small{color:var(--dim);display:block;margin-top:12px}.resource-row{display:flex;align-items:center;width:100%;gap:12px;padding:17px 0;border:0;border-bottom:1px solid var(--line);font-size:13px;text-align:left}.resource-row>span{flex:1}.account-heading{display:flex;gap:14px;align-items:center}.account-heading .avatar{width:48px;height:48px;font-size:14px}.account-heading p{font-size:12px;margin-top:4px}.command-search{margin-bottom:14px}.command-results{display:flex;flex-direction:column;gap:4px}.command-results>button{display:flex;align-items:center;gap:12px;border:0;padding:12px 8px;border-radius:var(--radius-sm);text-align:left;font-size:13px}.command-results>button:hover{background:var(--tint)}.command-results>button span{flex:1}.command-results svg{color:var(--dim)}.command-hint{margin-top:18px!important;font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:var(--raise);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-pop);padding:13px 16px;display:flex;align-items:center;gap:12px;font-size:12px;border-radius:var(--radius-control,var(--radius-sm));max-width:calc(100vw - 32px);width:max-content}.toast>svg{color:var(--ok)}.toast button{display:flex;align-items:center;border:0;color:var(--dim);padding:3px;margin-left:10px}.app-shell{display:flex;min-height:925px}.app-sidebar{width:var(--side-w);flex-shrink:0;background:var(--nav);border-right:1px solid var(--line);padding:27px 17px 0;display:flex;flex-direction:column;color:var(--navInk)}.sidebar-brand{padding:0 12px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.sidebar-brand>.icon-btn{display:none}.sidebar-brand .brand>svg{width:21px;height:25px}.sidebar-brand .brand>span{font-size:25px}.workspace-label{font-size:10px;padding:0 12px;margin-bottom:12px;color:var(--navInk)}.app-switcher{display:flex;flex-direction:column;gap:4px}.app-switcher button{display:flex;gap:10px;align-items:center;padding:10px 12px;text-align:left;border:0;font-size:11px;font-weight:500;border-radius:var(--radius-sm);color:var(--navInk);white-space:nowrap}.app-switcher button.current{background:var(--navActive);color:var(--navSelected)}.app-switcher button:hover{background:var(--navActive)}.sidebar-rule{height:1px;background:var(--line);margin:22px 12px}.workspace-navigation{display:flex;flex-direction:column;gap:3px}.workspace-navigation button{position:relative;display:flex;align-items:center;gap:10px;border:0;padding:10px 12px;text-align:left;font-size:11px;border-radius:var(--radius-sm);color:var(--navInk)}.workspace-navigation button:hover{background:var(--navActive)}.workspace-navigation button.active{color:var(--ink);font-weight:var(--weight-semibold);background:var(--sunken)}.workspace-navigation button.active:before{content:none}.workspace-navigation button>span:not(.nav-count){flex:1}.nav-count{font-size:9px;background:var(--raise);border:1px solid var(--line);color:var(--dim);padding:0 5px;line-height:16px;border-radius:var(--radius-control,var(--radius-sm))}.sidebar-secondary{display:flex;flex-direction:column;gap:3px;margin-top:32px}.nav-group-label{font-size:10px;padding:0 12px;margin-bottom:11px}.sidebar-secondary>button{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;text-align:left;font-size:11px;color:var(--navInk)}.sidebar-secondary>button:hover{color:var(--ink)}.space-dot{width:7px;height:7px;border-radius:2px;background:var(--dept-creative)}.space-dot.engineering{background:var(--dept-engineering)}.space-dot.clients{background:var(--dept-client)}.sidebar-bottom{margin-top:auto;padding-top:60px}.help-link{display:flex;gap:9px;align-items:center;padding:18px 12px;border:0;color:var(--navInk);font-size:11px}.profile{display:flex;align-items:center;gap:9px;padding:19px 6px;border:0;border-top:1px solid var(--line);width:100%;text-align:left}.profile>span:nth-child(2){flex:1}.profile strong{display:block;font-size:10px;font-weight:500;color:var(--ink)}.profile small{display:block;font-size:9px;color:var(--navInk);margin-top:3px}.app-main{min-width:0;flex:1;display:flex;flex-direction:column;background:var(--raise)}.app-topbar{height:var(--top-h);min-height:var(--top-h);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 var(--page-pad);gap:20px;background:var(--raise)}.topbar-left{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--ink);min-width:0}.breadcrumb-root{color:var(--dim)}.breadcrumb-chevron{color:var(--strong)}.topbar-right{display:flex;align-items:center;gap:12px}.global-search{display:flex;gap:9px;align-items:center;color:var(--dim);font-size:10px;border:0}.global-search kbd{margin-left:22px}.topbar-rule{width:1px;height:18px;background:var(--line);margin-left:4px}.notification-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);position:absolute;right:8px;top:6px}.mobile-menu{display:none}.workspace-page,.studio-page{padding:32px var(--page-pad) 36px;flex:1;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.page-context{color:var(--dim);font-size:10px;display:block;margin-bottom:9px}.page-heading h2{font-size:var(--text-3xl);font-weight:var(--weight-heading,500);margin:0 0 8px}.page-heading p{font-size:11px;line-height:1.6}.page-heading>.btn{margin-top:20px}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:28px}.summary-item{padding:0 22px;border-left:1px solid var(--line)}.summary-item:first-child{border:0;padding-left:0}.summary-item:last-child{padding-right:0}.summary-label{font-size:11px;color:var(--dim);display:block;margin-bottom:5px}.summary-item>div{display:flex;align-items:baseline;gap:12px}.summary-item strong{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-1.1px;font-variant-numeric:tabular-nums}.summary-item>div>span{font-size:9px;color:var(--dim);max-width:90px;line-height:1.5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:28px}.dashboard-primary,.dashboard-rail{min-width:0}.priority{background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:var(--radius-sm);display:flex;overflow:hidden;min-height:192px;margin-bottom:30px;color:var(--accent)}.priority-copy{padding:22px 24px;flex:1;min-width:0}.priority-label{font-size:9px;display:flex;align-items:center;gap:6px;margin-bottom:11px;color:var(--accent)}.priority h3{font-family:var(--font-display);font-size:22px;line-height:1.3;letter-spacing:-.6px;font-weight:var(--weight-heading,500);color:var(--ink);margin-bottom:9px}.priority p{font-size:10px;line-height:1.7;margin-bottom:15px}.priority .btn{background:var(--raise);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);font-size:10px;min-height:31px;padding:7px 10px;color:var(--accent)}.priority-art{width:168px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:var(--accent);padding:12px 22px 16px 0;opacity:.65;overflow:hidden}.priority-art svg{width:177px;height:177px;flex-shrink:0;transform:rotate(-20deg)}.priority-art>span{font-size:7px;margin-top:4px;opacity:.8}.projects-section{margin-bottom:28px}.project-table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.project-table th{font-size:9px;color:var(--dim);font-weight:400;border-bottom:1px solid var(--line);padding:0 10px 10px}.project-table th:first-child,.project-table td:first-child{padding-left:0}.project-table th:last-child,.project-table td:last-child{padding-right:0}.project-table td{padding:14px 10px;border-bottom:1px solid var(--line);font-size:11px}.project-table td:last-child{width:24px}.project-table td:last-child .icon-btn{width:24px}.project-table tbody tr:hover{background:color-mix(in srgb,var(--sunken) 45%,transparent)}.project-name{display:flex;align-items:center;gap:11px;border:0;padding:0;text-align:left}.project-name strong{display:block;font-size:11px;font-weight:500;letter-spacing:-.1px;white-space:normal}.project-name small{display:block;color:var(--dim);font-size:9px;margin-top:4px;white-space:normal}.project-type{display:none}.project-mark{width:35px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);flex-shrink:0}.project-mark svg{width:31px;height:34px}.project-mark.large{width:50px;height:56px}.project-mark.large svg{width:44px;height:44px}.date-cell{color:var(--dim)}.project-table .avatar{width:24px;height:24px;font-size:8px}.project-table .status{font-size:9px;padding:4px 6px}.table-scroll{overflow-x:auto}.activity-rows{display:flex;flex-direction:column}.activity-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.activity-row>div{flex:1}.activity-row strong{font-weight:500;display:block}.activity-row>div>span{display:block;color:var(--dim);font-size:10px;margin-top:3px}.activity-row time{font-size:9px;color:var(--dim);white-space:nowrap}.activity-row:last-child{border-bottom:0}.activity-section>.section-head{margin-bottom:6px}.compact .activity-row{padding:10px 0}.compact .avatar{width:25px;height:25px;font-size:8px}.dashboard-rail{border-left:1px solid var(--line);padding-left:26px}.schedule .section-head{margin-bottom:20px}.schedule .section-head h3{font-size:12px}.week-days{display:flex;gap:5px;justify-content:space-between;margin-bottom:19px}.week-days button{display:flex;align-items:center;flex-direction:column;border:0;border-radius:var(--radius-sm);padding:8px 7px 6px;flex:1;color:var(--dim)}.week-days button>span{font-size:9px;margin-bottom:5px}.week-days button strong{font-size:13px;font-weight:500}.week-days button i{width:3px;height:3px;border-radius:50%;background:transparent;margin-top:5px}.week-days button.today{color:var(--actionInk);background:var(--action)}.week-days button.today i{background:var(--actionInk)}.week-days button:hover:not(.today){background:var(--sunken)}.schedule-date{font-size:9px;color:var(--dim);margin-bottom:14px}.agenda-item{display:flex;align-items:flex-start;gap:9px;padding:4px 0 16px;border:0;position:relative;width:100%;text-align:left}.agenda-time{font-size:9px;color:var(--dim);line-height:1.8;min-width:28px}.agenda-item>span:nth-child(2){padding-left:10px;display:block;flex:1}.agenda-item strong{font-size:10px;font-weight:500;display:block}.agenda-item small{font-size:8px;color:var(--dim);display:block;line-height:1.7;margin-top:4px}.agenda-line{position:absolute;left:35px;top:5px;bottom:18px;width:2px;border-radius:1px;background:var(--accent)}.agenda-line.secondary{background:var(--dept-engineering)}.schedule-footer{display:flex;gap:5px;align-items:center;font-size:8px;color:var(--dim);padding-top:8px}.schedule-empty{display:flex;gap:9px;align-items:flex-start;font-size:11px;min-height:112px;padding:8px 0}.schedule-empty>svg{color:var(--ok)}.agents-glance{margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}.agents-glance .section-head{margin-bottom:10px}.agents-glance .section-head h3{font-size:11px}.section-symbol{color:var(--accent)}.agents-glance>p{font-size:10px;line-height:1.7;margin-bottom:14px}.agent-glance-row{display:flex;align-items:center;gap:8px;text-align:left;border:0;padding:10px 0;width:100%}.agent-glance-row>span:nth-child(2){flex:1}.agent-glance-row strong{font-weight:500;font-size:10px;display:block}.agent-glance-row small{color:var(--dim);font-size:8px;display:block;margin-top:3px}.agent-glance-row>svg{color:var(--dim)}.agent-glyph{width:31px;height:31px;display:flex;align-items:center;justify-content:center;background:var(--tint);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:var(--radius-sm);flex-shrink:0}.agents-glance>.text-action{margin-top:12px;font-size:10px}.knowledge-glance{margin-top:25px;padding:18px 12px;background:var(--ground);border:1px solid var(--line);width:100%;display:flex;align-items:center;gap:10px;text-align:left;border-radius:var(--radius-sm)}.knowledge-glance>svg{color:var(--dim)}.knowledge-glance>span{flex:1}.knowledge-glance strong{font-size:10px;font-weight:500;display:block}.knowledge-glance small{font-size:8px;color:var(--dim);margin-top:4px;display:block}.knowledge-glance>svg:last-child{width:13px}.app-bottom{margin-top:auto;border-top:1px solid var(--line);padding:13px var(--page-pad);display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--dim)}.app-bottom>span:first-child{display:flex;align-items:center;gap:6px}.app-bottom .status-dot{color:var(--ok);width:4px;height:4px}.filter-bar{display:flex;align-items:center;gap:10px;margin:8px 0 16px}.filter-bar .search-field{flex:1;max-width:340px}.view-switch{display:flex;margin-left:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px}.view-switch button{border:0;width:30px;height:28px;display:grid;place-items:center;color:var(--dim);border-radius:var(--radius-xs)}.view-switch button[aria-pressed=true]{background:var(--sunken);color:var(--ink)}.result-count{font-size:10px;color:var(--dim);margin:18px 0 25px}.project-list .project-table td{padding-top:20px;padding-bottom:20px}.project-list .project-type{display:inline}.project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{border:1px solid var(--line);background:var(--raise);border-radius:var(--radius-sm);padding:20px;text-align:left;min-width:0}.project-card:hover{border-color:var(--strong)}.project-card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-client{display:block;font-size:10px;color:var(--dim);margin-top:24px}.project-card h3{margin-top:5px;font-size:16px}.project-card>p{font-size:11px;margin-top:6px;margin-bottom:25px}.project-card footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;font-size:10px;color:var(--dim)}.task-page,.activity-page{max-width:850px}.task-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer}.task-row>span:nth-child(2){flex:1}.task-row.done>span:nth-child(2){text-decoration:line-through;color:var(--dim)}.themed-preview input[type=checkbox],.themed-preview input[type=radio]{accent-color:var(--action);width:16px;height:16px;cursor:pointer;flex-shrink:0}.activity-page>.section-head:not(:first-child){margin-top:32px}.system-health{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.system-health .section-head h3{font-size:11px}.system-health .status{font-size:8px}.run-bars{display:flex;gap:5px;height:70px;align-items:flex-end}.run-bars span{flex:1;background:var(--accent);opacity:.7;border-radius:1px 1px 0 0}.run-bars span:last-child{opacity:1}.chart-axis{display:flex;justify-content:space-between;font-size:8px;color:var(--dim);margin-top:8px}.studio-page .page-heading h2{font-size:32px}.inspector{display:grid;grid-template-columns:244px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;min-height:600px}.agent-list{padding:20px 12px;background:var(--ground);border-right:1px solid var(--line);display:flex;flex-direction:column}.agent-list>.search-field{margin:0 4px 24px;font-size:11px}.agent-list-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);padding:0 8px;margin-bottom:12px}.agent-list-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;padding:13px 8px;border-radius:var(--radius-sm);margin-bottom:5px}.agent-list-item.selected{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--raise)}.agent-list-item:hover{background:var(--raise)}.agent-list-item>span:nth-child(2){flex:1}.agent-list-item strong{font-size:11px;font-weight:500;display:block}.agent-list-item small{font-size:9px;color:var(--dim);margin-top:4px;display:block}.agent-live{background:var(--ok);border-radius:50%;width:5px;height:5px;flex-shrink:0}.agent-list-foot{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 0;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--dim)}.agent-detail{min-width:0;background:var(--raise)}.agent-detail-head{padding:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.agent-identity{display:flex;gap:15px;align-items:flex-start}.agent-glyph.large{width:49px;height:53px}.agent-version{display:flex;align-items:center;gap:10px;margin-bottom:9px}.agent-version code{color:var(--dim);font-size:9px}.agent-identity h3{font-size:23px;font-family:var(--font-display);letter-spacing:-.6px;line-height:1.2}.agent-identity p{font-size:11px;margin-top:8px;max-width:260px}.agent-detail-head>.btn{font-size:10px;flex-shrink:0}.agent-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 28px 25px}.agent-stats>div{border-right:1px solid var(--line);padding-right:8px}.agent-stats>div:last-child{border:0}.agent-stats span{display:block;font-size:9px;color:var(--dim);margin-bottom:5px}.agent-stats strong{font-size:11px;font-weight:500}.detail-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px;padding:0 28px}.detail-tabs button{padding:14px 0;border:0;position:relative;font-size:11px;color:var(--dim)}.detail-tabs button[aria-selected=true]{color:var(--accent);font-weight:500}.detail-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.agent-detail-body{padding:28px}.agent-detail-body>p{font-size:12px;line-height:1.8;max-width:64ch}.agent-detail-body .section-head{margin-bottom:10px}.agent-steps{margin:26px 0;display:flex;flex-direction:column;gap:20px}.agent-steps>div{display:flex;gap:12px}.agent-steps>div>span{width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--line);color:var(--dim);font-size:10px;border-radius:50%;flex-shrink:0}.agent-steps h4{font-size:12px;font-weight:var(--weight-heading,500)}.agent-steps p{font-size:11px;margin-top:4px;line-height:1.7}.agent-detail-body .notice{font-size:10px}.agent-knowledge{display:flex;align-items:center;gap:12px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.agent-knowledge>div{flex:1}.agent-knowledge strong{display:block;font-size:10px;font-weight:500}.agent-knowledge span:not(.status){display:block;font-size:9px;color:var(--dim);margin-top:4px}.agent-knowledge>svg{color:var(--dim)}.agent-knowledge .status{font-size:8px}.run-history-row{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:11px}.run-history-row>span:nth-child(2){flex:1}.run-history-row time{font-size:10px;color:var(--dim)}.instruction-list{font-size:12px;color:var(--dim);padding-left:19px;line-height:2;margin:20px 0}.result-title{font-size:23px!important;margin:24px 0 16px}.modal-body>.result-title~p{font-size:13px;line-height:1.8;margin-bottom:16px}.no-results{font-size:11px;padding:12px}.knowledge-page{display:grid;grid-template-columns:215px minmax(0,1fr);flex:1}.knowledge-tree{padding:28px 16px;background:var(--ground);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.knowledge-tree>h3{font-size:12px;margin:0 7px 15px}.knowledge-tree .search-field{padding:0 8px;min-height:33px;margin:0 3px 25px}.tree-label{font-size:9px;color:var(--dim);margin:0 7px 8px}.knowledge-tree>button{display:flex;align-items:center;gap:9px;border:0;padding:11px 8px;border-radius:var(--radius-sm);font-size:10px;color:var(--dim);text-align:left}.knowledge-tree>button.selected{color:var(--accent);background:var(--tint);font-weight:500}.knowledge-tree>button:hover{background:var(--sunken)}.library-note{padding:26px 7px;margin-top:auto;color:var(--dim)}.library-note p{font-size:19px;font-family:var(--font-display);line-height:1.4;margin:16px 0 10px;color:var(--ink);letter-spacing:-.6px}.library-note>span{font-size:9px}.reading-page{padding:28px 36px 40px;min-width:0}.doc-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:10px;margin-bottom:31px}.document-symbol{display:inline-flex;color:var(--accent);margin-bottom:14px}.doc-title h2{font-size:33px;font-weight:var(--weight-heading,500);margin-bottom:12px}.doc-title>p{font-size:12px;line-height:1.7}.doc-meta{display:flex;align-items:center;gap:17px;color:var(--dim);font-size:9px;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:25px;flex-wrap:wrap}.doc-meta>span:first-child{display:flex;align-items:center;gap:7px}.doc-meta .avatar{width:22px;height:22px;font-size:7px}.doc-meta>button{margin-left:auto;border:0;display:flex;color:var(--dim)}.doc-meta>button[aria-pressed=true]{color:var(--accent)}.reading-columns{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:30px}.doc-prose{max-width:70ch;min-width:0}.doc-prose p{font-size:12px;line-height:1.85;margin-bottom:19px}.doc-prose .doc-lead{font-size:13px;color:var(--ink);line-height:1.9}.doc-prose h3{font-family:var(--font-display);font-size:18px;margin:29px 0 12px;font-weight:var(--weight-heading,500);letter-spacing:-.4px}.doc-prose ul{padding-left:18px;color:var(--dim);font-size:12px;line-height:1.9}.doc-prose blockquote{margin:26px 0;border-left:2px solid var(--accent);padding:10px 20px;font-size:17px;line-height:1.6;font-family:var(--font-display);color:var(--accent);letter-spacing:-.3px}.doc-prose section{scroll-margin-top:20px}.doc-process{display:flex;flex-direction:column;margin:20px 0;gap:16px}.doc-process>div{display:flex;align-items:flex-start;gap:13px}.doc-process>div>span{font-size:10px;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--dim)}.doc-process h4{font-size:12px}.doc-process p{margin:4px 0 0;font-size:11px}.doc-prose .notice{font-size:11px}.doc-toc{border-left:1px solid var(--line);padding-left:20px;align-self:start;position:sticky;top:30px;display:flex;flex-direction:column;gap:14px}.doc-toc>span:first-child{font-size:10px;font-weight:500}.doc-toc>a{font-size:10px;line-height:1.6;color:var(--dim);text-decoration:none}.doc-toc>a:hover{color:var(--accent)}.doc-toc-rule{height:1px;background:var(--line);margin:4px 0}.doc-toc .status{align-self:flex-start;font-size:8px}.doc-toc>p{font-size:9px;line-height:1.7}.doc-toc>button{font-size:9px}.doc-feedback{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px}.doc-feedback .btn{font-size:9px;min-height:30px;padding:6px 8px}.avatar-button{border:0;padding:0;display:flex}.system-page{padding:42px 44px;background:var(--raise);min-height:850px}.system-page-heading{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:34px}.system-page-heading>div:first-child{max-width:660px}.system-page-heading h2{font-size:36px;margin-bottom:14px;font-weight:var(--weight-heading,500)}.system-page-heading p{font-size:13px;line-height:1.8;max-width:64ch}.system-intent{max-width:225px;border-left:1px solid var(--line);padding-left:24px}.system-intent span{font-size:10px;color:var(--dim);display:block;margin-bottom:7px}.system-intent strong{font-size:12px;font-weight:500;line-height:1.7;display:block}.foundation-section{margin:0 0 38px;padding-bottom:34px;border-bottom:1px solid var(--line)}.foundation-section>.section-head{margin-bottom:24px}.foundation-section>.section-head h3{font-family:var(--font-display);font-size:17px!important;font-weight:var(--weight-heading,500)}.foundation-section>.section-head p{font-size:12px;margin-top:5px}.color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.color-token{border:0;padding:0;text-align:left;min-width:0}.color-token>span{display:flex;justify-content:flex-end;align-items:flex-end;padding:11px;height:100px;border:1px solid color-mix(in srgb,var(--line) 35%,transparent);border-radius:var(--radius-sm);margin-bottom:12px}.color-token>span svg{opacity:0;transition:opacity .12s}.color-token:hover>span svg,.color-token:focus-visible>span svg{opacity:.8}.color-token>strong{font-size:11px;display:block;font-weight:500;margin-bottom:6px}.color-token>code{display:block;font-size:10px;color:var(--dim)}.color-token>small{display:block;font-size:9px;color:var(--dim);margin-top:4px}.semantic-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.semantic-row>div{display:flex;align-items:center;gap:10px}.semantic-swatch{width:8px;height:32px;border-radius:1px}.semantic-swatch.ok{background:var(--ok)}.semantic-swatch.warn{background:var(--warn)}.semantic-swatch.bad{background:var(--bad)}.semantic-swatch.info{background:var(--info)}.semantic-row strong{display:block;font-size:10px;font-weight:500}.semantic-row code{font-size:9px;color:var(--dim)}.semantic-row .status{margin-left:auto;font-size:9px}.contrast-strip{margin-top:22px;background:var(--ground);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;font-size:10px;color:var(--dim);flex-wrap:wrap}.contrast-strip strong{color:var(--ink);font-weight:500;margin-left:5px}.contrast-label{color:var(--ok);display:flex;gap:6px;align-items:center}.type-specimen{display:grid;grid-template-columns:1fr 1.4fr;gap:44px}.type-hero{padding:25px 30px;background:var(--ground);border-radius:var(--radius-sm)}.type-super{font-size:11px;color:var(--dim)}.big-type{font-family:var(--font-display);font-size:125px;line-height:1.15;letter-spacing:-8px;display:block;margin:10px 0;color:var(--accent)}.type-hero>p{font-family:var(--font-display);font-size:34px;line-height:1.2;letter-spacing:-1px;color:var(--ink);margin-bottom:30px}.type-glyphs{font-size:12px;color:var(--dim);line-height:1.9;overflow-wrap:anywhere}.type-scale-row{padding:14px 0;border-bottom:1px solid var(--line)}.type-scale-row:first-child{padding-top:0}.type-scale-row>div{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:10px;margin-bottom:8px}.type-scale-row code{font-size:9px}.type-scale-row p{color:var(--ink);line-height:1.5;letter-spacing:-.3px}.font-pairing{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;gap:10px;font-size:10px}.font-pairing strong{font-weight:500}.font-pairing span{color:var(--dim)}.foundation-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.spacing-scale{height:92px;display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.spacing-scale>div{display:flex;flex-direction:column;align-items:center;gap:13px}.spacing-scale>div>span{height:40px;background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius-xs);display:block}.spacing-scale code{font-size:9px;color:var(--dim)}.system-facts{margin:0}.system-facts>div{display:grid;grid-template-columns:150px 1fr;border-top:1px solid var(--line);padding:12px 0;font-size:11px;gap:16px;line-height:1.8}.system-facts dt{color:var(--dim)}.system-facts dd{margin:0}.radius-samples{display:flex;justify-content:space-between;gap:24px;height:112px;margin-bottom:1px}.radius-samples>div{display:flex;align-items:center;flex-direction:column;gap:5px;flex:1}.radius-samples>div>span{height:48px;width:70px;display:block;background:var(--tint);border:1px solid var(--accent);margin-bottom:5px}.radius-samples strong{font-size:10px;font-weight:500}.radius-samples code{color:var(--dim);font-size:9px}.motion-demo{padding:10px 0 25px}.motion-demo>button{border:1px solid var(--line);background:var(--ground);border-radius:var(--radius-sm);padding:16px;width:100%;display:flex;align-items:center;gap:14px;font-size:12px}.motion-demo>button>span:first-child{width:24px;height:24px;background:var(--accent);border-radius:var(--radius-xs);transition:transform var(--dur),border-radius var(--dur)}.motion-demo>button.shifted>span:first-child{transform:rotate(90deg);border-radius:50%}.motion-demo>button svg{margin-left:auto;color:var(--dim)}.department-tokens{display:flex;flex-wrap:wrap;gap:14px 22px;padding:8px 0 25px}.department-tokens>span{font-size:11px;display:flex;align-items:center;gap:7px}.department-tokens i{width:8px;height:8px;display:block;border-radius:2px}.chart-token-strip{display:flex;gap:6px}.chart-token-strip>div{flex:1;height:50px;border-radius:var(--radius-panel,var(--radius-lg));display:grid;place-items:center;font-size:10px;color:var(--actionInk)}.foundation-note{font-size:12px;line-height:1.8;margin-top:20px!important}.system-download{padding:26px;background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;gap:20px}.system-download h3{font-size:18px;margin-bottom:7px}.system-download p{font-size:12px}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:38px}.component-section{border:1px solid var(--line);padding:25px;border-radius:var(--radius-sm);min-width:0;background:var(--raise)}.component-section .section-head{margin-bottom:25px}.component-section .section-head h3{font-family:var(--font-sans);font-size:15px;font-weight:var(--weight-heading,500)}.component-section .section-head p{font-size:11px;margin-top:4px}.span-two{grid-column:1/-1}.specimen-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.component-note{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;font-size:11px;line-height:1.7;color:var(--dim)}.inline-field{flex:1;min-width:140px;margin-bottom:0}.specimen-row:has(.inline-field){align-items:flex-end}.switch-row{display:flex;align-items:center;gap:20px;margin-bottom:25px;position:relative;cursor:pointer}.switch-row>span:first-child{flex:1}.switch-row strong{font-weight:500;display:block;font-size:12px}.switch-row small{font-size:11px;color:var(--dim);display:block;margin-top:5px}.switch-row input{position:absolute;right:0;width:36px!important;height:22px!important;opacity:0}.switch-visual{width:36px;height:22px;border-radius:12px;border:1px solid var(--strong);background:var(--sunken);position:relative;pointer-events:none}.switch-visual:after{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:var(--dim);transition:transform var(--dur)}.switch-row input:checked+.switch-visual{background:var(--action);border-color:var(--action)}.switch-row input:checked+.switch-visual:after{background:var(--actionInk);transform:translate(14px)}.switch-row input:focus-visible+.switch-visual{outline:1px solid var(--focus);outline-offset:1px}.choice-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:11px;margin:20px 0}.choice-row label{display:flex;gap:7px;align-items:center;cursor:pointer}.radio-group{border:0;border-top:1px solid var(--line);padding:14px 0 0;margin:20px 0 0;display:flex;gap:20px;font-size:11px}.radio-group legend{font-size:10px;color:var(--dim);padding-right:12px}.radio-group label{display:flex;align-items:center;gap:7px;cursor:pointer}.segments{display:inline-flex;padding:3px;background:var(--ground);border:1px solid var(--line);border-radius:var(--radius-sm);gap:3px;max-width:100%;flex-wrap:wrap}.segments>button{border:1px solid transparent;border-radius:var(--radius-xs);padding:7px 12px;font-size:11px;color:var(--dim)}.segments>button[aria-pressed=true]{background:var(--raise);color:var(--ink);border-color:var(--line);font-weight:500}.selection-caption{font-size:10px;margin-top:10px!important}.status-specimens{margin:20px 0}.removable-tag,.quiet-tag{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--ground);border-radius:var(--radius-xs);padding:4px 8px;font-size:10px}.removable-tag .icon-btn{width:18px;height:18px}.quiet-tag{padding:7px 9px}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice-grid .notice{font-size:11px}.skeleton-demo{min-height:260px;padding:35px 10px}.skeleton-demo>div{display:flex;gap:14px;margin-bottom:19px;align-items:center}.skeleton-demo>div>span:first-child{width:32px;height:36px;background:var(--sunken);flex-shrink:0}.skeleton-demo>div>span:last-child{height:12px;background:var(--sunken)}.skeleton-demo>p{font-size:11px;text-align:center;padding-top:15px}.overlay-specimen{padding:25px;background:var(--ground);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;min-height:185px}.mini-modal{width:220px;background:var(--raise);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-pop)}.mini-modal>span:first-child{font-size:11px;display:block;margin-bottom:18px}.mini-line{display:block;background:var(--sunken);height:5px;margin-top:6px;width:90%}.mini-line.short{width:60%}.mini-modal>div{display:flex;justify-content:flex-end;gap:6px;margin-top:22px}.mini-modal i{width:45px;height:17px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-xs)}.mini-modal i:last-child{background:var(--action);border-color:var(--action)}.dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;border:1px dashed var(--strong);border-radius:var(--radius-sm);cursor:pointer;position:relative;overflow:hidden}.dropzone svg{color:var(--dim);margin-bottom:13px}.dropzone strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.dropzone>span{font-size:10px;color:var(--dim);margin-top:7px}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone:focus-within{outline:1px solid var(--focus);outline-offset:1px}.disclosure{border-bottom:1px solid var(--line);padding:15px 0;font-size:11px;margin-top:10px}.disclosure summary{cursor:pointer}.disclosure p{margin-top:12px;line-height:1.8}.data-specimen>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px;color:var(--dim)}.data-specimen strong{font-size:36px;font-weight:500;color:var(--ink);letter-spacing:-1px}.data-specimen strong>span{font-size:17px;margin-left:3px;color:var(--dim)}.data-specimen .facts{margin-bottom:0}.edit-specimen .field{margin:0}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.save-bar>span{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:11px}.dirty-dot{width:6px;height:6px;border-radius:50%;background:var(--warn)}.component-catalogue details{border-bottom:1px solid var(--line)}.component-catalogue summary{display:flex;align-items:center;gap:24px;padding:18px 0;cursor:pointer;font-size:12px;list-style:none}.component-catalogue summary::-webkit-details-marker{display:none}.component-catalogue summary strong{font-weight:500;min-width:100px}.component-catalogue summary>span{color:var(--dim);font-size:11px;flex:1}.component-catalogue details[open] summary svg{transform:rotate(45deg)}.component-catalogue details>p{font-size:12px;line-height:1.8;max-width:80ch;padding:0 0 20px 124px}.principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:38px;padding-bottom:35px;border-bottom:1px solid var(--line)}.principles-grid h3{font-size:15px;margin-bottom:12px;line-height:1.5}.principles-grid p{font-size:12px;line-height:1.8}.pattern-table{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.pattern-table>div{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);padding:20px 0}.pattern-table h3{font-size:14px}.pattern-table p{font-size:11px;margin:6px 0;line-height:1.7}.pattern-table small{font-size:10px;color:var(--dim);line-height:1.6}.wireframe{display:flex;gap:4px;border:1px solid var(--strong);border-radius:2px;width:100px;height:66px;padding:5px;flex-shrink:0;background:var(--ground)}.wireframe>i{width:15px;background:var(--line)}.wireframe>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:1}.wireframe span{background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.wireframe span:first-child{grid-column:1/-1;height:12px}.wireframe-1>div,.wireframe-6>div{display:flex;flex-direction:column}.wireframe-1 span{height:12px}.wireframe-2>div{grid-template-columns:1fr 1.5fr}.wireframe-4>div{grid-template-columns:3fr 1fr}.wireframe-4 span:last-child{background:var(--line)}.wireframe-5 span:last-child{background:var(--accent)}.wireframe-6>i{display:none}.wireframe-6>div{padding:8px 15px}.wireframe-6 span{height:8px}.guide-list{padding-left:18px;margin:0;color:var(--dim);font-size:12px;line-height:1.85}.guide-list li{margin-bottom:12px}.migration-steps{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}.migration-steps>div{display:flex;gap:14px}.migration-steps>div>span{width:27px;height:27px;border:1px solid var(--line);color:var(--accent);font-size:12px;display:grid;place-items:center;flex-shrink:0;border-radius:var(--radius-xs)}.migration-steps h3{font-size:14px;margin-bottom:7px}.migration-steps p{font-size:12px;line-height:1.8}@media(min-width:1500px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 265px}.project-type{display:inline}.project-name strong{font-size:12px}.priority-art{width:190px}.dashboard-rail{padding-left:30px}.agenda-item strong{font-size:11px}.agenda-item small{font-size:9px}.agents-glance .section-head h3{font-size:12px}.agent-glance-row strong{font-size:11px}.agent-glance-row small{font-size:9px}.knowledge-glance strong{font-size:11px}.knowledge-glance small{font-size:9px}}@media(max-width:1250px){.design-studio{padding:0 28px}.summary-item{padding:0 15px}.summary-item>div{gap:8px}.summary-item>div>span{font-size:8px}.dashboard-grid{gap:22px;grid-template-columns:minmax(0,1fr) 210px}.dashboard-rail{padding-left:20px}.priority-art{width:125px}.priority-art svg{width:155px;height:155px}.priority-copy{padding:20px}.priority h3{font-size:20px}.project-table td{padding:14px 7px}.project-name{gap:8px}.project-name strong{font-size:10px}.project-table .status{font-size:8px}.project-table td:nth-child(4),.project-table th:nth-child(4){display:none}.knowledge-page{grid-template-columns:190px minmax(0,1fr)}.reading-page{padding:28px}.reading-columns{grid-template-columns:minmax(0,1fr)}.doc-toc{display:none}.inspector{grid-template-columns:220px minmax(0,1fr)}.agent-detail-head{padding:23px;flex-wrap:wrap}.agent-stats,.agent-detail-body{padding:23px}.agent-detail-head>.btn{margin-left:64px;margin-top:-7px}.agent-stats{grid-template-columns:1fr 1fr;padding-top:0;gap:18px}.agent-stats>div:nth-child(2){border:0}.color-grid{gap:10px}.color-token>strong{font-size:10px}.semantic-row .status{display:none}.spacing-scale{gap:10px}.principles-grid{grid-template-columns:1fr 1fr}.system-facts>div{grid-template-columns:120px 1fr}}@media(max-width:1099px){.app-sidebar{display:none}.app-sidebar.mobile-open{display:flex;position:fixed;inset:0 auto 0 0;z-index:85;width:260px;box-shadow:var(--shadow-pop)}.sidebar-brand>.icon-btn{display:flex}.mobile-menu{display:flex}.app-shell{min-height:850px}.app-topbar{padding:0 24px}.workspace-page,.studio-page{padding:28px 24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px}.priority-art{width:155px}.project-name strong{font-size:11px}.project-table .status{font-size:9px}.summary-item>div>span{font-size:9px}.project-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.system-page{padding:32px}.system-page-heading{gap:25px}.system-page-heading h2{font-size:29px}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.color-token>span{height:90px}.color-token>strong{font-size:12px}.spacing-scale{gap:7px}.spacing-scale>div>span{max-width:50px}.foundation-columns{gap:28px}.system-facts>div{display:block}.system-facts dd{margin-top:5px}.type-specimen{gap:30px;grid-template-columns:1fr 1.3fr}.type-hero{padding:25px}.system-intent{max-width:180px}.component-section{padding:20px}.pattern-table{grid-template-columns:1fr}.component-grid{gap:18px}.component-catalogue summary{gap:16px}.component-catalogue details>p{padding-left:116px}}@media(max-width:899px){.design-studio{padding:0 20px}.studio-header{height:70px}.studio-intro h1{font-size:27px}.intro-caption{display:none}.explorer-nav nav{gap:24px}.preview-caption>div:first-child>span:last-child{font-size:10px}.workspace-page,.studio-page{padding:26px 22px}.page-heading h2{font-size:30px}.page-heading p{max-width:330px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 200px;gap:22px}.dashboard-rail{padding-left:20px}.priority-art{width:110px}.priority-copy{padding:19px}.priority h3{font-size:21px}.summary-item{padding:0 13px}.summary-item>div{display:block}.summary-item>div>span{display:block;max-width:none;margin-top:5px;font-size:9px}.summary-item strong{font-size:27px}.project-table{min-width:390px}.project-table td{padding:13px 7px}.project-table .date-cell,.project-table th:nth-child(3){display:none}.agent-detail-head{padding:20px}.agent-detail-body{padding:22px}.inspector{grid-template-columns:200px minmax(0,1fr)}.agent-list{padding:18px 8px}.agent-list-item{gap:8px;padding:12px 7px}.agent-list-item strong{font-size:10px}.agent-list-item .agent-glyph{width:26px;height:30px}.agent-stats{padding:0 20px 22px}.agent-knowledge{flex-wrap:wrap}.knowledge-page{grid-template-columns:190px minmax(0,1fr)}.reading-page{padding:25px}.doc-title h2{font-size:29px}.system-page{padding:30px 25px}.system-intent{display:none}.type-specimen{grid-template-columns:1fr 1.3fr;gap:24px}.type-hero>p{font-size:27px}.big-type{font-size:110px}.type-scale-row p{font-size:min(26px,3.5vw)!important}.foundation-columns{grid-template-columns:1fr 1fr;gap:25px}.semantic-row{gap:14px}.semantic-row strong{font-size:9px}.contrast-strip{font-size:9px;gap:12px}.spacing-scale{gap:5px}.spacing-scale>div>span{max-width:37px}.component-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.component-section{padding:25px}.migration-steps{gap:24px;grid-template-columns:1fr}.system-download{padding:22px}.system-download p{font-size:11px;max-width:280px}.studio-footer{font-size:9px}.preview-footer{font-size:8px}.preview-footer>span:last-child .footer-divider{margin:0 6px}}@media(max-width:700px){.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{border-left:0;padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line)}.agents-glance{margin:0;padding:0;border:0}.knowledge-glance{margin-top:0;grid-column:1/-1}.priority-art{width:165px}.project-table td:nth-child(3),.project-table th:nth-child(3),.project-table td:nth-child(4),.project-table th:nth-child(4){display:table-cell}.project-name strong{font-size:12px}.project-table .status,.project-table th{font-size:10px}.inspector{grid-template-columns:1fr}.agent-list{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:5px 10px}.agent-list>.search-field{grid-column:1/-1;margin:0 0 8px}.agent-list-caption,.agent-list-foot{display:none}.agent-list-item{margin:0}.agent-list-item strong{font-size:11px}.agent-detail-head{flex-wrap:nowrap;padding:25px}.agent-detail-head>.btn{margin:0}.agent-stats{grid-template-columns:repeat(4,1fr);padding:0 25px 25px}.agent-stats strong{font-size:10px}.agent-stats span{font-size:8px}.agent-stats>div:nth-child(2){border-right:1px solid var(--line)}.knowledge-page{grid-template-columns:1fr}.knowledge-tree{border-right:0;border-bottom:1px solid var(--line);padding:20px 25px;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.knowledge-tree>h3{grid-column:1/-1;margin:0 0 10px}.knowledge-tree .search-field{grid-column:1/-1;margin:0 0 10px}.tree-label,.library-note{display:none}.knowledge-tree>button{font-size:11px}.doc-title h2{font-size:33px}.reading-page{padding:30px}.doc-prose p{font-size:13px}.filter-bar{flex-wrap:wrap}.filter-bar .search-field{max-width:none;flex-basis:100%}.filter-bar select{flex:1}.project-type{display:none!important}.project-cards{gap:12px}.app-bottom{font-size:8px}.foundation-columns,.type-specimen{grid-template-columns:1fr}.type-hero{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.type-super{grid-column:1/-1}.big-type{grid-row:2/4;margin:5px 0;font-size:130px}.type-hero>p{margin:20px 0 14px;font-size:28px}.type-glyphs{font-size:10px}.foundation-columns{gap:0}.spacing-scale{gap:15px}.spacing-scale>div>span{max-width:none}.system-page-heading h2{font-size:30px}.system-page-heading{flex-wrap:wrap}.system-page-heading>a{margin-top:-10px}.system-download{align-items:flex-start;flex-direction:column}.system-download p{max-width:none}.component-catalogue summary>span{font-size:10px}.component-catalogue summary strong{min-width:80px;font-size:11px}.component-catalogue details>p{padding-left:0}.system-facts>div{display:grid;grid-template-columns:150px 1fr}.system-facts dd{margin:0}}@media(max-width:559px){.design-studio{padding:0 14px}.studio-header{height:63px}.studio-brand{gap:14px;font-size:10px}.studio-brand .brand>span{font-size:23px}.studio-brand .brand>svg{width:19px;height:22px}.header-note{font-size:9px}.header-note .version{display:none}.header-note .live-dot{width:4px;height:4px}.studio-intro{margin:25px 0 20px}.studio-intro h1{font-size:26px;letter-spacing:-1px}.studio-intro p{font-size:11px;line-height:1.8;max-width:300px;margin-top:8px}.swatches i{width:11px;height:11px}.explorer{margin-top:15px}.explorer-nav{height:45px;gap:10px}.explorer-nav nav{gap:18px}.explorer-nav nav button{font-size:10px}.explorer-actions{gap:12px}.download-tokens span{display:none}.explorer-actions button{padding:7px 2px}.preview-caption{height:58px;gap:12px;font-size:10px}.preview-caption>div:first-child{gap:8px}.preview-caption>div:first-child>span:last-child{display:none}.caption-separator{display:none}.theme-toggle button{font-size:9px;padding:5px 7px;gap:4px}.theme-toggle svg{width:12px}.themed-preview{border-radius:var(--radius-panel,var(--radius-lg))}.preview-footer{align-items:flex-start;gap:8px;flex-direction:column;font-size:8px;padding:13px 0;line-height:1.7}.studio-footer{flex-direction:column;align-items:flex-start;gap:9px;margin-top:10px;padding:22px 0;font-size:9px}.app-shell{min-height:800px}.app-topbar{padding:0 16px;height:54px;min-height:54px}.topbar-left{gap:8px;font-size:10px}.global-search>span,.global-search>kbd,.topbar-rule{display:none}.global-search{height:44px;width:32px;justify-content:center}.topbar-right{gap:4px}.topbar-right .icon-btn{width:32px;height:44px}.workspace-page,.studio-page{padding:23px 18px 28px}.page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:24px}.page-heading h2{font-size:28px;letter-spacing:-1px}.page-heading p{font-size:11px;max-width:300px;line-height:1.8}.page-heading>.btn{margin:0;font-size:11px;min-height:36px}.page-context{font-size:9px;margin-bottom:7px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;padding:20px 0}.summary-item{padding:0 18px}.summary-item:nth-child(3){border:0;padding-left:0}.summary-label{font-size:10px}.summary-item strong{font-size:29px}.summary-item>div{display:flex;align-items:baseline;gap:10px}.summary-item>div>span{font-size:8px;max-width:70px}.priority{min-height:190px;margin-bottom:26px}.priority-copy{padding:20px 16px}.priority h3{font-size:21px}.priority p{font-size:10px;line-height:1.75}.priority-art{width:82px;padding:0;opacity:.5;justify-content:center}.priority-art svg{width:150px;height:150px}.priority-art>span{display:none}.priority .btn{min-height:36px;font-size:10px}.priority-label{font-size:8px}.section-head{gap:10px;margin-bottom:20px}.section-head h3{font-size:13px}.section-head p,.text-action{font-size:10px}.project-table{min-width:410px}.project-table th{font-size:9px}.project-table td{padding:16px 8px}.project-table td:nth-child(4),.project-table th:nth-child(4){display:none}.project-name strong{font-size:11px}.project-name small,.project-table .status{font-size:9px}.project-mark{width:30px;height:35px}.project-mark svg{width:29px}.activity-row{gap:9px}.activity-row strong{font-size:10px}.activity-row>div>span{font-size:9px}.activity-row time{font-size:8px;max-width:55px;white-space:normal;text-align:right}.dashboard-rail{grid-template-columns:1fr;gap:25px}.agents-glance{border-top:1px solid var(--line);padding-top:23px}.schedule .section-head h3,.agents-glance .section-head h3{font-size:13px}.week-days{gap:10px}.week-days button{padding:10px}.week-days button>span{font-size:10px}.week-days button strong{font-size:15px}.agenda-item{padding-bottom:19px}.agenda-item strong{font-size:12px}.agenda-item small{font-size:10px}.agenda-time{font-size:10px;min-width:38px}.agenda-line{left:45px}.schedule-date{font-size:10px}.schedule-footer{font-size:9px}.agents-glance>p{font-size:11px}.agent-glance-row{padding:12px 0}.agent-glance-row strong{font-size:12px}.agent-glance-row small{font-size:10px}.agent-glance-row .agent-glyph{width:36px;height:36px}.knowledge-glance{padding:20px 16px}.knowledge-glance strong{font-size:12px}.knowledge-glance small{font-size:10px}.knowledge-glance>svg:last-child{width:16px}.app-bottom{padding:13px 18px;font-size:8px}.app-bottom>span:last-child{display:none}.filter-bar{gap:8px}.filter-bar select{font-size:11px;padding-left:8px;padding-right:20px}.filter-bar .search-field{flex-basis:100%}.filter-bar .view-switch{height:40px;align-items:center}.project-cards{grid-template-columns:1fr}.project-card{padding:20px}.project-card h3{font-size:19px}.project-card .status{font-size:11px}.task-row{font-size:12px;gap:10px}.task-row .status{font-size:8px}.studio-page .page-heading h2{font-size:29px}.agent-list{padding:12px;gap:5px}.agent-list-item{gap:6px;padding:11px 6px}.agent-list-item strong{font-size:9px}.agent-list-item small{font-size:8px}.agent-list-item .agent-glyph{width:23px;height:27px}.agent-list-item .agent-glyph svg{width:14px}.agent-live{display:none}.agent-detail-head{padding:21px 17px;flex-wrap:wrap;gap:18px}.agent-identity{gap:11px}.agent-identity h3{font-size:23px}.agent-identity p{font-size:11px}.agent-detail-head>.btn{margin-left:60px;font-size:11px}.agent-stats{grid-template-columns:1fr 1fr;padding:0 17px 23px;gap:17px}.agent-stats>div:nth-child(2){border:0}.agent-stats span{font-size:9px}.agent-stats strong{font-size:11px}.detail-tabs{padding:0 17px;gap:19px}.detail-tabs button{font-size:10px;min-height:44px}.agent-detail-body{padding:22px 17px}.agent-steps p{font-size:11px}.agent-knowledge .status{margin-left:30px}.run-history-row{flex-wrap:wrap;gap:10px;font-size:10px}.run-history-row time{width:100%;padding-left:0}.knowledge-tree{padding:20px 18px;gap:5px 10px}.knowledge-tree>button{font-size:10px;padding:11px 7px;min-height:44px}.reading-page{padding:25px 20px}.doc-title h2{font-size:30px}.doc-title>p{font-size:12px}.doc-meta{gap:10px;font-size:8px}.doc-meta>span:nth-child(3){display:none}.doc-prose p{font-size:13px}.doc-prose h3{font-size:19px}.doc-feedback{gap:8px}.doc-feedback>span{flex-basis:100%}.btn{min-height:44px}.icon-btn{min-width:36px;min-height:36px}.search-field,.themed-preview select{min-height:40px}.modal-body{padding:22px}.modal-head{padding:16px 22px}.modal.sheet{width:100vw}.modal-actions{flex-wrap:wrap}.toast{font-size:11px;line-height:1.6;padding:12px 14px;bottom:16px}.system-page{padding:28px 20px}.system-page-heading{margin-bottom:28px;padding-bottom:27px;gap:24px}.system-page-heading h2{font-size:29px;letter-spacing:-1px}.system-page-heading p{font-size:12px}.system-page-heading .page-context{font-size:9px}.foundation-section{padding-bottom:28px;margin-bottom:30px}.foundation-section>.section-head h3{font-size:16px!important}.foundation-section>.section-head p{font-size:11px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.color-token>span{height:95px}.color-token>span svg{opacity:.6}.color-token>strong{font-size:12px}.semantic-row{grid-template-columns:1fr 1fr;gap:20px}.semantic-row .status{display:none}.semantic-row strong{font-size:11px}.semantic-row code{font-size:9px}.contrast-strip{display:grid;grid-template-columns:1fr;gap:10px;font-size:11px}.type-hero{display:block;padding:23px}.big-type{font-size:125px;line-height:1.1}.type-hero>p{font-size:33px;margin:12px 0 20px}.type-glyphs{font-size:11px}.type-scale-row p{font-size:min(28px,7vw)!important}.spacing-scale{gap:8px;height:90px}.spacing-scale>div>span{max-width:40px}.system-facts>div{display:block;font-size:12px}.system-facts dd{margin-top:4px}.system-download{padding:22px}.system-download h3{font-size:18px}.system-download p{font-size:12px;line-height:1.7}.component-section{padding:20px}.component-section .section-head{margin-bottom:20px}.component-section .section-head p,.specimen-row .btn{font-size:11px}.notice-grid{grid-template-columns:1fr}.segments>button{font-size:10px;min-height:36px;padding:7px 10px}.principles-grid{grid-template-columns:1fr;gap:23px}.principles-grid h3{margin-bottom:8px;font-size:16px}.principles-grid p{font-size:12px}.pattern-table>div{align-items:flex-start;gap:15px}.wireframe{width:65px;height:50px}.wireframe>i{width:9px}.pattern-table h3{font-size:14px}.pattern-table p{font-size:11px}.pattern-table small{font-size:9px}.component-catalogue summary{flex-wrap:wrap;gap:7px;position:relative;padding:16px 26px 16px 0}.component-catalogue summary strong{flex-basis:100%;font-size:12px}.component-catalogue summary>span{font-size:10px;line-height:1.7}.component-catalogue summary svg{position:absolute;right:0;top:20px}.component-catalogue details>p{font-size:11px}.focus-mode .explorer-actions select{width:85px;font-size:10px}.focus-mode .explorer-nav nav{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:760px){.explorer-nav nav{gap:18px}.download-tokens span{display:none}.explorer-actions .download-tokens{width:30px;height:30px;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-control, 7px);background:var(--raise)}}.contour-studio :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display,"Satoshi",sans-serif);font-weight:var(--weight-heading,500);letter-spacing:0}.design-studio{position:relative;isolation:isolate;min-height:100svh;background:var(--ground);color:var(--ink)}.design-studio:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--ground)}.explorer-nav{background:var(--ground);color:var(--ink)}.design-studio.focus-mode{height:100dvh;max-width:none;padding:0;display:flex;flex-direction:column;overflow:hidden}.design-studio.focus-mode>.explorer{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}.design-studio.focus-mode .explorer-nav{flex:none;padding-inline:24px}.design-studio.focus-mode #preview{flex:1;min-height:0;border:0;border-radius:0;overflow:auto}@media(max-width:760px){.design-studio.focus-mode .explorer-nav{padding-inline:16px}}.design-studio.focus-mode #preview[data-view=components]{padding:32px clamp(20px,3vw,44px) 56px;box-sizing:border-box}.design-studio.focus-mode #preview[data-view=components]>*{width:100%;min-width:0}.design-studio.focus-mode #preview[data-view=foundations] .system-page,.design-studio.focus-mode #preview[data-view=guidelines] .system-page,.design-studio.focus-mode #preview[data-view=icons] .system-page,.design-studio.focus-mode #preview[data-view=catalogue] .catalogue-page{padding:32px clamp(20px,3vw,44px) 56px;min-height:100%;box-sizing:border-box}.design-studio.focus-mode #preview[data-view=catalogue] .catalogue-layout{grid-template-columns:minmax(225px,260px) minmax(0,1fr);gap:clamp(24px,3vw,48px)}.design-studio.focus-mode #preview[data-view=catalogue] .catalogue-nav{padding:12px;border:1px solid var(--surface-border-color);min-width:0}.design-studio.focus-mode #preview[data-view=catalogue] .catalogue-filter-bar{display:grid;gap:8px;min-width:0}.design-studio.focus-mode #preview[data-view=catalogue] .catalogue-filter-bar>*{width:100%;min-width:0;box-sizing:border-box}.design-studio.focus-mode #preview[data-view=catalogue] .catalogue-count{margin:12px 2px 8px}.design-studio.focus-mode #preview[data-view=catalogue] .ct-facet-list>button{padding-inline:10px}.design-studio.focus-mode #preview[data-view=catalogue] .ct-facet-list>button[aria-checked=true]{border-radius:var(--radius-control)}.design-studio.focus-mode #preview[data-view=icons] .showcase-icons{position:relative}.design-studio.focus-mode #preview[data-view=icons] .showcase-icons-title{font-size:32px;font-weight:var(--weight-heading);margin:0;padding:32px clamp(20px,3vw,44px) 24px;background:var(--raise)}.design-studio.focus-mode #preview[data-view=icons] .system-page{padding-top:0}.design-studio.focus-mode #preview[data-view=icons] .icons-page .system-page-heading>div{display:none}.design-studio.focus-mode #preview[data-view=icons] .icons-page .system-page-heading{position:absolute;right:clamp(20px,3vw,44px);top:32px;justify-content:flex-end;padding:0;margin:0;border:0}.design-studio.focus-mode .explorer-actions .theme-toggle{gap:2px;padding:2px}.design-studio.focus-mode .explorer-actions .theme-toggle button{border-radius:var(--radius-control);padding:5px 8px;font-size:11px}.design-studio.focus-mode .explorer-actions .theme-toggle button[aria-pressed=true]{background:var(--raise);color:var(--ink);box-shadow:var(--shadow-control)}@media(max-width:800px){.design-studio.focus-mode #preview[data-view=catalogue] .catalogue-layout{grid-template-columns:1fr}.design-studio.focus-mode #preview[data-view=catalogue] .catalogue-nav{position:static}.design-studio.focus-mode #preview[data-view=catalogue] .ct-facet{max-height:210px;overflow:auto}.design-studio.focus-mode .explorer-nav{gap:10px}.design-studio.focus-mode .explorer-nav nav{gap:16px}.design-studio.focus-mode .explorer-actions .download-tokens{display:none}}@media(max-width:560px){.design-studio.focus-mode .explorer-actions .theme-toggle button{font-size:0;gap:0}.design-studio.focus-mode .explorer-actions .theme-toggle button svg{width:16px;height:16px}.design-studio.focus-mode #preview[data-view=icons] .showcase-icons-title{padding-bottom:72px;font-size:27px}.design-studio.focus-mode #preview[data-view=icons] .icons-page .system-page-heading{top:87px;left:20px;right:auto}}[data-foundations] .type-hero{font-family:var(--font-display)}[data-foundations] .type-hero :is(.big-type,p){font-weight:var(--weight-heading,var(--weight-semibold));letter-spacing:normal}[data-foundations] .color-token{border-radius:var(--radius-panel,var(--radius-lg))}[data-foundations] .color-token>span{border-radius:var(--radius-control,var(--radius-sm))}[data-foundations] .color-token code{font-family:var(--font-mono);font-weight:var(--weight-regular)}[data-foundations] .type-scale-row{min-width:0}[data-foundations] .font-pairing strong{min-width:0;overflow-wrap:anywhere}[data-foundations] .foundation-note{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--dim)}[data-foundations] .foundation-section,[data-foundations] .system-download{min-width:0;padding:0;border:var(--line-width) solid var(--surface-border-color,transparent);border-radius:var(--radius-panel,var(--radius-lg));background:var(--surface-gradient,var(--raise));background-origin:padding-box,border-box;background-clip:padding-box,border-box;box-shadow:var(--shadow-surface)}[data-foundations] .foundation-section{margin-bottom:var(--space-6)}[data-foundations] .foundation-section>.section-head{padding:var(--space-4) var(--space-6);margin:0;border-bottom:var(--line-width) solid var(--line);border-radius:var(--radius-panel,var(--radius-lg)) var(--radius-panel,var(--radius-lg)) 0 0;background:var(--chrome-subtle-gradient,var(--raise));align-items:flex-start}[data-foundations] .foundation-section>.section-head h3{font-family:var(--font-display);font-size:var(--text-sm)!important;font-weight:var(--weight-heading,600);line-height:var(--leading-normal);letter-spacing:normal}[data-foundations] .foundation-section>.section-head p{font-size:var(--text-xs);line-height:var(--leading-normal)}[data-foundations] .foundation-section>:not(.section-head){margin-inline:var(--space-6)}[data-foundations] .foundation-section>.section-head+*{margin-top:var(--space-6)}[data-foundations] .foundation-section>:last-child{margin-bottom:var(--space-6)}[data-foundations] .foundation-columns{gap:var(--space-6)}[data-foundations] .color-grid{gap:var(--space-3)}[data-foundations] .color-token{padding:var(--space-2);border:var(--line-width) solid var(--line);border-radius:var(--radius-control,var(--radius-sm));background:var(--raise);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}[data-foundations] .color-token:hover{border-color:var(--chrome-line-hover,var(--strong));box-shadow:var(--shadow-control-hover)}[data-foundations] .color-token>span{height:88px}[data-foundations] .color-token>small{font-size:var(--text-micro)}[data-foundations] .semantic-row{gap:var(--space-4)}[data-foundations] .semantic-row>div{min-width:0;flex-wrap:wrap}[data-foundations] .semantic-row code{font-size:var(--text-micro)}[data-foundations] .type-specimen{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}[data-foundations] .type-hero{border:var(--line-width) solid var(--line);border-radius:var(--radius-panel,var(--radius-lg));background:var(--raise)}[data-foundations] .spacing-scale{height:auto;min-height:92px;flex-wrap:wrap;gap:var(--space-3)}[data-foundations] .system-facts>div{grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:var(--space-4);font-size:var(--text-xs);line-height:var(--leading-normal)}[data-foundations] .radius-samples>div>span{max-width:100%;border-color:var(--chrome-line-hover,var(--strong));background:var(--chrome-subtle-gradient,var(--raise));box-shadow:var(--shadow-control)}[data-foundations] .chart-token-strip>div{border-radius:var(--radius-control,var(--radius-sm))}[data-foundations] .system-download{padding:var(--space-6)}@media(max-width:900px){[data-foundations] .type-specimen{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){[data-foundations] .foundation-section>.section-head{padding:var(--space-4)}[data-foundations] .foundation-section>:not(.section-head){margin-inline:var(--space-4)}[data-foundations] .foundation-section>.section-head+*{margin-top:var(--space-4)}[data-foundations] .foundation-section>:last-child{margin-bottom:var(--space-4)}[data-foundations] .system-facts>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}[data-foundations] .system-download{padding:var(--space-4)}[data-foundations] .color-token>span{height:72px}}[data-foundations] :is(.color-token>strong,.color-token>code,.semantic-row strong,.type-scale-row>div,.font-pairing,.contrast-strip){font-size:var(--text-xs)}[data-foundations] :is(.type-scale-row code,.spacing-scale code,.radius-samples code,.semantic-row .status){font-size:var(--text-2xs)}[data-foundations] .department-tokens>span{font-size:var(--text-sm)}.dashboard-demo-state{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.dashboard-demo-state>span{color:var(--dim);font-size:var(--text-xs)}.dashboard-demo-state .custom-select{width:160px}.data-demo{min-width:0;container-type:inline-size}.data-demo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:var(--text-xs);color:var(--dim)}.data-demo-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.data-demo-toolbar button[aria-pressed=true]{color:var(--link);background:var(--tint);border-color:var(--accent-line)}.data-demo-stage{display:flex;min-width:0;align-items:stretch}.data-demo-table{flex:1;min-width:0}.data-demo-stage.with-filters{border:1px solid var(--line);border-radius:var(--radius-panel,var(--radius-lg));overflow:hidden}.data-demo-stage.with-filters .ct-data-table{border:0;border-radius:0}.data-demo-stage>.ct-filter-sidebar{height:560px;flex-shrink:0}.data-demo-stage>.ct-filter-rail{height:auto;flex-shrink:0}.data-demo-number{font-variant-numeric:tabular-nums;white-space:nowrap}@container (max-width:760px){.data-demo-stage:has(>.ct-filter-sidebar){flex-direction:column}.data-demo-stage>.ct-filter-sidebar{width:100%;height:360px;border-left:0;border-bottom:1px solid var(--line);order:-1}}.data-demo-person{display:flex;align-items:center;gap:10px;min-width:0}.data-demo-person>div{min-width:0}