@scope (.studio-dashboard){*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font:400 var(--type-body)/1.55 var(--font-sans);-webkit-font-smoothing:antialiased}::selection{background:var(--blue-200);color:var(--blue-900)}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:52px;line-height:1.1;font-weight:650;letter-spacing:-.04em}h1 span{color:var(--color-primary)}h2{font-size:var(--type-title);letter-spacing:-.025em;line-height:1.3}h2,h3{font-weight:700}h3{font-size:var(--type-body);letter-spacing:-.015em;line-height:1.4}strong{font-weight:700}.small,small{font-size:var(--type-sm)}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue-600);outline-offset:4px}input,textarea{caret-color:var(--color-primary)}[hidden]{display:none!important}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.svg-library{width:0;height:0}.sr-only,.svg-library{position:absolute;overflow:hidden}.sr-only{width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;padding:12px 20px;background:white;z-index:100;border:2px solid var(--color-primary);border-radius:12px}.skip-link:focus{top:12px}.muted{color:var(--color-muted)}.row{display:flex;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.number{text-align:right;font-variant-numeric:tabular-nums}.text-btn{padding:0;min-height:44px;background:none;border:0;font-size:12px;font-weight:700;color:var(--blue-700);display:inline-flex;align-items:center;justify-content:flex-start;gap:9px}.text-btn:hover{text-decoration:underline;text-underline-offset:4px}.text-btn .icon{width:15px}.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);flex:none}.icon-btn:hover{background:var(--blue-50);border-color:var(--blue-100)}.btn{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-control);padding:10px 17px;font-size:13px;line-height:1.4;font-weight:650;white-space:nowrap;transition:background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:white;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 3px #1d4fc218,inset 0 1px 0 #ffffff24}.btn.primary:hover{background:var(--color-primary-hover)}.btn.primary:active{background:var(--color-primary-active)}.btn.secondary{color:var(--color-ink);background:white;border-color:var(--color-line);box-shadow:var(--shadow-low)}.btn.secondary:hover{background:var(--color-surface-soft);border-color:var(--blue-300)}.btn.ghost{color:var(--color-muted);background:transparent}.btn.ghost:hover{color:var(--color-ink);background:var(--color-disabled)}.btn.danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:#f3d3d8}.btn.danger:hover{background:#ffe2e7}.btn:disabled{background:var(--color-disabled)!important;color:var(--color-disabled-ink)!important;border-color:var(--color-disabled)!important;box-shadow:none}.btn .icon,.spinner{width:16px;height:16px}.spinner{border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.studio-header{height:82px;max-width:1440px;margin:auto;justify-content:space-between;padding:0 42px;gap:16px}.studio-brand,.studio-header{display:flex;align-items:center}.studio-brand{gap:11px}.studio-brand>strong{font-size:23px;letter-spacing:-1px;font-weight:800}.studio-brand>strong>span{font-weight:400;color:var(--color-muted)}.mark{width:26px;height:30px;display:grid;grid-template-columns:repeat(3,5px);grid-template-rows:repeat(2,12px);gap:3px;transform:skewY(-8deg)}.mark i{border-radius:1px;background:var(--blue-600)}.mark i:nth-child(3){background:var(--blue-300)}.mark i:nth-child(4){opacity:0}.mark i:nth-child(6){background:var(--blue-400)}.brand-divider{height:20px;border-left:1px solid #cfd7e5;margin:0 6px}.studio-label{color:var(--color-muted);font-size:13px}.proposal-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--color-muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--blue-500)}.version{padding:3px 7px;background:white;border:1px solid var(--color-line);border-radius:6px;margin-left:6px}.studio-nav{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-canvas);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 max(42px,calc((100% - 1356px)/2));position:sticky;top:0;z-index:10}.studio-nav>div{display:flex;gap:30px;overflow:auto;scrollbar-width:none}.studio-nav a{display:inline-flex;align-items:center;min-height:56px;font-size:13px;color:var(--color-muted);white-space:nowrap;position:relative}.studio-nav a[aria-current=page]{color:var(--color-ink);font-weight:700}.studio-nav a[aria-current=page]:after{content:"";position:absolute;height:3px;border-radius:3px;background:var(--color-primary);bottom:-1px;left:0;right:0}.studio-nav a:hover{color:var(--color-primary)}.download-link{gap:8px}.download-link .icon{width:15px}main{max-width:1404px;padding:0 42px;margin:auto;outline:none}.view{padding:50px 0 32px}.view-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 36px}.view-intro p{color:var(--color-muted);font-size:15px;margin-top:14px}.preview-settings{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 12px}.preview-settings label{color:var(--color-muted);font-size:12px}.preview-settings select{height:42px;min-height:42px;padding:8px 30px 8px 12px;font-size:12px}.sample-label{font-size:12px;color:var(--color-muted)}.preview-settings .sample-label{grid-column:1/-1;text-align:right}.meta-note{color:var(--color-muted);font-size:12px;white-space:nowrap}.workspace{background:#f7f9fc;border:1px solid #d8e1ee;border-radius:var(--radius-lg);box-shadow:0 3px 6px #17243d02,0 22px 60px #17243d06;overflow:hidden}.workspace-nav{height:76px;justify-content:space-between;gap:24px;padding:0 28px;background:#ffffffd9;border-bottom:1px solid #e6ebf3}.workspace-name,.workspace-nav{display:flex;align-items:center}.workspace-name{font-size:13px;font-weight:750;gap:10px}.mini-mark{width:18px;height:20px;display:inline-block;background:repeating-linear-gradient(90deg,var(--blue-600) 0 4px,transparent 4px 7px);border-radius:3px;vertical-align:middle}.workspace-links{display:flex;gap:8px}.workspace-links button{background:transparent;min-height:42px;padding:9px 16px;border-radius:12px;font-size:12px;color:var(--color-muted)}.workspace-links button.current{background:var(--color-surface);box-shadow:0 2px 4px #17243d16}.workspace-links button:hover:not(.current){background:var(--blue-50);color:var(--blue-700)}.avatar{height:36px;width:36px;border-radius:50%;border:3px solid white;background:var(--blue-100);outline:1px solid #d8e3f2;color:var(--blue-800);font-size:12px;font-weight:700}.dashboard-body{padding:25px 26px 26px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dashboard-heading h2{font-size:28px;font-weight:600;letter-spacing:-1px;margin-bottom:3px}.dashboard-heading .muted,.period-chip{font-size:12px}.period-chip{border:1px solid var(--color-line);border-radius:var(--radius-control);background:white;display:inline-flex;gap:7px;align-items:center;padding:10px 13px;min-height:44px}.period-chip .icon{width:15px}.top-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:18px}.balance-panel{position:relative;overflow:hidden;border-radius:var(--radius-panel);min-height:276px;background:linear-gradient(115deg,#e9f2ff,#edf5ff 50%,#d6e9ff);border:1px solid #cbdef9;padding:27px 28px 0;display:grid;grid-template-columns:1fr 150px;grid-template-rows:1fr auto}.balance-copy{position:relative;z-index:1}.label-row{display:flex;align-items:center;gap:7px}.label-row h3{font-size:13px;font-weight:600;color:var(--blue-900)}.label-row .icon-btn{width:28px;height:28px}.label-row .icon{width:15px}.hero-amount{font-size:56px;line-height:1.1;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums;margin:13px 0 11px;white-space:nowrap}.hero-amount>span{color:#5a7498;font-weight:400}.balance-copy p{font-size:12px;color:#455e81;max-width:340px}.balance-copy .text-btn{color:#244f97;margin:5px 0 10px}.balance-bottom{position:relative;z-index:1;grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #bacfe980}.balance-bottom>div>span{display:block;font-size:12px;color:#486486;margin-bottom:4px}.balance-bottom strong{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.math-minus{font-size:19px;color:#5d789a}.confirmed-note{margin-left:auto;display:flex;align-items:center;gap:5px;align-self:flex-end;padding-bottom:3px}.balance-bottom .confirmed-note span{font-size:12px;margin:0}.confirmed-note .icon{color:#426d9c;width:13px;height:13px}.balance-pattern{position:absolute;right:-12px;top:17px;width:240px;height:208px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 32%)}.pattern-cells{display:grid;grid-template-columns:repeat(16,1fr);gap:5px;transform:rotate(-7deg)}.pattern-cells i{aspect-ratio:1;border-radius:2px;background:var(--blue-300);opacity:.6}.pattern-cells i.round{border-radius:50%;background:var(--blue-500)}.pattern-cells i.bar{border-radius:2px;transform:scaleX(.42);background:var(--blue-600)}.pattern-cells i.blank{opacity:0}.pattern-cells i.pale{background:white;opacity:.95}.panel{padding:22px;background:white;border:1px solid #e1e7f0;border-radius:var(--radius-panel);min-width:0;box-shadow:var(--shadow-low)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-title h3{font-size:14px}.panel-title .muted{font-size:12px;margin-top:4px}.count{height:24px;min-width:24px;border-radius:8px;padding:3px 7px;color:var(--blue-800);background:var(--blue-50);font-size:12px;text-align:center;font-weight:700}.attention-panel{padding-bottom:15px}.attention-panel .panel-title{margin-bottom:8px}.task-row{display:flex;align-items:center;gap:11px;width:100%;padding:12px 0;min-height:61px;background:none;border:0;border-bottom:1px solid #edf0f5;text-align:left}.task-row:hover .task-copy strong{color:var(--color-primary)}.task-symbol{background:var(--blue-50);color:var(--blue-700);display:grid;place-items:center;border-radius:10px;width:34px;height:36px;flex:none}.task-symbol.warning{background:var(--color-warning-bg);color:var(--color-warning)}.task-symbol.neutral{background:#f1f3f7;color:#52627b}.task-symbol .icon{width:16px;height:16px}.task-copy{flex:1;min-width:0}.task-copy strong{font-size:12px;font-weight:700;display:block}.task-copy small{font-size:12px;color:var(--color-muted);display:block;margin-top:3px}.task-row>.icon{width:14px;color:#6a7c97}.attention-footer{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--color-muted);padding-top:12px}.attention-footer .icon{width:12px;height:12px}.middle-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:18px;margin-top:18px}.chart-panel{padding-bottom:12px}.chart-legend{display:flex;gap:15px;font-size:12px;color:var(--color-muted)}.chart-legend>span{display:flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:3px;flex:none}.legend-dot.blue{background:var(--blue-600)}.legend-dot.hatched{background:repeating-linear-gradient(135deg,#6686b3 0 1px,#e6eef9 1px 3px);border:1px solid #90a8c9}.legend-dot.medium-blue{background:#74a5f8}.legend-dot.pale-blue{background:#c4d8f8}.chart-layout{display:flex;gap:14px;height:186px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;color:var(--color-muted);font-size:12px;min-width:23px;padding-bottom:27px}.bar-chart{align-items:stretch;justify-content:space-around;gap:12px;flex:1;min-width:0;background:repeating-linear-gradient(0deg,transparent 0 calc(25% - 1px),#eef2f7 calc(25% - 1px) 25%);background-size:100% calc(100% - 27px);background-repeat:no-repeat}.bar-chart,.bar-group{display:flex;position:relative}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;border:0;background:none;padding:0 4px;min-width:34px;width:100%;border-radius:5px;gap:7px}.bar-group:focus-visible,.bar-group:hover{background:#edf4ff88}.bars{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:159px;border-bottom:1px solid #dfe6f0}.bar{display:block;width:40%;max-width:32px;min-height:2px;border-radius:7px 7px 3px 3px;position:relative;transition:opacity .18s var(--ease)}.bar.revenue{background:linear-gradient(180deg,#8bbaff,#4282f1 72%,#2b68df);box-shadow:inset 1px 0 0 #ffffff66,inset -1px 0 0 #1e54b01a}.bar.expenses{background:repeating-linear-gradient(135deg,#ffffffa8 0 1px,transparent 1px 4px),linear-gradient(180deg,#b7d0f4,#7ca6e4);border:1px solid #739ccc60}.bar-group[aria-pressed=true] .revenue{background:linear-gradient(180deg,#4b91ff,#235be4)}.bar-month{font-size:12px;color:var(--color-muted);height:20px;padding:2px 8px;border-radius:6px}.bar-group[aria-pressed=true] .bar-month{background:var(--blue-50);color:var(--blue-700);font-weight:700}.chart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f5;margin-top:12px;padding-top:5px;font-size:12px;color:var(--color-muted)}.chart-foot strong{font-weight:600;color:var(--color-ink)}.chart-foot .text-btn{font-size:12px}.quarter-summary{position:relative;overflow:hidden}.neutral-tag{color:var(--color-muted);background:#f3f5f9;border:1px solid #e7ecf3;font-size:12px;font-weight:600;padding:3px 8px;border-radius:7px}.quarter-row{display:flex;justify-content:space-between;gap:8px;margin:15px 0;align-items:baseline}.quarter-row>span{color:var(--color-muted);font-size:12px}.quarter-row strong{font-size:16px;letter-spacing:-.02em;font-weight:650;font-variant-numeric:tabular-nums}.quarter-row.profit{flex-direction:column;border-top:1px solid var(--color-line);padding-top:15px;gap:5px;margin-bottom:8px}.quarter-row.profit strong{font-size:29px}.quarter-summary>p{max-width:230px;margin-top:25px;position:relative;z-index:1}.micro-pattern{display:flex;align-items:flex-end;gap:4px;position:absolute;right:17px;bottom:58px;width:90px;height:70px;opacity:.65}.micro-pattern i{display:block;width:6px;border-radius:4px;background:var(--blue-200)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:18px;margin-top:18px}.invoices-panel{padding-bottom:12px}.invoices-panel .panel-title{margin-bottom:6px}.table-wrap{overflow:auto}.invoice-table{width:100%;border-collapse:collapse;font-size:12px}.invoice-table th{text-align:left;font-size:12px;font-weight:500;color:var(--color-muted);padding:9px 6px 11px;border-bottom:1px solid var(--color-line);white-space:nowrap}.invoice-table td:first-child,.invoice-table th:first-child{padding-left:0}.invoice-table td{padding:12px 6px;border-bottom:1px solid #edf0f5;vertical-align:middle}.invoice-table tbody tr:last-child td{border:0}.invoice-table th.number{text-align:right}.invoice-table td.number{font-weight:650;white-space:nowrap}.invoice-table td>strong{font-size:12px;display:block;font-weight:650}.invoice-table td>small{font-size:12px;display:block;color:var(--color-muted);margin-top:3px}.invoice-table .icon-btn{height:32px;width:32px}.invoice-table .icon-btn .icon{width:14px}.badge{font-size:12px;padding:4px 8px;border:1px solid transparent;border-radius:7px;line-height:1.5;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:600}.badge .icon{width:12px;height:12px}.badge.neutral{background:#f1f4f8;color:#5b687e;border-color:#e5eaf1}.badge.info{background:var(--color-info-bg);color:var(--color-info);border-color:#dbe6fb}.badge.positive{background:var(--color-positive-bg);color:var(--color-positive);border-color:#d8eedf}.badge.warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#f7e7bf}.badge.danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#f7dce1}.reserve-total{font-size:30px;font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.reserve-total>span{color:var(--color-muted);font-weight:400}.reserve-bar{display:flex;height:8px;margin:18px 0;border-radius:8px}.reserve-bar i:first-child{width:51.3%;background:var(--blue-600)}.reserve-bar i:nth-child(2){width:37.4%;background:#74a5f8}.reserve-bar i:nth-child(3){flex:1;background:#c4d8f8}.reserve-list{margin:0}.reserve-list>div{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:12px 0}.reserve-list dt{display:flex;gap:7px;align-items:center;color:var(--color-muted)}.reserve-list dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}.reserves-panel .text-btn{font-size:12px}.direction-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:27px 10px 0}.direction-notes p{color:var(--color-muted);font-size:12px;max-width:36ch}.direction-notes strong{display:block;color:var(--color-ink);font-size:12px;margin-bottom:4px}.mobile-nav{display:none}.studio-footer{max-width:1404px;margin:24px auto 0;padding:28px 42px 34px;border-top:1px solid var(--color-line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--color-muted)}.studio-footer>div{display:flex;align-items:center;gap:12px}.studio-footer .mini-mark{width:14px;height:16px}.studio-footer strong{color:var(--color-ink)}.foundation-hero{background:white;border:1px solid var(--color-line);border-radius:var(--radius-panel);display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}.foundation-hero>div:first-child{padding:48px}.foundation-hero h2{font-size:36px;line-height:1.12;letter-spacing:-.035em;font-weight:600}.foundation-hero p{max-width:43ch;color:var(--color-muted);margin:20px 0 27px}.palette-pill{background:var(--color-surface-soft);border:1px solid var(--color-line);border-radius:var(--radius-pill);padding:6px 12px;font-size:12px}.identity-art{background:var(--blue-600);position:relative;overflow:hidden;min-height:330px}.identity-art>[data-pattern]{display:grid;grid-template-columns:repeat(16,1fr);gap:9px;transform:rotate(-12deg) scale(1.3);width:115%;position:absolute;right:-20%;top:-15%}.identity-art i{aspect-ratio:1;background:#ffffffbb;border-radius:2px}.identity-art i.round{border-radius:50%;background:#90c8ff}.identity-art i.bar{transform:scaleX(.3);background:white}.identity-art i.blank{opacity:0}.identity-art i.pale{background:#6b9bff}.art-word{font-size:60px;line-height:.98;letter-spacing:-.04em;color:white;font-weight:650;position:absolute;bottom:34px;left:36px;text-shadow:0 2px 8px #1d4fc233}.system-section{margin-top:54px}.section-intro{margin-bottom:24px}.section-intro h2{font-size:22px;letter-spacing:-.025em}.section-intro p{margin-top:7px;color:var(--color-muted);font-size:13px;max-width:65ch}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.swatch{border:1px solid var(--color-line);border-radius:16px;padding:8px;background:white;text-align:left;box-shadow:var(--shadow-low);transition:transform var(--duration-fast)}.swatch:hover{transform:translateY(-3px)}.swatch-colour{display:block;height:105px;border-radius:10px}.swatch-name{display:block;font-size:12px;font-weight:700;margin:12px 6px 1px}.swatch-value{display:block;font:10px var(--font-code);color:var(--color-muted);margin:0 6px 8px}.blue-ramp{display:grid;grid-template-columns:repeat(10,1fr);margin-top:24px;border:1px solid var(--color-line);border-radius:12px;overflow:hidden}.ramp-step{min-height:76px;border:0;padding:10px 6px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-size:12px}.ramp-step small{font:9px var(--font-code)}.semantic-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.semantic-example{padding:18px;border:1px solid var(--color-line);border-radius:12px;background:white}.semantic-example p{margin-top:10px}.semantic-example p,.system-caption{font-size:12px;color:var(--color-muted)}.system-caption{line-height:1.7;margin-top:16px;max-width:75ch}.type-specimen{display:grid;grid-template-columns:1fr 1.3fr;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.type-poster{font-size:150px;letter-spacing:-.04em;line-height:1.2;padding:36px 0;font-weight:600}.type-poster>span{font-size:27px;display:block;letter-spacing:.06em;font-variant-numeric:tabular-nums}.type-poster small{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:var(--color-muted);margin-top:19px}.type-scale{padding:30px 0}.type-scale>div{display:flex;align-items:center;gap:25px;padding:13px 0;border-bottom:1px solid #e4e9f0}.type-scale>div:last-child{border:0}.type-role{font:10px var(--font-code);color:var(--color-muted);min-width:110px}.type-display{font-size:40px;font-weight:650;letter-spacing:-.035em}.type-page{font-size:28px;font-weight:600;letter-spacing:-.025em}.type-section-title{font-size:20px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:64px}.spacing-demo{display:flex;align-items:flex-end;gap:22px;height:145px}.spacing-demo>div{display:flex;flex-direction:column;gap:12px;align-items:center;font:10px var(--font-code);color:var(--color-muted)}.space-bar{display:block;background:var(--blue-200);width:20px;border-radius:4px}.shape-demo{display:flex;gap:26px;padding-top:18px}.shape-demo>div{text-align:center}.shape{display:block;width:98px;height:90px;border:1px solid var(--blue-300);background:var(--blue-50);margin-bottom:16px}.small-radius{border-radius:8px}.control-radius{border-radius:12px}.panel-radius{border-radius:22px}.shape-demo small{font-size:12px;color:var(--color-muted)}.elevation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;background:#eaf0f8;border-radius:var(--radius-panel);padding:38px}.elevation-sample{display:grid;place-items:center;height:130px;background:white;border:1px solid var(--color-line);border-radius:16px;font-size:14px;font-weight:600}.elevation-sample.raised{box-shadow:var(--shadow-raised)}.elevation-sample.overlay{box-shadow:var(--shadow-overlay)}.elevation-grid p{font-size:12px;color:var(--color-muted);margin-top:18px;text-align:center}.component-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.spec-panel{background:white;border:1px solid var(--color-line);border-radius:var(--radius-panel);padding:30px;min-width:0}.spec-panel .section-intro h2{font-size:19px}.component-stage{min-height:146px;padding:24px;border-radius:14px;background:var(--color-surface-soft);border:1px solid #e8edf5}.button-stage{justify-content:flex-start;gap:14px}.button-stage,.status-stage{display:flex;align-items:center;flex-wrap:wrap}.status-stage{align-content:center;gap:12px}.status-stage .badge{font-size:12px;padding:6px 10px}.status-separation{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px}.status-separation>span{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--color-muted)}input,select,textarea{width:100%;min-height:44px;background:white;border:1px solid var(--color-line-strong);border-radius:var(--radius-control);padding:11px 13px;color:var(--color-ink);font-size:14px;line-height:1.5;min-width:0}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}select{cursor:pointer}input:hover,select:hover,textarea:hover{border-color:#637b9e}input:disabled,select:disabled{background:#f1f4f8;border-color:#dce3ed;color:#5d6b82;cursor:not-allowed;opacity:1}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650}label small{font-size:12px;font-weight:400;color:var(--color-muted);line-height:1.5}.form-stack{display:flex;flex-direction:column;gap:22px}.form-stack>.btn{align-self:flex-start}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-affix{position:relative}.input-affix>span{position:absolute;left:14px;top:11px;color:var(--color-muted);font-weight:400}.input-affix input{padding-left:33px;font-variant-numeric:tabular-nums}.form-stack fieldset{border:0;padding:0;margin:0}.form-stack legend{font-size:12px;font-weight:650;margin-bottom:10px}.form-stack fieldset p{margin-top:10px}.segments{display:inline-flex;background:#eef2f8;border:1px solid #dfe6f0;padding:4px;border-radius:12px;gap:3px}.segments button{border:1px solid transparent;border-radius:8px;padding:8px 17px;min-height:40px;background:none;font-size:12px;color:var(--color-muted)}.segments button.selected{background:white;box-shadow:var(--shadow-low);border-color:var(--color-line);color:var(--color-ink);font-weight:700}.check-label{display:inline-flex;flex-direction:row;align-items:center;gap:10px;font-size:13px;min-height:44px;cursor:pointer;font-weight:500}.check-label input{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--color-primary)}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.switch-row strong{font-size:13px}.switch-row small{display:block;font-size:12px;color:var(--color-muted);margin-top:3px}.switch{width:48px;background:none;border:0;padding:8px 0;flex:none;position:relative}.switch:before{content:"";display:block;background:#9caabd;height:28px;border-radius:20px;transition:background var(--duration-fast)}.switch>span{position:absolute;width:22px;height:22px;border-radius:50%;background:white;top:11px;box-shadow:0 1px 3px #17243d30;transition:transform var(--duration-normal) var(--ease)}.switch[aria-checked=true]:before{background:var(--color-primary)}.switch[aria-checked=true]>span{transform:translateX(20px)}.field-result:empty{display:none}.field-result{font-size:12px;color:var(--color-positive)}input[aria-invalid=true]{border-color:var(--color-danger);background:#fffafa}.field-error{color:var(--color-danger)!important}.notice{display:flex;align-items:flex-start;gap:12px;border:1px solid transparent;border-radius:14px;padding:17px 20px;margin:14px 0;font-size:12px}.notice>.icon{margin-top:2px}.notice>div{flex:1}.notice p{margin-top:3px}.notice .btn,.notice p,.notice strong{font-size:12px}.notice .btn{align-self:center;min-height:40px;background:transparent;box-shadow:none;border-color:currentColor}.notice.info{background:var(--color-info-bg);color:var(--color-info);border-color:#d3e1fc}.notice.warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#edddb6}.notice.danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#f1d1d7}#scenario-banner{margin-bottom:18px}.pattern-spec{background:white;border:1px solid var(--color-line);border-radius:var(--radius-panel);padding:34px}.workflow-stepper{display:flex;align-items:center;max-width:570px;gap:20px;margin:26px 0 34px}.workflow-stepper>span{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--color-muted);min-height:40px}.workflow-stepper strong{font-weight:600}.workflow-stepper .active{color:var(--color-primary)}.workflow-stepper i{height:1px;background:var(--color-line);flex:1}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.workflow-description h3{font-size:28px;letter-spacing:-.025em;font-weight:600;margin-bottom:16px;line-height:1.2}.workflow-description p{color:var(--color-muted);font-size:13px;max-width:45ch}.plain-list{padding-left:18px;font-size:12px;color:var(--color-muted);line-height:1.7;margin:20px 0 25px}.plain-list li{margin:8px 0}.invoice-summary{border:1px solid #d4e1f5;background:var(--color-surface-soft);border-radius:16px;padding:25px;align-self:start}.invoice-summary>p{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--color-line);font-size:12px}.invoice-summary>p>span{white-space:nowrap;font-variant-numeric:tabular-nums}.invoice-summary dl{font-size:12px;margin:18px 0 0}.invoice-summary dl>div{display:flex;justify-content:space-between;gap:16px;margin:12px 0}.invoice-summary dt{color:var(--color-muted)}.invoice-summary dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}.invoice-summary .total{border-top:1px solid var(--color-line);padding-top:18px;margin-top:18px;align-items:baseline}.invoice-summary .total dt{color:var(--color-ink);font-weight:650}.invoice-summary .total dd{font-size:26px;letter-spacing:-.025em}.invoice-summary>small{font-size:12px;display:block;color:var(--color-muted);line-height:1.7;margin-top:12px}.state-grid{margin-top:22px}.state-grid h2{font-size:17px}.empty-state{text-align:center;padding:24px 18px 10px}.empty-state h3{font-size:17px;margin:17px 0 8px}.empty-state p{font-size:12px;color:var(--color-muted);max-width:37ch;margin:0 auto 22px}.empty-motif{display:grid;grid-template-columns:repeat(8,7px);gap:5px;width:max-content;margin:0 auto;transform:rotate(-8deg)}.empty-motif i{width:7px;height:7px;background:var(--blue-200);border-radius:2px}.empty-motif i.round{border-radius:50%;background:var(--blue-400)}.empty-motif i.bar{transform:scaleX(.45);background:var(--blue-600)}.empty-motif i.blank{opacity:0}.empty-motif i.pale{background:var(--blue-50)}.large-icon{height:30px;width:30px;color:var(--blue-500)}.empty-state.compact{padding-top:35px}.loading-state{margin-top:36px;display:flex;flex-direction:column;gap:20px}.skeleton{border-radius:7px;background:#eaf0f7;animation:pulse 1.8s ease-in-out infinite alternate}.sk-title{width:36%;height:17px;margin-bottom:6px}.sk-line{width:100%;height:32px}.sk-line:last-child{width:76%}@keyframes pulse{to{background:#dce6f4}}.setup-list{margin:30px 0 24px;display:flex;flex-direction:column;gap:22px}.setup-list>div{display:flex;gap:13px;align-items:center}.step-circle{height:30px;width:30px;border:1px solid #b9cff1;background:var(--blue-50);color:var(--blue-700);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:650;flex:none}.step-circle.done{background:var(--color-positive-bg);color:var(--color-positive);border-color:#cfe7d9}.step-circle .icon{width:15px}.step-circle.muted-step{background:#f4f6fa;border-color:var(--color-line);color:var(--color-muted)}.setup-list strong{font-size:12px}.setup-list small{display:block;color:var(--color-muted);font-size:12px;margin-top:3px}.chart-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;border-top:1px solid var(--color-line);padding-top:25px}.chart-rules strong{font-size:14px}.chart-rules p{font-size:12px;color:var(--color-muted);margin-top:9px}.mobile-showcase{display:grid;grid-template-columns:430px 1fr;gap:90px;max-width:1080px;margin:50px auto}.phone-frame{width:410px;height:830px;background:white;border:7px solid #e0e7f1;outline:1px solid #c3cede;border-radius:47px;overflow:hidden;box-shadow:var(--shadow-overlay);position:relative}.phone-toolbar{height:34px;background:#f7f9fc;display:flex;justify-content:space-between;padding:9px 22px 0;font-size:12px;font-weight:700;position:relative}.phone-speaker{height:5px;width:52px;background:#ccd6e6;border-radius:5px;position:absolute;top:13px;left:calc(50% - 26px)}.phone-frame iframe{width:100%;height:calc(100% - 34px);border:0;background:#f7f9fc}.mobile-principles{padding-top:25px}.mobile-principles h2{font-size:32px;font-weight:600;letter-spacing:-.03em;margin-bottom:34px}.mobile-principles>div{position:relative;padding-left:42px;margin:28px 0}.mobile-principles h3{font-size:15px}.mobile-principles p{font-size:13px;color:var(--color-muted);max-width:42ch;margin-top:7px}.mobile-principle-number{position:absolute;left:0;top:1px;font-size:12px;color:var(--blue-700)}.mobile-principles>.btn{margin:15px 0 0 42px}dialog{border:1px solid var(--color-line);border-radius:24px;box-shadow:var(--shadow-overlay);padding:28px;max-width:600px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);color:var(--color-ink);background:white;overflow:auto}dialog::backdrop{background:#13223d66}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.dialog-heading h2{font-size:23px;margin-top:4px}.dialog-heading .sample-label{font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.dialog-intro{font-size:13px;color:var(--color-muted);margin-bottom:20px}.dialog-breakdown{margin:0}.dialog-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--color-line);font-size:13px}.dialog-breakdown dt{color:var(--color-muted)}.dialog-breakdown dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}.dialog-breakdown .result{border:0;background:var(--blue-50);border-radius:12px;margin-top:16px;padding:19px 16px}.dialog-breakdown .result dt{color:var(--color-ink)}.dialog-breakdown .result dd{font-size:23px;color:var(--blue-700)}.dialog-note{margin:18px 0 0;font-size:12px;color:var(--color-muted)}.dialog-data{width:100%;border-collapse:collapse;font-size:12px}.dialog-data th{text-align:left;color:var(--color-muted);font-weight:500}.dialog-data td,.dialog-data th{padding:12px 8px;border-bottom:1px solid var(--color-line)}.dialog-data .number{text-align:right}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:100;padding:14px 20px;border-radius:14px;background:var(--color-ink);color:white;box-shadow:var(--shadow-overlay);display:flex;gap:10px;align-items:center;font-size:12px;max-width:calc(100% - 32px);width:max-content}.toast>.icon{color:#b8d5ff;width:17px}.compact-rows .invoice-table td{padding-top:8px;padding-bottom:8px}.empty-quarter .bar{height:2px!important;background:#dce5f0}.empty-quarter .quarter-row strong,.empty-quarter .reserve-list dd,.empty-quarter .reserve-total{color:var(--color-muted)}.embed .direction-notes,.embed .studio-footer,.embed .studio-header,.embed .studio-nav,.embed .view-intro{display:none}.embed .view,.embed main{padding:0}.embed .workspace{border:0;border-radius:0;box-shadow:none}.embed .workspace-nav{padding:0 18px}.embed .dashboard-body{padding-bottom:90px}.embed .view:not(#preview){display:none!important}@media(min-width:1600px){.studio-header{padding-left:60px;padding-right:60px}.view{padding-top:60px}}@media(max-width:1100px){.balance-panel{padding:22px 22px 0;grid-template-columns:1fr 60px}.hero-amount{font-size:46px}.balance-pattern{right:-60px;opacity:.45}.balance-bottom{gap:12px}.confirmed-note{display:none}.chart-legend{gap:9px}.quarter-row strong{font-size:14px}.bottom-grid,.middle-grid,.top-grid{grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr)}.panel{padding:18px}.workspace-nav{gap:15px}.workspace-links{gap:0}.workspace-links button{padding:8px 12px}.studio-footer>span{display:none}.foundation-hero>div:first-child{padding:35px}.type-scale>div{gap:14px}.type-role{min-width:94px}.type-display{font-size:32px}.mobile-showcase{gap:45px;grid-template-columns:410px 1fr}.shape-demo{gap:16px}.shape{width:80px}.two-column{gap:35px}.bar-chart{gap:5px}.workflow-grid{gap:35px}}@media(max-width:850px){.studio-header{padding:0 24px;height:72px}.studio-nav{padding:0 24px}.studio-nav>div{gap:24px}.download-link{display:none!important}main{padding:0 24px}.view{padding-top:34px}.view-intro{align-items:flex-start;gap:20px}.view-intro h1{font-size:40px}.preview-settings{display:flex;flex-direction:column;align-items:flex-end;min-width:155px}.preview-settings>label{display:none}.preview-settings .sample-label{font-size:12px}.view-intro p{font-size:13px;max-width:42ch}.workspace-name{font-size:12px}.workspace-links button{padding:8px 9px;font-size:12px}.bottom-grid,.middle-grid,.top-grid{grid-template-columns:1fr}.balance-pattern{right:0;opacity:.85;width:250px}.balance-panel{grid-template-columns:1fr 140px;min-height:265px}.hero-amount{font-size:56px}.confirmed-note{display:flex}.attention-panel{padding-top:18px}.attention-panel #task-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.task-row{align-items:flex-start;border:0;gap:8px}.task-row>.icon{display:none}.task-symbol{width:29px;height:32px}.attention-footer{display:none}.quarter-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quarter-summary .panel-title{grid-column:1/-1;margin-bottom:0}.quarter-summary .quarter-row{flex-direction:column;gap:8px;margin:0;padding:12px 0;border:0}.quarter-row strong,.quarter-summary .profit strong{font-size:20px}.quarter-summary>p{grid-column:1/-1;max-width:none;margin:0}.micro-pattern,.reserves-panel{display:none}.direction-notes{gap:20px;margin-left:0;margin-right:0}.studio-footer{padding:25px 24px}.meta-note{display:none}.foundation-hero{grid-template-columns:1.2fr 1fr}.foundation-hero h2{font-size:28px}.foundation-hero>div:first-child{padding:28px}.foundation-hero p{font-size:13px}.foundation-hero .row{flex-wrap:wrap;gap:8px}.art-word{font-size:45px;left:25px}.swatch-grid{gap:10px}.swatch-colour{height:85px}.ramp-step small{display:none}.type-poster{font-size:110px}.type-poster>span{font-size:22px}.type-scale>div{align-items:flex-start;flex-direction:column;gap:5px;padding:10px 0}.type-role{font-size:12px}.type-display{font-size:35px}.type-page{font-size:24px}.two-column{grid-template-columns:1fr;gap:40px}.component-columns{gap:16px}.spec-panel{padding:22px}.component-stage{padding:17px}.button-stage{gap:10px}.status-stage .badge{font-size:12px}.form-pair{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr 1fr;gap:28px}.invoice-summary{padding:19px}.invoice-summary .total{align-items:flex-start;flex-direction:column}.chart-rules{grid-template-columns:1fr 1fr}.mobile-showcase{display:flex;flex-direction:column;align-items:center;gap:35px;margin-top:35px}.mobile-principles{max-width:500px}.phone-frame{width:390px;height:800px}.notice{flex-wrap:wrap}.notice .btn{margin-left:30px}.notice>div{min-width:220px}}@media(max-width:600px){.studio-header{height:64px;padding:0 18px}.studio-brand{gap:9px}.studio-brand>strong{font-size:21px}.studio-label{font-size:12px}.brand-divider{margin:0 1px}.proposal-label{font-size:12px}.proposal-label .live-dot,.proposal-label .version{display:none}.proposal-label{font-size:0}.proposal-label:after{content:"v0.1";font-size:12px;padding:3px 6px;border:1px solid var(--color-line);border-radius:6px}.studio-nav{padding:0 18px}.studio-nav>div{gap:24px}.studio-nav a{font-size:12px;min-height:50px}main{padding:0 16px}.view{padding-top:28px;padding-bottom:16px}.view-intro{display:block;margin-bottom:24px}.view-intro h1{font-size:35px;line-height:1.1;letter-spacing:-.035em}.view-intro p{font-size:13px;margin-top:12px}.preview-settings{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:start;margin-top:23px;gap:7px 10px}.preview-settings>label{display:block;font-size:12px}.preview-settings select{font-size:12px;height:40px;min-height:40px;width:auto;padding-top:7px;padding-bottom:7px}.preview-settings .sample-label{grid-column:1/-1;font-size:12px;text-align:left}.workspace{border-radius:20px}.workspace-nav{height:62px;padding:0 17px}.workspace-name{font-size:12px}.workspace-links{display:none}.avatar{width:34px;height:34px}.dashboard-body{padding:20px 14px 16px}.dashboard-heading{align-items:center;gap:10px;margin-bottom:20px}.dashboard-heading h2{font-size:25px}.dashboard-heading .muted{font-size:12px}.dashboard-heading .period-chip{display:none}.dashboard-heading .btn{font-size:12px;min-height:42px;padding:10px 12px;gap:5px}.dashboard-heading .btn .icon{width:14px}.bottom-grid,.middle-grid,.top-grid{gap:14px}.bottom-grid,.middle-grid{margin-top:14px}.balance-panel{border-radius:17px;min-height:266px;padding:20px 19px 0;display:block}.label-row h3{font-size:12px}.hero-amount{font-size:44px;letter-spacing:-.035em;margin-top:12px}.balance-copy p{font-size:12px;max-width:205px;line-height:1.6}.balance-pattern{width:135px;height:172px;right:-27px;top:46px;opacity:.5}.pattern-cells{gap:4px}.balance-copy .text-btn{font-size:12px;margin-top:5px}.balance-bottom{gap:15px;margin-top:0;padding:15px 0}.balance-bottom strong,.balance-bottom>div>span{font-size:12px}.confirmed-note{display:none}.panel{padding:19px 17px;border-radius:17px}.attention-panel #task-list{display:block}.attention-panel .panel-title h3{font-size:13px}.task-row{min-height:61px;align-items:center;border-bottom:1px solid #edf0f5;gap:12px;padding:12px 0}.task-row:last-child{border:0}.task-row>.icon{display:block}.task-symbol{width:34px;height:36px}.task-copy small,.task-copy strong{font-size:12px}.chart-panel .panel-title{flex-direction:column;align-items:flex-start;gap:12px}.chart-panel .panel-title h3{font-size:13px}.chart-legend{gap:15px}.chart-layout{height:176px;gap:8px}.bars{height:149px;gap:3px}.bar-chart{gap:2px}.bar-group{min-width:24px;padding:0 2px}.bar{border-radius:5px 5px 2px 2px;width:44%}.bar-month{padding:2px 3px;font-size:12px}.chart-foot{flex-direction:column;align-items:flex-start;gap:0;padding-top:12px;font-size:12px}.chart-foot .text-btn{font-size:12px;min-height:36px}.chart-axis{font-size:12px;min-width:22px}.quarter-summary{display:block}.quarter-summary .quarter-row{flex-direction:row;align-items:center;border-bottom:1px solid #edf0f5;padding:14px 0}.quarter-row strong{font-size:16px}.quarter-summary .quarter-row.profit{align-items:flex-start;flex-direction:column;gap:6px;border:0}.quarter-summary .profit strong{font-size:28px}.quarter-summary>p{margin-top:5px;max-width:240px}.invoices-panel .panel-title{margin-bottom:9px}.invoice-table td:nth-child(2),.invoice-table td:nth-child(5),.invoice-table th:nth-child(2),.invoice-table th:nth-child(5){display:none}.invoice-table td{padding:14px 4px}.invoice-table .badge{font-size:12px;padding:3px 5px}.invoice-table td.number,.invoice-table td>strong{font-size:12px}.invoice-table td:first-child{min-width:96px}.invoice-table th{font-size:12px}.invoice-table tr{cursor:pointer}.mobile-nav{display:flex;justify-content:space-around;background:#fffffffa;border-top:1px solid var(--color-line);padding:7px 5px calc(7px + env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:4}.mobile-nav button{min-height:48px;min-width:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:12px;color:var(--color-muted);background:none;border:0;border-radius:10px}.mobile-nav button.selected{color:var(--color-primary);background:var(--blue-50)}.mobile-nav .icon{width:18px;height:18px}.direction-notes{grid-template-columns:1fr;gap:17px;margin-top:24px;padding:0 7px}.direction-notes p{max-width:none;font-size:12px}.direction-notes strong{display:inline;margin-right:5px}.studio-footer{padding:22px 18px}.studio-footer>div{flex-wrap:wrap;gap:9px}.studio-footer>div>span:last-child{width:100%;font-size:12px;margin-top:4px}.foundation-hero{grid-template-columns:1fr}.foundation-hero>div:first-child{padding:27px}.foundation-hero h2{font-size:29px}.identity-art{min-height:230px}.identity-art>[data-pattern]{top:-72%;right:-25%}.art-word{font-size:47px;bottom:25px}.system-section{margin-top:38px}.section-intro h2{font-size:21px}.section-intro p{font-size:12px}.swatch-grid{grid-template-columns:repeat(2,1fr);gap:12px}.swatch-grid .swatch:last-child{grid-column:1/-1}.swatch-grid .swatch:last-child .swatch-colour{height:60px}.swatch-colour{height:86px}.blue-ramp{grid-template-columns:repeat(5,1fr);border-radius:10px}.ramp-step{min-height:66px}.ramp-step small{display:block;font-size:12px}.semantic-row{grid-template-columns:1fr 1fr;gap:12px}.semantic-example{padding:15px}.semantic-example p{font-size:12px}.type-specimen{grid-template-columns:1fr}.type-poster{font-size:120px;padding:18px 0 28px;border-bottom:1px solid var(--color-line)}.type-poster>span{font-size:24px}.type-scale{padding:12px 0}.type-scale>div{flex-direction:row;align-items:center;gap:12px;padding:14px 0}.type-role{font-size:12px;min-width:88px}.type-display{font-size:27px}.type-page{font-size:22px}.type-section-title{font-size:15px}.type-scale>div>span:not(.type-role){font-size:12px}.spacing-demo{gap:16px}.space-bar{width:19px}.shape-demo{gap:20px}.shape{width:80px;height:75px}.elevation-grid{grid-template-columns:1fr;padding:24px;gap:28px}.elevation-sample{height:100px}.elevation-grid p{margin-top:14px}.component-columns{grid-template-columns:1fr;gap:18px}.spec-panel{padding:23px 21px}.component-stage{padding:20px 16px}.form-pair{grid-template-columns:1fr 1fr;gap:11px}input,select,textarea{font-size:16px}label{font-size:12px}.notice{padding:16px;gap:10px}.notice>div{min-width:calc(100% - 30px)}.notice .btn{margin-left:28px}.pattern-spec{padding:24px 21px}.workflow-stepper{gap:13px;margin:21px 0 29px}.workflow-stepper>span{font-size:12px}.workflow-grid{grid-template-columns:1fr;gap:28px}.workflow-description h3{font-size:25px}.invoice-summary .total{flex-direction:row;align-items:baseline}.invoice-summary .total dd{font-size:23px}.chart-rules{gap:24px}.chart-rules p{font-size:12px}.mobile-showcase{margin:25px 0;gap:32px}.phone-frame{width:min(100%,390px);height:760px;border-width:5px;border-radius:35px}.phone-toolbar{padding-left:20px;padding-right:20px}.mobile-principles{padding:0 6px}.mobile-principles h2{font-size:27px}.mobile-principles p{font-size:12px}.mobile-principles>.btn{margin-left:0}.embed{background:#f7f9fc}.embed .dashboard-body{padding:19px 17px 90px}.embed .mobile-nav{position:fixed;left:0;right:0;bottom:0}.embed .workspace-nav{height:55px}.embed .dashboard-heading{margin-bottom:19px}.embed .balance-panel{min-height:255px}.embed dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:22px;max-width:none}.embed .toast{bottom:80px}.embed .workspace{overflow:visible}dialog{padding:22px;max-height:calc(100dvh - 24px);border-radius:20px}.dialog-heading h2{font-size:21px}.dialog-heading{gap:12px}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1}.toast{font-size:12px;bottom:18px}.view-intro .meta-note{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skeleton{animation:none}.spinner{animation-duration:2.4s}.btn,.icon-btn,.switch:before{transition:color .12s,background-color .12s,border-color .12s}.switch>span{transition:none}.spinner{border-right-color:currentColor}.skeleton{background:#e6edf7}}.avatar,.invoice-table .icon-btn,.label-row .icon-btn{min-width:44px;min-height:44px}.notice .btn,.preview-settings select,.workspace-links button{min-height:44px}.invoice-table td.number,.invoice-table td>strong,.task-copy strong{font-size:13px}.chart-axis{min-width:26px}.balance-copy p{max-width:330px}.check-label,.radio-row label,.switch{min-height:44px}@media(max-width:600px){.balance-copy p{max-width:225px}.invoice-table td:first-child{min-width:90px}.invoice-table th{white-space:normal}.invoice-table .badge{font-size:11px}.hero-amount{font-size:42px}.chart-foot .text-btn{min-height:44px}}.invoice-client{padding:0;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:none;border:0;text-align:left}.invoice-client strong{font-size:13px;font-weight:650}.invoice-client small{font-size:12px;color:var(--color-muted);margin-top:3px}.invoice-client:hover strong{color:var(--color-primary)}.mobile-principles>div{padding-left:0}.mobile-principles>.btn{margin-left:0}@media(max-width:1100px){.balance-bottom{flex-wrap:wrap}.balance-bottom .confirmed-note{display:flex;flex-basis:100%;margin-left:0;align-self:auto;padding:0;margin-top:4px}.balance-bottom .confirmed-note span{margin:0}}.workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0 20px}.workspace-intro h1{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:12px 0;letter-spacing:-.04em}.workspace-context p,.workspace-intro p{color:var(--muted,#5d6b82);line-height:1.6}.workspace-context{display:flex;align-items:start;justify-content:space-between;gap:24px;padding:16px 20px;background:#edf3ff;border:1px solid #dce3ed;border-radius:16px;margin-bottom:20px}.workspace-context p{margin:0;max-width:840px}.workspace-context details{max-width:430px;min-width:190px}.workspace-context summary{cursor:pointer;font-weight:650;padding:4px 0}.workspace-context details p{padding-top:12px}.workspace-frame{display:block;width:100%;height:calc(100dvh - 180px);min-height:700px;border:1px solid #dce3ed;border-radius:20px;background:#f4f7fc}@media(max-width:700px){.workspace-context,.workspace-intro{flex-direction:column;align-items:start}.workspace-frame{min-height:780px;border-radius:12px}.workspace-context details{min-width:0}}.middle-grid{grid-template-columns:1fr;gap:0}.chart-panel{padding:30px 32px 18px;border-radius:22px 22px 0 0}.chart-panel .panel-title h3,.heat-panel .panel-title h3{font-size:24px;font-weight:600}.chart-panel .panel-title{margin-bottom:34px}.chart-panel .panel-title .muted,.heat-panel .panel-title .muted{font-size:13px;margin-top:6px}.chart-legend{font-size:13px;gap:22px}.legend-dot{width:10px;height:10px}.chart-layout{height:340px;gap:20px}.chart-axis{padding-top:30px;padding-bottom:32px;font-size:13px;min-width:30px}.bar-chart{gap:18px;background-size:100% calc(100% - 32px);background-position:0 30px;background-size:100% calc(100% - 62px)}.bar-group{gap:10px}.bars{height:278px;gap:7px}.bar{max-width:76px;width:44%;border-radius:6px 6px 2px 2px}.bar-value{position:absolute;top:0;font-size:15px;font-weight:650;color:var(--color-ink);font-variant-numeric:tabular-nums}.bar-month{height:22px;font-size:13px;padding:1px 10px}.bar-group[aria-pressed=true]{background:linear-gradient(180deg,#eff5ff,#edf5ff50 85%,transparent)}.bar.revenue{background:linear-gradient(180deg,#3277ef,#5694f8 50%,#dceaff);box-shadow:inset 1px 0 #ffffff90}.bar.expenses{background:repeating-linear-gradient(135deg,#ffffffd9 0 1px,transparent 1px 5px),linear-gradient(180deg,#5694f8,#dceaff);border-color:#b9d3ff}.bar-group[aria-pressed=true] .revenue{background:linear-gradient(160deg,#245fe5,#3277ef 55%,#b9d3ff)}.chart-foot{padding-top:12px;margin-top:20px}.chart-foot,.chart-foot .text-btn{font-size:13px}.quarter-summary{display:grid;grid-template-columns:.65fr 1fr 1fr 1.3fr;gap:24px;padding:26px 32px;border-top:0;border-radius:0 0 22px 22px;background:#fbfcfe}.quarter-summary .panel-title{display:block;margin:0}.quarter-summary .neutral-tag{display:inline-block;margin-top:8px}.quarter-summary .quarter-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0;border:0}.quarter-summary .quarter-row span{font-size:13px}.quarter-summary .quarter-row strong{font-size:25px}.quarter-summary .profit strong{color:var(--blue-700)}.quarter-summary>p{grid-column:2/-1;max-width:none;margin:0;font-size:12px}.quarter-summary .micro-pattern{display:none}.balance-pattern{width:280px;height:225px;right:-10px;mask-image:linear-gradient(90deg,transparent,#000 30%);opacity:.8}.pattern-cells{display:block;transform:none;height:100%}.identity-art>[data-pattern],.pattern-cells svg{display:block;width:100%;height:100%}.identity-art>[data-pattern]{inset:0;transform:none}.identity-art>[data-pattern] svg{width:100%;height:100%;display:block}.identity-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1d4fc2,transparent 75%)}.identity-art .art-word{z-index:1}.heat-panel{margin-top:24px;padding:30px 32px 20px;overflow:hidden;background:linear-gradient(180deg,#fff,#fff 65%,#fcfdfb)}.heat-panel .panel-title{margin-bottom:28px}.wave-summary{display:flex;align-items:center;gap:60px}.wave-summary>div{display:flex;flex-direction:column;gap:5px}.wave-summary>div>span{font-size:13px;color:var(--color-muted)}.wave-summary strong{font-size:37px;font-weight:600;letter-spacing:-.035em;line-height:1.3;font-variant-numeric:tabular-nums}.wave-summary strong>span{font-size:24px;color:var(--color-muted)}.wave-summary>p{margin-left:auto;font-size:14px;color:var(--color-muted);max-width:22ch}.wave-canvas{margin-top:12px}.wave-canvas svg{width:100%;height:280px;display:block;overflow:visible}.wave-months{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.wave-months button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:62px;background:transparent;border:1px solid transparent;border-radius:12px;padding:8px;font-size:13px;color:var(--color-muted)}.wave-months strong{font-size:16px;font-weight:600;color:var(--color-ink)}.wave-months button[aria-pressed=true]{background:#17243d;color:white;box-shadow:none}.wave-months button[aria-pressed=true] strong{color:white}.wave-months button:hover:not([aria-pressed=true]){background:var(--color-surface-soft)}.wave-footer{display:flex;align-items:center;gap:30px;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-line)}.wave-footer p{font-size:12px;color:var(--color-ink);line-height:1.8}.wave-footer p span{color:var(--color-muted)}.heat-key{width:200px;margin-left:auto}.heat-key>div{display:flex;justify-content:space-between;font-size:12px;color:var(--color-muted);margin-bottom:7px}.heat-key>i{height:7px;border-radius:5px;background:linear-gradient(90deg,#38e57c,#c4e748,#ffa72f,#ff5044);display:block}.wave-footer .text-btn{font-size:12px}.artwork-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.artwork-card{display:block;padding:0;overflow:hidden;text-align:left;background:white;border:1px solid var(--color-line);border-radius:22px;box-shadow:var(--shadow-low);transition:box-shadow .18s ease,transform .18s ease;color:var(--color-ink)}.artwork-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000012}.card-art{height:240px;overflow:hidden;background:#edf5ff}.card-art svg{height:100%;width:100%;display:block}.reserve-card .card-art{background:#e7f0fe}.artwork-copy{padding:25px}.artwork-copy h3{font-size:21px;font-weight:600;letter-spacing:-.025em}.artwork-copy p{font-size:13px;line-height:1.7;color:var(--color-muted);margin:10px 0 18px;max-width:31ch}.artwork-copy>span{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;color:var(--blue-700);min-height:24px}@media(min-width:1500px){.studio-footer,main{max-width:1550px}.studio-header{max-width:1580px}.chart-layout{height:370px}.bars{height:308px}.wave-canvas svg{height:310px}.card-art{height:270px}}@media(max-width:900px){.quarter-summary{grid-template-columns:repeat(3,1fr);gap:18px}.quarter-summary .panel-title{grid-column:1/-1;display:flex}.quarter-summary .neutral-tag{margin:0}.quarter-summary>p{grid-column:1/-1}.artwork-grid{gap:12px}.artwork-copy{padding:20px}.artwork-copy h3{font-size:18px}.card-art{height:185px}.wave-summary{gap:32px}.wave-footer{flex-wrap:wrap}.heat-key{margin-left:auto}}@media(max-width:600px){.chart-panel{padding:24px 16px 16px;border-radius:17px 17px 0 0}.chart-panel .panel-title h3,.heat-panel .panel-title h3{font-size:22px}.chart-panel .panel-title{gap:14px;margin-bottom:28px}.chart-legend{font-size:12px}.chart-layout{height:286px;gap:7px}.chart-axis{font-size:12px;min-width:26px}.bars{height:224px;gap:3px}.bar-chart{gap:2px}.bar-group{min-width:0;padding:0 2px}.bar{width:45%;min-width:0;border-radius:3px 3px 1px 1px}.bar-value{font-size:12px;letter-spacing:-.02em}.bar-month{font-size:12px;padding:2px}.chart-foot{line-height:1.8;font-size:12px}.quarter-summary{padding:22px 17px;gap:18px 10px;border-radius:0 0 17px 17px}.quarter-summary .quarter-row,.quarter-summary .quarter-row.profit{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.quarter-summary .quarter-row span{font-size:12px;min-height:32px}.quarter-summary .quarter-row strong{font-size:16px}.quarter-summary>p{max-width:none;margin:0;font-size:12px}.balance-pattern{width:158px;height:230px;right:-15px;top:0;opacity:.6}.heat-panel{margin-top:18px;padding:24px 17px 18px}.heat-panel .panel-title{align-items:flex-start;flex-direction:column;gap:12px}.heat-panel .panel-title .muted{font-size:12px;max-width:32ch}.wave-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wave-summary strong{font-size:30px}.wave-summary>div>span{font-size:12px}.wave-summary>p{grid-column:1/-1;margin:0;max-width:none;font-size:12px}.wave-canvas{margin-left:-5px;margin-right:-5px;margin-top:18px}.wave-canvas svg{height:230px}.wave-months{gap:2px}.wave-months button{font-size:12px;padding:8px 1px;min-height:60px;border-radius:8px}.wave-months strong{font-size:12px}.wave-footer{gap:16px;margin-top:20px;padding-top:16px}.wave-footer p{font-size:12px}.heat-key{width:100%;margin:0;order:1}.wave-footer .text-btn{order:2;min-height:44px}.artwork-grid{grid-template-columns:1fr;gap:16px;margin:18px 0}.card-art{height:235px}.artwork-copy{padding:23px}.artwork-copy h3{font-size:23px}.artwork-copy p{font-size:14px;max-width:none}.artwork-copy>span{min-height:32px}.artwork-card{border-radius:17px}}@media(prefers-reduced-motion:reduce){.artwork-card:hover{transform:none}}.value-short{display:none}@media(max-width:600px){.value-full{display:none}.value-short{display:inline}.proposal-label:after{content:"v0.2"}}.bar-chart{gap:20px}.bar-group{padding:0 8px}.bars{position:relative;display:block;width:100%;isolation:isolate}.bar{position:absolute;bottom:0;max-width:none;min-height:0;border-radius:0;--depth:10px}.bar.revenue{left:0;width:83%;z-index:1;background:linear-gradient(155deg,#245fe5,#3277ef 38%,#8dbbfa 80%,#dceaff);box-shadow:inset 1px 0 0 #ffffff88;border-top:1px solid #b9d3ff}.bar.expenses{right:0;width:42%;z-index:2;border:0;border-top:1px solid #ffffff;background:var(--chart-expense-ribs),linear-gradient(160deg,#74a5f8,#c8dffc);box-shadow:inset 1px 0 0 #ffffffa0}.bar:before{left:0;height:var(--depth);width:calc(100% + var(--depth));clip-path:polygon(0 100%,var(--depth) 0,100% 0,calc(100% - var(--depth)) 100%);background:linear-gradient(120deg,#c5e6ff,#76acff 65%,#c2e2ff)}.bar:after,.bar:before{content:"";position:absolute;top:calc(-1 * var(--depth))}.bar:after{right:calc(-1 * var(--depth));width:var(--depth);height:calc(100% + var(--depth));clip-path:polygon(0 var(--depth),100% 0,100% calc(100% - var(--depth)),0 100%);background:linear-gradient(180deg,#2356c5,#82adf2 75%,#dceaff)}.bar.expenses:before{background:linear-gradient(100deg,#f5fbff,#c0dcff)}.bar.expenses:after{background:linear-gradient(180deg,#5b90df,#b2d0f7)}.bar-group[aria-pressed=true] .revenue{background:linear-gradient(130deg,#245fe5,#1e48df 25%,#3277ef 64%,#a9d1ff)}.bar-group[aria-pressed=true] .revenue:before{background:linear-gradient(120deg,#9bcdff,#4789fa)}.empty-quarter .bar:after,.empty-quarter .bar:before{display:none}.balance-pattern{width:54%;height:100%;right:-1px;top:0;opacity:.72;mask-image:linear-gradient(90deg,transparent,#00000003 10%,#0000000d 22%,#00000026 36%,#00000059 51%,#00000099 67%,#000000d9 83%,#000),linear-gradient(180deg,#000,#000 32%,#000000e6 48%,#00000099 65%,#00000040 81%,transparent 98%);mask-composite:intersect}.balance-pattern svg{filter:none}.card-art,.reserve-card .card-art{position:relative;height:auto;aspect-ratio:1.45;background:#fff;overflow:hidden}.card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;mask-image:linear-gradient(180deg,#000,#000 55%,#000000f5 65%,#000000c7 76%,#00000066 88%,transparent)}.artwork-copy{position:relative;margin-top:-24px;padding-top:0;background:transparent}.artwork-card{background:#fff}.card-art svg{display:none}@media(max-width:900px){.bar-chart{gap:14px}.bar{--depth:7px}.artwork-copy{margin-top:-14px}}@media(max-width:600px){.bar-chart{gap:8px}.bar-group{padding:0 2px}.bar{--depth:4px}.bar.revenue{width:82%}.bar.expenses{width:43%}.chart-legend{gap:13px;flex-wrap:wrap}.balance-pattern{width:53%;height:100%;right:-1px;top:0;opacity:.52}.card-art,.reserve-card .card-art{height:auto;aspect-ratio:1.4}.artwork-copy{margin-top:-20px;padding-top:0}.proposal-label:after{content:"v0.3"}}.btn,.icon-btn,.material-action,.month-dock button,.orb-button{transition:transform var(--duration-feedback) var(--ease),box-shadow var(--duration-normal) var(--ease),border-color var(--duration-fast),background-color var(--duration-fast),color var(--duration-fast)}.btn{position:relative;isolation:isolate;min-height:46px;border-radius:14px;padding:12px 19px;letter-spacing:-.01em}.btn.primary{background:linear-gradient(180deg,var(--material-blue-light),var(--color-primary) 54%,var(--material-blue-deep));border-color:var(--blue-700);box-shadow:var(--shadow-blue);text-shadow:0 1px 1px #163a9133}.btn.primary:hover{background:linear-gradient(180deg,var(--blue-600),var(--blue-700));box-shadow:inset 0 1px 1px #ffffff66,0 2px 3px #19336528,0 5px 10px #1d4fc22a}.btn.secondary,.icon-btn,.orb-button,.period-chip{background:linear-gradient(180deg,var(--material-white),var(--material-face));border:1px solid var(--material-edge);box-shadow:var(--shadow-control)}.btn.secondary:hover,.icon-btn:hover,.orb-button:hover{background:linear-gradient(180deg,#fff,var(--blue-50));border-color:var(--blue-400)}.btn.danger{background:linear-gradient(180deg,#fff9fa,var(--color-danger-bg));border-color:#d8939e;box-shadow:var(--shadow-control)}.btn:active:not(:disabled),.icon-btn:active,.orb-button:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-inset)}.btn:disabled{transform:none;text-shadow:none;cursor:not-allowed}.btn.ghost{box-shadow:none;border-color:transparent}.icon-btn{border-radius:50%;color:var(--color-ink);border-color:#d4e0ee;background:linear-gradient(155deg,#ffffffed,#eef5fcbd);box-shadow:inset 0 1px 0 #fff,0 1px 3px #17243d08}.icon{stroke-width:1.75;transition:transform var(--duration-normal) var(--ease);transform-origin:center}:is(.btn,.text-btn,.material-action,.artwork-card):is(:hover,:focus-visible) .icon:has(use[href="#i-arrow"]){transform:translateX(3px)}:is(.btn,.material-action):is(:hover,:focus-visible) .icon:has(use[href="#i-upload"]){transform:translateY(-2px)}.artwork-card,.control-lab,.panel,.spec-panel,.workspace{box-shadow:inset 0 1px 0 var(--material-white),0 1px 2px #17243d07,0 5px 14px #17243d04}.panel,.spec-panel{border-color:#d5dfe9}.workspace-nav{box-shadow:inset 0 1px 0 #fff}.workspace-links button.current{color:var(--color-ink);background:linear-gradient(180deg,#fff,#edf2f9);box-shadow:var(--shadow-control);border:1px solid var(--material-edge)}.workspace-links button{border:1px solid transparent}.task-symbol{position:relative;width:38px;height:38px;border:1px solid #b4cbe9;background:linear-gradient(160deg,#fbfdff,#d9e9ff);box-shadow:inset 0 1px 1px #fff,0 2px 3px #1933650b}.task-symbol .icon{width:19px;height:19px;filter:drop-shadow(0 1px 0 #fff)}.task-symbol.warning{background:linear-gradient(160deg,#fffdf7,var(--color-warning-bg));border-color:#e4cc99}.task-symbol.neutral{background:linear-gradient(160deg,#fff,#e9eef6);border-color:#cad4e1}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{box-shadow:inset 0 1px 3px #17243d0c,0 1px 0 #fff;background:linear-gradient(180deg,#fafbfd,#fff 55%);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}input:not([type=range]):focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:inset 0 1px 3px #17243d0c}input:disabled,select:disabled{background:var(--color-disabled)}.segments{position:relative;isolation:isolate;border-color:#bdc9d9;background:#e8edf4;box-shadow:var(--shadow-inset);padding:5px;border-radius:16px;gap:4px}.segments button{min-height:44px;border-radius:11px;padding:9px 18px;position:relative;z-index:1}.segments button.selected{box-shadow:var(--shadow-control);border-color:var(--material-edge);background:linear-gradient(180deg,#fff,#f5f7fb)}.segments.has-indicator button.selected{background:transparent;border-color:transparent;box-shadow:none}.segment-indicator{position:absolute;left:0;top:5px;height:44px;border:1px solid var(--material-edge);background:linear-gradient(180deg,#fff,#f5f7fb);border-radius:11px;box-shadow:var(--shadow-control);z-index:0;pointer-events:none;transform-origin:0 50%}.switch{width:56px;padding:7px 0;height:44px}.switch:before{height:30px;border:1px solid var(--material-track-edge);background:linear-gradient(180deg,#bbc8d9,#d4dde9);box-shadow:var(--shadow-inset);box-sizing:border-box}.switch>span{width:24px;height:24px;top:10px;left:3px;border:1px solid #fff;background:linear-gradient(155deg,#fff,#f7f9fc 55%,#dce5f0);box-shadow:inset 0 -1px 2px #17243d16,0 1px 3px #17243d3b;transition:transform var(--duration-settle) var(--ease)}.switch>span:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;left:7px;top:7px;border:1px solid #bbc8d9;box-shadow:inset 0 1px 1px #fff}.switch[aria-checked=true]:before{background:linear-gradient(180deg,var(--material-blue-deep),var(--blue-500));border-color:var(--blue-700)}.switch[aria-checked=true]>span{transform:translateX(26px)}.switch[aria-checked=true]>span:after{background:var(--blue-600);border-color:var(--blue-600)}.check-label input{accent-color:var(--blue-600)}.control-lab{border:1px solid #d5dfe9;border-radius:28px;background:linear-gradient(145deg,#fff 25%,#f3f7fc);padding:40px;margin-bottom:28px;display:grid;grid-template-columns:.8fr 1.25fr;column-gap:56px;overflow:hidden}.lab-description{align-self:center;padding:8px 0 32px}.lab-description h2{font-size:36px;letter-spacing:-.035em;line-height:1.14;font-weight:600}.lab-description p{font-size:15px;color:var(--color-muted);max-width:34ch;margin-top:18px;line-height:1.7}.lab-actions{display:flex;gap:16px;align-items:center;margin:26px 0 18px}.lab-description .sample-label{font-size:12px;display:block}.orb-button{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;flex:none;border:1px solid #c8dbea;outline:none;color:var(--blue-800);background:radial-gradient(ellipse at 35% 12%,#f9fdff,#dbf0ff 70%,#bddff5);box-shadow:inset 0 1px 1px #ffffffd9,inset 0 -1px 2px #3c82b618,0 2px 5px #17243d0a}.orb-button .icon{height:23px;width:23px;filter:drop-shadow(0 1px 0 #fff)}.lab-controls{display:grid;grid-template-columns:1fr;gap:22px;min-width:0}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.control-heading h3,.control-heading label{font-size:14px;font-weight:650;margin:0}.control-heading>span{font-size:12px;color:var(--color-muted)}.month-dock{display:flex;gap:16px;padding:20px 4px 12px;justify-content:center}.month-dock button{border:1px solid #d6dfe9;border-radius:60px;width:100%;max-width:110px;min-width:0;min-height:119px;padding:13px 8px 12px;background:linear-gradient(150deg,#fff,#f0f3f7);box-shadow:inset 0 2px 0 #fff,0 3px 5px #17243d05;position:relative;display:flex;align-items:center;flex-direction:column;gap:9px}.month-dock button>span{font-size:12px;font-weight:600;color:var(--color-muted)}.month-dock button>strong{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-size:24px;font-weight:500;letter-spacing:-.02em;border:3px solid #fff;outline:1px solid #d0dbe9;background:linear-gradient(160deg,#fff,#edf2f8);box-shadow:inset 0 2px 3px #17243d0b,0 2px 3px #17243d08;color:var(--color-muted);transition:background-color .18s,box-shadow .18s,transform .18s var(--ease)}.month-dock button>i{width:4px;height:4px;border-radius:50%;background:transparent}.month-dock button[aria-pressed=true]{background:linear-gradient(160deg,#fff,#f7faff);border-color:#b5c8e1;box-shadow:inset 0 1px 0 #fff,0 3px 5px #17243d0b,0 10px 18px #17243d08}.month-dock button[aria-pressed=true]>strong{color:#fff;border-color:#eef5ff;outline-color:#91b0e2;background:linear-gradient(160deg,var(--material-blue-light),var(--blue-600) 50%,#184dbe);box-shadow:inset 0 2px 1px #ffffff5c,inset 0 -3px 4px #153b9238,0 3px 4px #245fe52b;text-shadow:0 1px 2px #19336540}.month-dock button[aria-pressed=true]>i{background:var(--blue-600)}.month-dock button[aria-pressed=true]>span{color:var(--blue-800)}.month-dock button:active>strong{transform:scale(.94)}.month-readout{display:flex;justify-content:space-between;gap:16px;padding:8px 2px 0;font-size:13px;color:var(--color-muted)}.month-readout strong{color:var(--color-ink);font-size:20px;font-variant-numeric:tabular-nums}.range-control{border-top:1px solid var(--color-line);padding-top:20px}.control-heading output{border:1px solid #bfd1ea;box-shadow:var(--shadow-control);background:#fff;border-radius:10px;padding:5px 10px;font-size:15px;min-width:55px;text-align:center;color:var(--blue-800);font-weight:650;font-variant-numeric:tabular-nums}.range-control>p{font-size:12px;color:var(--color-muted);line-height:1.6;margin:10px 0 8px;max-width:44ch}.range-well{position:relative;height:44px;margin:2px 0 0}.range-rail{position:absolute;left:0;right:0;top:16px;height:12px;overflow:hidden;border-radius:999px;border:1px solid var(--material-track-edge);background:linear-gradient(180deg,#c5cfdd,#e8edf5);box-shadow:var(--shadow-inset);pointer-events:none}.range-rail span{position:absolute;inset:0;background:linear-gradient(180deg,#4381eb,var(--blue-600));transform:scaleX(.5);transform-origin:left;box-shadow:inset 0 1px 1px #ffffff6b}input[type=range]{appearance:none;-webkit-appearance:none;position:relative;width:100%;height:44px;min-height:44px;margin:0;padding:0;cursor:ew-resize;border:0;background:transparent;box-shadow:none;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:12px;background:transparent;border-radius:99px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:30px;height:30px;margin-top:-9px;border-radius:50%;border:1px solid #7186a1;background:radial-gradient(circle at 50% 50%,#e3eaf4 0 3px,#fff 4px 7px,transparent 8px),linear-gradient(160deg,#fff,#e8eff8);box-shadow:inset 0 1px 2px #fff,inset 0 -2px 2px #17243d12,0 2px 4px #17243d30,0 5px 8px #17243d0c}input[type=range]::-moz-range-track{height:12px;background:transparent;border-radius:99px}input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:1px solid #7186a1;background:radial-gradient(circle,#e3eaf4 0 3px,#fff 4px 7px,transparent 8px),linear-gradient(160deg,#fff,#e8eff8);box-shadow:var(--shadow-control)}.range-labels{color:var(--color-muted);font-size:12px;padding:0 3px}.range-labels,.reserve-readout{display:flex;justify-content:space-between}.reserve-readout{gap:20px;margin-top:20px}.reserve-readout>span{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--color-muted)}.reserve-readout>span:last-child{text-align:right}.reserve-readout strong{font-size:25px;font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;display:inline-block}.reserve-readout>span:last-child strong{color:var(--blue-800)}.lab-footer{grid-column:1/-1;border-top:1px solid var(--color-line);margin-top:30px;padding-top:24px;display:flex;justify-content:space-between;gap:32px;align-items:center}.material-icons{display:flex;gap:26px}.material-action{border:0;padding:0 4px;background:none;min-width:64px;display:flex;align-items:center;flex-direction:column;gap:10px;font-size:12px;color:var(--color-muted)}.glass-icon{width:46px;height:46px;position:relative;border-radius:14px;background:linear-gradient(145deg,#fafdff,#c4e0ff);border:1px solid #a5c4ec;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 4px #5f9ee329,0 3px 5px #19336512;display:grid;place-items:center;color:var(--blue-700)}.glass-icon:before{content:"";position:absolute;inset:3px;border:1px solid #ffffff99;border-radius:10px;pointer-events:none}.glass-icon .icon{width:23px;height:23px;filter:drop-shadow(0 1px 0 #fff)}.material-action:focus-visible,.material-action:hover{color:var(--blue-700)}.material-action:active{transform:scale(.96)}.motion-option{max-width:290px}.motion-option small{line-height:1.5;max-width:25ch}.component-columns{margin-top:24px}.balance-panel{isolation:isolate}.balance-pattern .pattern-cells{transform-origin:right center}.card-art img{transition:transform .5s var(--ease)}@media(hover:hover) and (prefers-reduced-motion:no-preference){body:not(.reduce-motion) .artwork-card:hover .card-art img{transform:scale(1.025)}}.artwork-card:hover,body.reduce-motion .card-art img{transform:none}@media(prefers-reduced-motion:no-preference){body:not(.reduce-motion) .balance-panel:is(:hover,:focus-within) .pattern-cells{animation:material-breathe 1.6s var(--ease) 1}}@keyframes material-breathe{0%{opacity:1;transform:translateX(0)}40%{opacity:.7;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}body.reduce-motion .balance-panel .pattern-cells{animation:none}body.reduce-motion :is(.btn,.icon-btn,.orb-button,.switch>span,.icon,.month-dock button>strong,.card-art img){transition:color .12s,background-color .12s,border-color .12s}body.reduce-motion .month-dock button:active>strong,body.reduce-motion :is(.btn,.icon-btn,.orb-button,.material-action):active,body.reduce-motion :is(.btn,.text-btn,.material-action,.artwork-card):is(:hover,:focus-visible) .icon{transform:none}@media(prefers-reduced-motion:reduce){.month-dock button:active>strong,:is(.btn,.icon-btn,.orb-button,.material-action):active{transform:none!important}:is(.btn,.text-btn,.material-action,.artwork-card):is(:hover,:focus-visible) .icon{transform:none}}@media(max-width:1000px){.control-lab{gap:30px;padding:30px;grid-template-columns:.8fr 1.1fr}.lab-description h2{font-size:31px}.lab-actions{flex-wrap:wrap}.material-icons{gap:18px}}@media(max-width:700px){.control-lab{grid-template-columns:1fr;padding:24px;gap:24px;border-radius:23px}.lab-description{padding:0}.lab-description h2{font-size:30px}.lab-description p{font-size:14px;max-width:40ch}.lab-actions{margin:22px 0 16px;gap:14px}.lab-actions .btn{font-size:12px;padding:12px 14px}.orb-button{width:46px;height:46px}.lab-controls{padding-top:24px;border-top:1px solid var(--color-line)}.month-dock{gap:12px}.month-dock button{min-height:111px}.month-dock button>strong{width:53px;height:53px}.lab-footer{margin-top:0;flex-direction:column;align-items:stretch;gap:24px}.material-icons{justify-content:space-around;gap:10px}.motion-option{max-width:none;border-top:1px solid var(--color-line);padding-top:20px}.dashboard-heading .btn{min-height:44px}.form-pair{grid-template-columns:1fr}.segments{display:flex}.segments button{flex:1;padding-inline:12px}.studio-nav>div{gap:20px}.control-heading label{font-size:13px}.reserve-readout strong{font-size:24px}}@media(max-width:600px){.proposal-label:after{content:"v0.4"}.spec-panel{padding:24px 20px}.task-symbol{width:36px;height:36px}.invoice-table .badge{font-size:12px}.notice .btn{margin-left:0}.btn{white-space:normal;text-align:center}.button-stage .btn{white-space:nowrap}}@media(forced-colors:active){.month-dock button>strong,.range-rail,.switch:before{border:1px solid ButtonText}.range-rail span,.switch[aria-checked=true]:before{background:Highlight}.month-dock button[aria-pressed=true]>strong{color:HighlightText;background:Highlight}.segment-indicator{border-color:Highlight}}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger)!important;background:var(--color-danger-bg)!important}html:has(body.reduce-motion){scroll-behavior:auto}body.reduce-motion .skeleton{animation:none}.panel,.spec-panel{background:linear-gradient(155deg,#fff 12%,#fbfdff 62%,#f5f8fd)}.chart-panel{background:linear-gradient(170deg,#fff,#fafcff)}.heat-panel{background:linear-gradient(165deg,#fff 20%,#fbfdfb 65%,#f5f9ff)}.quarter-summary{background:linear-gradient(145deg,#fbfdff,#f2f6fc)}.workspace-links button.current{border-color:#d6e0ec;background:linear-gradient(165deg,#fff,#f3f7fc);box-shadow:inset 0 1px 0 #fff,0 1px 3px #17243d08}.icon-btn:hover,.orb-button:hover{border-color:#b9cfe9;box-shadow:inset 0 1px 0 #fff,0 2px 5px #17243d0a}.reserve-bar{padding:2px;background:linear-gradient(180deg,#e8eef7,#f9fbff);box-shadow:inset 0 1px 2px #17243d0c}.reserve-bar>i{position:relative;overflow:hidden;background:var(--chart-fill);box-shadow:inset 0 1px 1px #ffffff50,inset 0 -1px 1px #19336514}.reserve-bar>i:nth-child(2){background:var(--chart-fill-soft)}.reserve-bar>i:nth-child(3){background:var(--chart-fill-pale)}.range-rail>span:after,.reserve-bar>i:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,#ffffff26 0 1px,transparent 1px 5px);pointer-events:none}.bar{transform-origin:center bottom}.bar-light{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bar-light>span{position:absolute;inset:0;opacity:0;background:linear-gradient(110deg,transparent 15%,#ffffff26 47%,#ffffff08 62%,transparent 84%);transform:translateX(-100%)}.wave-months button{transition:background-color .18s,color .18s}.wave-months button[aria-pressed=true]{background:linear-gradient(155deg,#243655,#17243d)}@media(max-width:600px){.proposal-label:after{content:"v0.7"}}.reserve-bar{height:12px;padding:0;gap:4px;background:transparent;box-shadow:none;overflow:hidden;border:0;border-radius:999px}.reserve-bar>i{min-width:0;box-shadow:var(--chart-fill-shadow)}.reserve-bar>i:first-child{flex:1920;width:auto;border-radius:999px 0 0 999px;background:var(--chart-fill)}.reserve-bar>i:nth-child(2){flex:1400;width:auto}.reserve-bar>i:nth-child(3){flex:420;width:auto;border-radius:0 999px 999px 0}.reserve-bar>i:after{border-radius:inherit;background:var(--chart-ribs)}.preview-data-grid{display:grid;gap:16px}.preview-data-grid fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--color-line);border-radius:12px;padding:12px 16px 16px;min-width:0;margin:0}.preview-data-grid legend{padding:0 6px;font-size:14px;font-weight:650}.preview-data-grid label{min-width:0;font-size:13px}.preview-data-grid input{width:100%;min-width:0;font-variant-numeric:tabular-nums}#preview-data-error:empty{display:none}#chart-data-form .dialog-actions{flex-wrap:wrap}.bar.zero-bar{visibility:hidden}.chart-axis{min-width:44px}.wave-summary strong{overflow-wrap:anywhere}@media(max-width:600px){.chart-axis{min-width:36px;font-size:11px}.preview-data-grid fieldset{padding:10px 12px 12px}.wave-summary strong{font-size:clamp(22px,6vw,30px)}}}@scope (.studio-dashboard){.dashboard-body{padding:0}.dashboard-actions{display:flex;align-items:center;gap:10px}.task-clear{cursor:default}.studio-chart-dialog{max-width:780px}.studio-chart-table-wrap{overflow-x:auto}.studio-chart-dialog .dialog-data{min-width:590px}.studio-chart-dialog th{font-weight:650}.reserve-bar>i{width:auto}.wave-summary strong{overflow-wrap:anywhere}:scope.studio-finance-charts .middle-grid{margin-top:0}:scope.studio-finance-charts .chart-panel:only-child{border-radius:var(--radius-panel)}@media (max-width:600px){.dashboard-actions{justify-content:space-between;margin-top:20px}.studio-chart-dialog{width:calc(100% - 20px);padding:20px}}}.finance-shell .studio-dashboard .view-intro{margin-bottom:30px}.finance-shell .studio-dashboard .view-intro h1{color:#111b2b;font-size:clamp(46px,4.2vw,62px);font-weight:500;line-height:1.06;letter-spacing:-.055em}.finance-shell .studio-dashboard .view-intro p{margin-top:18px;color:#596a7c;font-size:16px;line-height:1.6}.finance-shell .studio-dashboard .balance-panel{isolation:isolate;min-height:310px;padding:30px 32px 0;overflow:hidden;border:1px solid var(--dashboard-glass-border);border-radius:28px;background:radial-gradient(circle at 83% 18%,var(--dashboard-glass-glow),transparent 34%),radial-gradient(circle at 78% 96%,var(--dashboard-glass-low),transparent 42%),linear-gradient(118deg,var(--dashboard-glass-start) 1%,var(--dashboard-glass-mid) 57%,var(--dashboard-glass-end));box-shadow:inset 0 1px 0 #fff,0 16px 40px color-mix(in srgb,var(--blue-700) 14%,transparent),0 30px 70px color-mix(in srgb,var(--blue-700) 5%,transparent)}.finance-shell .studio-dashboard .balance-panel:before{content:"";position:absolute;z-index:0;top:14%;right:10%;width:19%;height:66%;border:1px solid #ffffffe8;border-radius:22px;background:linear-gradient(138deg,#ffffffbe 0,var(--blue-200) 48%,var(--blue-400) 100%);box-shadow:inset 1px 1px 1px #fff,inset -2px -2px 6px color-mix(in srgb,var(--blue-700) 15%,transparent),15px 22px 32px color-mix(in srgb,var(--blue-700) 18%,transparent);transform:perspective(500px) rotateY(-16deg) rotate(-8deg);pointer-events:none}.finance-shell .studio-dashboard .balance-pattern{z-index:1;opacity:.4}.finance-shell .studio-dashboard .balance-copy{z-index:2}.finance-shell .studio-dashboard .label-row h3{color:#29456d;font-size:14px;font-weight:600}.finance-shell .studio-dashboard .hero-amount{color:#111b2b;font-size:clamp(48px,4.4vw,66px);font-weight:600;margin-block:15px 12px}.finance-shell .studio-dashboard .balance-copy p{max-width:390px;color:#47607c;font-size:13px;line-height:1.6}.finance-shell .studio-dashboard .balance-bottom{gap:22px;border-top-color:#b7d5f499}.finance-shell .studio-dashboard .balance-bottom>div:not(.confirmed-note)>span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:linear-gradient(145deg,var(--blue-300),var(--blue-600));box-shadow:0 0 0 2px #ffffffad;vertical-align:1px}.finance-shell .studio-dashboard .balance-bottom>div:nth-of-type(2)>span:before{background:linear-gradient(145deg,var(--palette-secondary-light),var(--palette-secondary))}.finance-shell .studio-dashboard .panel{border-color:#dce8f5;border-radius:26px;background:linear-gradient(155deg,#fff 20%,#fbfdff 68%,#f5faff);box-shadow:inset 0 1px 0 #fff,0 10px 28px #2745700a}.finance-shell .studio-dashboard .panel-title h3{color:#17243d;font-size:17px;font-weight:600;letter-spacing:-.025em}.finance-shell .studio-dashboard .attention-panel{background:radial-gradient(circle at 100% 0,var(--blue-50),transparent 55%),linear-gradient(150deg,#fff,#f9fcff)}.finance-shell .studio-dashboard .task-symbol{border:1px solid var(--blue-200);background:linear-gradient(145deg,#fff,var(--blue-100));box-shadow:inset 0 1px 0 #fff,0 3px 8px color-mix(in srgb,var(--blue-700) 8%,transparent)}.finance-shell .studio-dashboard .task-symbol.warning{border-color:#ffe0bd;background:linear-gradient(145deg,#fff,#fff0dc)}.finance-shell .studio-dashboard .artwork-card{border-color:#dce8f5;border-radius:26px;box-shadow:inset 0 1px 0 #fff,0 12px 32px #2745700c}.finance-shell .studio-dashboard .artwork-copy h3{font-weight:600;letter-spacing:-.035em}.finance-shell .studio-dashboard .reserves-panel{border-color:var(--palette-secondary-border);background:linear-gradient(145deg,#fff 32%,var(--palette-secondary-wash) 76%,var(--palette-secondary-pale))}.finance-shell .studio-dashboard .reserves-panel .reserve-bar>i:first-child{background:linear-gradient(120deg,var(--palette-secondary),var(--palette-secondary-light))}.finance-shell .studio-dashboard .reserves-panel .reserve-bar>i:nth-child(2){background:linear-gradient(120deg,var(--palette-secondary-light),var(--palette-secondary-mid))}.finance-shell .studio-dashboard .reserves-panel .reserve-bar>i:nth-child(3){background:linear-gradient(120deg,var(--palette-secondary-mid),var(--palette-secondary-pale))}.finance-shell .studio-dashboard .reserves-panel .legend-dot.blue{background:var(--palette-secondary)}.finance-shell .studio-dashboard .reserves-panel .legend-dot.medium-blue{background:var(--palette-secondary-mid)}.finance-shell .studio-dashboard .reserves-panel .legend-dot.pale-blue{background:var(--palette-secondary-pale)}@media (max-width:600px){.finance-shell .studio-dashboard .view-intro{margin-bottom:24px}.finance-shell .studio-dashboard .view-intro h1{font-size:clamp(34px,9vw,42px)}.finance-shell .studio-dashboard .view-intro p{margin-top:12px;font-size:14px}.finance-shell .studio-dashboard .balance-panel{min-height:280px;padding:22px 20px 0;border-radius:22px}.finance-shell .studio-dashboard .balance-panel:before{top:20%;right:-7%;width:39%;height:53%;opacity:.62}.finance-shell .studio-dashboard .balance-pattern{opacity:.24}.finance-shell .studio-dashboard .hero-amount{font-size:clamp(41px,11vw,52px)}.finance-shell .studio-dashboard .balance-copy p{max-width:31ch;font-size:12px}.finance-shell .studio-dashboard .balance-bottom{gap:10px}.finance-shell .studio-dashboard .balance-bottom strong{font-size:12px}.finance-shell .studio-dashboard .artwork-card,.finance-shell .studio-dashboard .panel{border-radius:20px}.finance-shell .studio-dashboard .panel-title h3{font-size:16px}}select:not([multiple]):not([size]),select[size="1"]:not([multiple]){appearance:none;-webkit-appearance:none;min-height:48px;width:100%;min-width:0;padding:12px 44px 12px 16px;border:1px solid var(--color-line-strong,#b5c4d9);border-radius:14px;font-family:var(--font-sans,sans-serif);font-size:15px;font-weight:550;line-height:1.4;color:var(--color-ink,#17243d);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23526680' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"),linear-gradient(165deg,#fff,#f5f8fd);background-position:right 14px center,50%;background-size:20px 20px,100% 100%;background-repeat:no-repeat;box-shadow:inset 0 1px 0 #fff,0 2px 5px #22385a08;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}select:not([multiple]):not([size]):hover:not(:disabled),select[size="1"]:not([multiple]):hover:not(:disabled){border-color:#8da9d2;box-shadow:inset 0 1px 0 #fff,0 3px 9px #23487810}select:not([multiple]):not([size]):focus,select[size="1"]:not([multiple]):focus{border-color:var(--color-primary,#245fe5);outline:3px solid var(--blue-200,#bed6ff);outline-offset:2px;box-shadow:none}select:not([multiple]):not([size]):disabled,select[size="1"]:not([multiple]):disabled{opacity:.6;cursor:not-allowed;box-shadow:none}select:not([multiple]):not([size])[aria-invalid=true],select[size="1"]:not([multiple])[aria-invalid=true]{border-color:#bd3737}select optgroup,select option{background:#fff;color:#17243d}@media (max-width:600px){select:not([multiple]):not([size]),select[size="1"]:not([multiple]){font-size:16px}}@media (prefers-reduced-motion:reduce){select:not([multiple]):not([size]),select[size="1"]:not([multiple]){transition:none}}@media (forced-colors:active){select:not([multiple]):not([size]),select[size="1"]:not([multiple]){appearance:auto;-webkit-appearance:auto;background-image:none;padding-right:16px;border-color:ButtonText;color:ButtonText}}