.portal-shell:has(.ctl-root)>:is(.portal-header,.portal-footer){display:none}.ctl-root{--ctl-bg:#ebebe9;--ctl-ink:#1b1b1b;--ctl-muted:#77766f;--ctl-line:#d9d8d2;--ctl-card:#ffffff;--ctl-yellow:#faed60;position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;color:var(--ctl-ink);background:var(--ctl-bg);font:400 13px/1.4 var(--font-body),sans-serif}:where(.ctl-root) button{font:inherit;color:inherit}.ctl-root :focus-visible{outline:2px solid var(--ctl-ink);outline-offset:2px}.ctl-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 20px 0}.ctl-bar-left{display:flex;align-items:center;gap:10px}.ctl-icon{display:grid;place-items:center;width:32px;height:32px;color:inherit;background:var(--ctl-card);border:0;border-radius:999px}.ctl-title{margin:0;font-size:15px;font-weight:500}.ctl-tabs{display:flex;gap:2px;padding:3px;background:var(--ctl-card);border-radius:999px}.ctl-tabs button{padding:7px 14px;color:var(--ctl-muted);background:none;border:0;border-radius:999px;cursor:pointer}.ctl-tabs button[aria-pressed=true]{color:var(--ctl-ink);background:var(--ctl-bg)}.ctl-study{display:grid;gap:3px;justify-self:end;padding:5px;color:#1b1b1b;font:500 10px/1 var(--font-mono),monospace;letter-spacing:.04em;text-transform:uppercase;background:var(--ctl-yellow);border-radius:8px}.ctl-study-row{display:flex;align-items:center;gap:3px}.ctl-study-row>span{min-width:56px;padding-left:4px}.ctl-study button{padding:5px 7px;color:#1b1b1b;text-transform:inherit;background:rgb(0 0 0/.07);border:0;border-radius:4px;cursor:pointer}.ctl-study button[aria-pressed=true]{color:var(--ctl-yellow);background:#1b1b1b}.ctl-note{margin:0;padding:10px 20px 0;color:var(--ctl-muted);text-align:center}.ctl-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;background:var(--ctl-card);border-radius:18px;box-shadow:0 1px 0 rgb(0 0 0/.04)}.ctl-card-head{display:flex;align-items:baseline;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--ctl-line)}.ctl-card-number{font:500 11px/1 var(--font-mono),monospace;letter-spacing:.04em}.ctl-card-style{font-size:14px;font-weight:500}.ctl-card-fixed{color:var(--ctl-muted);font-size:11px}.ctl-card-open{display:grid;place-items:center;align-self:center;width:26px;height:26px;margin-left:auto;color:var(--ctl-muted);border-radius:999px}.ctl-card-open:hover{color:var(--ctl-ink);background:var(--ctl-bg)}.ctl-card-body{display:grid;align-content:start;gap:14px;min-height:150px;padding:18px 16px;overflow:auto}.ctl-card-foot{padding:10px 16px 14px;color:var(--ctl-muted);font-size:12px;border-top:1px solid var(--ctl-line)}.ctl-row-wrap{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;min-height:0;padding:18px 20px 24px}.ctl-row{display:flex;align-items:start;gap:14px;height:100%;max-height:100%;padding:2px 6px 6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.ctl-row::-webkit-scrollbar{display:none}.ctl-row>.ctl-card{flex:0 0 min(380px,82vw);scroll-snap-align:start}.ctl-row>.ctl-card .ctl-card-body{min-height:220px}.ctl-stage{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 20px 20px;overflow:hidden}.ctl-front{display:grid;justify-content:center;align-content:start;max-height:100%;overflow:auto;animation:ctl-in .22s ease-out}.ctl-front .ctl-card{width:min(100%,420px)}.ctl-root[data-view=dots] .ctl-card-body{min-height:220px}.ctl-step{display:grid;place-items:center;width:36px;height:36px;background:var(--ctl-card);border:0;border-radius:999px;cursor:pointer}.ctl-dots{grid-column:1/-1;display:flex;justify-content:center;gap:10px;justify-self:center;padding:10px 16px;background:#58585a;border-radius:999px}.ctl-dots button{width:8px;height:8px;padding:0;background:#9a9a9c;border:0;border-radius:999px;cursor:pointer}.ctl-dots button[aria-current=true]{background:#ffffff;transform:scale(1.3)}@keyframes ctl-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.ctl-front{animation:none}}.t22-tone .t22-panel{border-left:0;border-radius:12px;box-shadow:inset 0 0 0 1px var(--studio-rule)}.t22-tone .t22-colour{padding:4px 4px 0}.t22-tone .t22-row{flex-wrap:wrap;padding-left:4px}.t22-tone .t22-value{min-width:0;max-width:100%}.ctl-kit,.ctl-tone-21,.t22-tone,.v3-tone{display:grid;gap:14px;align-content:start;margin:-18px -16px;padding:18px 16px;border-radius:0 0 0 0}.v3-tone{color:var(--c-ink);background:var(--c-bg)}.ctl-kit{color:var(--t-ink)}.ctl-tone-3-1{background:var(--t-panel)}.ctl-tone-3-2{background:var(--t-stage)}.ctl-tone-3-2.s31-tone{--t-stage:var(--t-panel);--t-card:var(--t-row);--t-line:#343434}.ctl-kit[data-density=compact] .s31-row{min-height:36px}.ctl-kit[data-density=compact] .s31-rows{gap:2px}.ctl-kit[data-density=compact] .s31-panel-head{min-height:48px;padding-block:10px 6px}.ctl-kit[data-density=compact] .s31-section{gap:6px}.ctl-tone-21{color:var(--brand-carbon);background:var(--tool-panel)}.ctl-tone-21[data-chrome=dark],.t22-tone[data-chrome=dark]{--studio-chrome:#171819;--studio-panel:#202122;--studio-field:#2c2d2e;--studio-text:#f2f2f2;--studio-muted:#a4a5a6;--studio-rule:#393a3b;--studio-active:#363839;--studio-accent:#d5ed84;--tool-focus:var(--studio-accent);--tool-line:var(--studio-rule);--tool-muted:var(--studio-muted);--tool-panel:var(--studio-panel);--tool-raised:var(--studio-field);--tool-writing:var(--studio-field);--tool-soft:var(--studio-active);--tool-active:var(--studio-active);--tool-action:var(--studio-text);--tool-worktop:var(--studio-field);--tool-radius:8px;color:var(--studio-text);background:var(--studio-chrome);color-scheme:dark}:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] :is(.ui-button-default,.ui-select-static,.ui-input,.ui-numeric){color:var(--studio-text);background:var(--studio-field);border-color:var(--studio-rule)}:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .ui-numeric :is(span,input,label){color:var(--studio-text)}:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .ui-numeric .ui-slider-range{background:var(--studio-muted)}:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .ui-button-primary{color:#171819;background:var(--studio-accent);border-color:var(--studio-accent);font-weight:600}:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .ui-segmented{background:var(--studio-field);border:0;padding:3px}:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .ui-segment{color:var(--studio-muted)}:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .ui-segment[data-state=on]{color:var(--studio-text);background:var(--studio-active)}:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .color-field label,:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .ctl-field-21>span,:is(.ctl-tone-21,.t22-tone)[data-chrome=dark] .ctl-panel-21 h3{color:var(--studio-text)}.t22-tone[data-chrome=light]{--studio-chrome:var(--brand-white);--studio-panel:var(--brand-white);--studio-field:var(--brand-cool-white);--studio-text:var(--brand-carbon);--studio-muted:var(--brand-concrete);--studio-rule:color-mix(in srgb,var(--brand-carbon) 18%,var(--brand-white));--studio-active:color-mix(in srgb,var(--brand-carbon) 7%,var(--brand-white));--studio-accent:var(--brand-carbon);--tool-focus:var(--brand-carbon);--tool-line:var(--studio-rule);--tool-muted:var(--studio-muted);--tool-panel:var(--brand-white);--tool-radius:8px;color:var(--studio-text);background:var(--studio-chrome);color-scheme:light}.t22-tone[data-density=compact] .t22-row{min-height:32px;padding-block:2px}.t22-tone[data-density=compact] .t22-group{margin-block:8px 2px}.ctl-card-body>:is(.ctl-tone-21,.t22-tone,.v3-tone,.ctl-kit){min-height:inherit}.ctl-stack{display:grid;gap:14px}.v3-tone .v3-panel{position:static;width:auto;max-height:none;box-shadow:none;border:1px solid var(--c-line)}.v3-tone .v3-field input{width:100%}.v3-tone .ctl-dial{display:grid;gap:var(--dial-row-gap)}.v3-tone .ctl-dial .v3-panel{display:contents}.ctl-font-sample{font-size:22px;line-height:1.15}.ctl-kit .s31-rows{display:grid;gap:4px}.ctl-kit .s31-panel{box-shadow:inset 0 0 0 1px var(--t-line)}.ctl-inline-picker{padding:12px;background:var(--t-row);border-radius:var(--t-radius)}.ctl-sheet-value{display:grid;gap:10px}.ctl-sheet-value>.s32-card{min-height:104px}.ctl-sheet-value>.s32-font,.ctl-sheet-value>.s32-swatch{min-height:132px}.ctl-sheet-number .s32-card-body{grid-template-rows:auto 1fr;gap:6px;padding:12px 14px}.ctl-sheet-big{display:inline-flex;align-items:baseline;gap:3px;font-size:32px;font-weight:500;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ctl-sheet-big small{color:var(--t-muted);font-size:12px;font-weight:400}.ctl-kit .s32-type .ctl-sheet-value{min-width:0}.ctl-kit .s32-type .s32-scale{grid-column:auto}.ctl-field-21{display:grid;gap:6px;font-size:var(--tool-label)}.ctl-panel-21{display:grid;gap:14px}.ctl-panel-21 h3{margin:0;font-size:13px;font-weight:500}@media (max-width:900px){.ctl-bar{grid-template-columns:1fr;justify-items:start}.ctl-study{justify-self:start}}