.is-home main{overflow-x:clip}.studio{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--bxsg-console-w);gap:var(--bxsg-space-7);align-items:start;padding-block-start:var(--bxsg-space-6)}@media(min-width:80em){.studio{gap:var(--bxsg-space-8);padding-block-start:var(--bxsg-space-7)}}.studio__light{position:absolute;top:-8rem;left:-14rem;width:64rem;height:64rem;border-radius:50%;background:radial-gradient(closest-side,oklch(from var(--bxsg-light-strong) l c h / .95) 0%,oklch(from var(--bxsg-light-strong) l c h / .7) 22%,oklch(from var(--bxsg-light-strong) l c h / .38) 46%,oklch(from var(--bxsg-light) l c h / .16) 72%,transparent 100%);pointer-events:none;z-index:-1;will-change:transform;transition:transform var(--bxsg-dur-slow) var(--bxsg-ease-out)}.studio__table{min-width:0}.studio__head{padding-block-end:var(--bxsg-space-6)}.studio__head h1{max-width:16ch;text-wrap:pretty}.studio__head .intro{margin-block-start:var(--bxsg-space-5);max-width:52ch}.stage{position:relative;display:grid;place-items:center;min-height:25rem;border-radius:var(--bxsg-radius-lg);--stage-colour: #e0e5ec;--stage-image: none}.stage[data-canvas=dark]{background:var(--bxsg-band);box-shadow:var(--bxsg-edge-dark)}.stage[data-canvas=colour]{background:var(--stage-colour);box-shadow:inset 0 0 0 1px oklch(from var(--bxsg-ink) l c h / .08)}.stage[data-canvas=image]{background:var(--stage-image) center / cover no-repeat,var(--bxsg-band)}.stage__box{position:relative;display:grid;align-content:start;justify-items:center;max-width:calc(100% - var(--bxsg-space-8));padding:var(--bxsg-space-3);font-family:var(--bxsg-font-display);font-weight:600;font-stretch:var(--bxsg-ui-width);font-size:var(--bxsg-text-lg);line-height:var(--bxsg-lh-lg);text-align:center;color:var(--bxsg-ink);overflow-wrap:anywhere;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.stage__box.is-dark{color:var(--bxsg-on-band)}.stage.is-dragging,.stage.is-dragging .stage__box,.stage.is-dragging .stage__handle{cursor:grabbing}.stage__text{pointer-events:none;max-width:100%}.stage__text>*{margin:0;max-width:none}.stage__text>*+*{margin-block-start:var(--bxsg-space-2)}.stage__text h1,.stage__text h2,.stage__text h3{font-size:var(--bxsg-text-xl);line-height:var(--bxsg-lh-xl);letter-spacing:-.015em}.stage__text p,.stage__text li{font-family:var(--bxsg-font-body);font-weight:400;font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm)}.stage__text ul,.stage__text ol{padding-inline-start:var(--bxsg-space-5);text-align:left}.stage__text a{color:inherit;text-decoration:underline;pointer-events:auto}.stage__resize{position:absolute;right:0;bottom:0;width:1.5rem;height:1.5rem;padding:0;border:0;background:transparent;color:var(--bxsg-ink-3);cursor:nwse-resize;touch-action:none;opacity:0;transition:opacity var(--bxsg-dur-fast) var(--bxsg-ease-out)}.stage__resize svg{width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stage__box:hover .stage__resize,.stage__resize:focus-visible,.stage.is-resizing .stage__resize{opacity:1}.stage__box.is-dark .stage__resize{color:var(--bxsg-on-band-2)}.stage__resize:focus-visible{outline-offset:-2px}.stage.is-resizing,.stage.is-resizing .stage__box{cursor:nwse-resize}.stage__handle{position:absolute;top:50%;left:50%;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:50%;background:var(--bxsg-surface);box-shadow:0 0 0 2px var(--bxsg-brand),var(--bxsg-shadow-2);cursor:grab;touch-action:none;z-index:1}.stage__handle:before{content:"";position:absolute;inset:.5rem;border-radius:50%;background:var(--bxsg-brand);transition:transform var(--bxsg-dur-fast) var(--bxsg-ease-out)}.stage__handle:hover:before,.stage__handle:focus-visible:before{transform:scale(1.25)}.stage__handle.is-inset{box-shadow:0 0 0 2px var(--bxsg-brand),var(--bxsg-shadow-2);outline:2px dashed var(--bxsg-brand);outline-offset:3px}.stage__handle:focus-visible{outline:2px solid var(--bxsg-focus);outline-offset:4px}.stage.is-handle-hidden .stage__handle{opacity:0;pointer-events:none}.stage.is-handle-hidden .stage__handle:focus-visible{opacity:1;pointer-events:auto}.stage__bar{position:absolute;left:var(--bxsg-space-4);right:var(--bxsg-space-4);bottom:var(--bxsg-space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--bxsg-space-2)}.stage__copy{margin-inline-start:auto}.seg{display:inline-flex;padding:var(--bxsg-space-1);background:var(--bxsg-surface);border-radius:var(--bxsg-radius-pill);box-shadow:var(--bxsg-ring),var(--bxsg-shadow-1)}.seg__btn{min-height:1.75rem;padding:var(--bxsg-space-1) var(--bxsg-space-3);font-family:var(--bxsg-font-display);font-weight:600;font-stretch:var(--bxsg-ui-width);font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink-2);background:transparent;border:0;border-radius:var(--bxsg-radius-pill);cursor:pointer;transition:color var(--bxsg-dur-fast) var(--bxsg-ease-out),background-color var(--bxsg-dur-fast) var(--bxsg-ease-out)}.seg__btn:hover{color:var(--bxsg-ink)}.seg__btn.is-active{color:var(--bxsg-on-band);background:var(--bxsg-ink)}.stage__canvas-colour input,.colour-field input[type=color]{width:2.25rem;height:2.25rem;padding:0;border:0;background:none;border-radius:var(--bxsg-radius-sm);cursor:pointer}.stage__canvas-colour input{width:1.75rem;height:1.75rem;border-radius:50%}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:inherit;box-shadow:inset 0 0 0 1px oklch(from var(--bxsg-ink) l c h / .18)}input[type=color]::-moz-color-swatch{border:0;border-radius:inherit}.stage__canvas-image{flex:1 1 12rem;min-width:0}.stage__canvas-image input{width:100%;min-height:2.25rem;padding:0 var(--bxsg-space-3);font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);border:0;border-radius:var(--bxsg-radius-pill);background:var(--bxsg-surface);box-shadow:var(--bxsg-ring-strong)}.studio__table .readout{margin-block-start:var(--bxsg-space-5)}.console{position:sticky;top:calc(var(--bxsg-nav-h) + var(--bxsg-space-4));background:var(--bxsg-surface);border-radius:var(--bxsg-radius-lg);box-shadow:var(--bxsg-ring),var(--bxsg-edge-light),var(--bxsg-shadow-3)}.console.is-tall{position:static}.console__form{display:block}.console__group{display:grid;gap:var(--bxsg-space-2);min-width:0;margin:0;padding:var(--bxsg-space-4) var(--bxsg-space-5);border:0}.console__group+.console__group{border-block-start:1px solid var(--bxsg-line)}.console__legend{display:block;width:100%;padding:0;margin:0 0 var(--bxsg-space-1);letter-spacing:0;font-family:var(--bxsg-font-display);font-weight:600;font-stretch:var(--bxsg-ui-width);font-size:var(--bxsg-text-base);line-height:var(--bxsg-lh-base);color:var(--bxsg-ink)}.console__group--details{display:block}.console__body{display:grid;gap:var(--bxsg-space-2);padding-block-start:var(--bxsg-space-1)}.console__group--details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.console__group--details summary::-webkit-details-marker{display:none}.console__group--details summary:after{content:"";width:.5rem;height:.5rem;margin-inline-end:var(--bxsg-space-1);border-right:2px solid var(--bxsg-ink-3);border-bottom:2px solid var(--bxsg-ink-3);transform:rotate(-45deg);transition:transform var(--bxsg-dur-base) var(--bxsg-ease-out)}.console__group--details[open] summary:after{transform:rotate(45deg)}.console__row{display:flex;flex-wrap:wrap;gap:var(--bxsg-space-2);align-items:center}.console__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bxsg-space-2)}.console__action--full{grid-column:1 / -1}.console__actions .btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:var(--bxsg-ring)}[data-action=handle] .icon-when-hidden,[data-action=handle][aria-pressed=true] .icon-when-shown{display:none}[data-action=handle][aria-pressed=true] .icon-when-hidden{display:block}.console__note{display:block;font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink-3)}.layers{display:flex;flex-wrap:wrap;gap:var(--bxsg-space-2)}.layer{display:inline-flex;align-items:center;gap:var(--bxsg-space-2);min-height:2.25rem;padding:var(--bxsg-space-1) var(--bxsg-space-3) var(--bxsg-space-1) var(--bxsg-space-2);font-family:var(--bxsg-font-mono);font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink-2);background:var(--bxsg-sunken);border:0;border-radius:var(--bxsg-radius-sm);cursor:pointer;transition:background-color var(--bxsg-dur-fast) var(--bxsg-ease-out),color var(--bxsg-dur-fast) var(--bxsg-ease-out)}.layer:hover{color:var(--bxsg-ink)}.layer.is-active{color:var(--bxsg-brand);background:var(--bxsg-brand-fill);box-shadow:0 0 0 1px var(--bxsg-brand-fill-line)}.layer.is-off{opacity:.55;text-decoration:line-through}.layer__swatch{display:block;width:1.25rem;height:.875rem;border-radius:3px;background:var(--bxsg-surface);outline:1px solid var(--bxsg-line)}.layers__actions{display:flex;flex-wrap:wrap;gap:var(--bxsg-space-1)}.icon-btn{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;color:var(--bxsg-ink-2);background:transparent;border:0;border-radius:var(--bxsg-radius-sm);cursor:pointer;transition:background-color var(--bxsg-dur-fast) var(--bxsg-ease-out),color var(--bxsg-dur-fast) var(--bxsg-ease-out)}.icon-btn svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{color:var(--bxsg-ink);background:var(--bxsg-sunken)}.icon-btn:disabled{opacity:.35;cursor:default;background:transparent;color:var(--bxsg-ink-2)}.icon-btn.is-active{color:var(--bxsg-brand);background:var(--bxsg-brand-fill)}.icon-btn--danger:not(:disabled):hover{color:var(--bxsg-danger-ink);background:var(--bxsg-danger-fill)}.ctl{display:grid;grid-template-columns:5.75rem minmax(0,1fr) 5.5rem;align-items:center;gap:var(--bxsg-space-2);min-height:2.25rem}.ctl__label{font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);font-weight:500;color:var(--bxsg-ink-2)}.ctl__hint{grid-column:2 / -1;font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink-3)}.ctl__range{-webkit-appearance:none;appearance:none;width:100%;height:2.25rem;margin:0;background:transparent;cursor:pointer;--fill: 50%}.ctl__range::-webkit-slider-runnable-track{height:4px;border-radius:var(--bxsg-radius-pill);background:linear-gradient(var(--bxsg-brand-glow),var(--bxsg-brand-glow)) 0 / var(--fill) 100% no-repeat,var(--bxsg-sunken);box-shadow:inset 0 0 0 1px oklch(from var(--bxsg-ink) l c h / .06)}.ctl__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;margin-top:-7px;border-radius:50%;background:var(--bxsg-surface);box-shadow:0 0 0 2px var(--bxsg-brand),var(--bxsg-shadow-2);transition:transform var(--bxsg-dur-fast) var(--bxsg-ease-out)}.ctl__range:hover::-webkit-slider-thumb,.ctl__range:focus-visible::-webkit-slider-thumb{transform:scale(1.15)}.ctl__range::-moz-range-track{height:4px;border-radius:var(--bxsg-radius-pill);background:var(--bxsg-sunken)}.ctl__range::-moz-range-progress{height:4px;border-radius:var(--bxsg-radius-pill);background:var(--bxsg-brand-glow)}.ctl__range::-moz-range-thumb{width:1.125rem;height:1.125rem;border:0;border-radius:50%;background:var(--bxsg-surface);box-shadow:0 0 0 2px var(--bxsg-brand),var(--bxsg-shadow-2)}.ctl__range:focus-visible{outline:none}.ctl__range:focus-visible::-webkit-slider-thumb{box-shadow:var(--bxsg-focus-ring)}.ctl__range:focus-visible::-moz-range-thumb{box-shadow:var(--bxsg-focus-ring)}.ctl__num{display:inline-flex;align-items:center;height:2.25rem;padding-inline:var(--bxsg-space-2);background:var(--bxsg-surface);border-radius:var(--bxsg-radius-sm);box-shadow:var(--bxsg-ring-strong)}.ctl__num:focus-within{box-shadow:var(--bxsg-focus-ring)}.ctl__value{width:100%;min-width:0;padding:0;border:0;background:transparent;font-family:var(--bxsg-font-mono);font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink);text-align:right;-moz-appearance:textfield;appearance:textfield}.ctl__value:focus{outline:none}.ctl__value::-webkit-inner-spin-button,.ctl__value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ctl__unit{padding-inline-start:2px;font-family:var(--bxsg-font-mono);font-size:var(--bxsg-text-sm);color:var(--bxsg-ink-3)}.colour-field{grid-column:2 / -1;display:flex;align-items:center;gap:var(--bxsg-space-2)}.colour-field__hex,.text-field{flex:1;width:100%;min-width:0;height:2.25rem;padding:0 var(--bxsg-space-3);border:0;border-radius:var(--bxsg-radius-sm);background:var(--bxsg-surface);box-shadow:var(--bxsg-ring-strong);font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink)}.colour-field__hex{font-family:var(--bxsg-font-mono)}.colour-field__hex:focus,.text-field:focus{outline:none;box-shadow:var(--bxsg-focus-ring)}.colour-field__hex:invalid{box-shadow:0 0 0 1px var(--bxsg-danger-ink)}.ctl--text .text-field,.ctl--text .btn--wide{grid-column:2 / -1}.btn--wide{display:inline-flex;align-items:center;justify-content:center;gap:var(--bxsg-space-2);width:100%}.btn--wide svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ctl--switch{grid-template-columns:5.75rem minmax(0,1fr)}.switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__slider{position:absolute;inset:0;background:var(--bxsg-line-strong);border-radius:var(--bxsg-radius-pill);cursor:pointer;transition:background-color var(--bxsg-dur-base) var(--bxsg-ease-out)}.switch__slider:before{content:"";position:absolute;left:3px;bottom:3px;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--bxsg-surface);box-shadow:var(--bxsg-shadow-1);transition:transform var(--bxsg-dur-base) var(--bxsg-ease-out)}.switch input:checked+.switch__slider{background:var(--bxsg-brand)}.switch input:checked+.switch__slider:before{transform:translate(1.25rem)}.switch input:focus-visible+.switch__slider{box-shadow:var(--bxsg-focus-ring)}.saved{display:grid;gap:var(--bxsg-space-1);margin:0;padding:0;list-style:none}.saved__item{display:flex;align-items:center;gap:var(--bxsg-space-1)}.saved__apply{flex:1;min-width:0;min-height:2.25rem;padding:var(--bxsg-space-1) var(--bxsg-space-3);text-align:left;font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);font-weight:500;color:var(--bxsg-ink);background:var(--bxsg-sunken);border:0;border-radius:var(--bxsg-radius-sm);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved__apply:hover{color:var(--bxsg-brand);background:var(--bxsg-brand-fill)}.saved__empty{font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink-3)}.presets{padding-block-start:var(--bxsg-space-9)}.presets__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--bxsg-space-2) var(--bxsg-space-6);margin-block-end:var(--bxsg-space-5)}.presets__head p{max-width:52ch}.presets__tabs .tab{color:var(--bxsg-ink-2)}.presets__tabs .tab:hover{color:var(--bxsg-ink);background:var(--bxsg-sunken)}.presets__tabs .tab[aria-selected=true]{color:var(--bxsg-on-band);background:var(--bxsg-ink)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:var(--bxsg-space-4);margin-block-start:var(--bxsg-space-5)}.tile{display:grid;gap:var(--bxsg-space-2);padding:0;text-align:left;background:transparent;border:0;border-radius:var(--bxsg-radius-md);cursor:pointer}.tile__canvas{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;border-radius:var(--bxsg-radius-md);background:var(--bxsg-canvas);box-shadow:var(--bxsg-ring);overflow:hidden;--tile-colour: #e0e5ec;--tile-image: none;transition:transform var(--bxsg-dur-base) var(--bxsg-ease-out)}.tile__canvas[data-canvas=dark]{background:var(--bxsg-band)}.tile__canvas[data-canvas=colour]{background:var(--tile-colour)}.tile__canvas[data-canvas=image]{background:var(--tile-image) center / cover no-repeat,var(--bxsg-band)}.tile__box{display:block;width:54%;height:42%}.tile__name{padding-inline:var(--bxsg-space-1);font-family:var(--bxsg-font-display);font-weight:600;font-stretch:var(--bxsg-ui-width);font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink-2)}.tile:hover .tile__canvas{transform:translateY(-2px)}.tile:hover .tile__name{color:var(--bxsg-ink)}.explainer{padding-block-start:var(--bxsg-space-9)}.explainer__grid{display:grid;grid-template-columns:1fr;gap:var(--bxsg-space-6) var(--bxsg-space-8)}@media(min-width:80em){.explainer__grid{grid-template-columns:1fr 1fr}}.explainer__grid>div>:first-child{margin-block-start:0}.explainer li{max-width:var(--bxsg-measure)}.is-home .byline,.is-home .faq{margin-block-start:var(--bxsg-space-8)}@media(max-width:59.99em){.studio{grid-template-columns:1fr;gap:var(--bxsg-space-6)}.console{position:static}.stage{min-height:22rem}}@media(max-width:39.99em){.studio__table{display:contents}.studio__head{order:1;padding-block-end:var(--bxsg-space-4)}.stage{order:2}.console{order:3}.studio__table .readout{order:4;margin-block-start:0}.studio{gap:var(--bxsg-space-5);padding-block-start:var(--bxsg-space-5)}.studio__light{display:none}.stage{position:sticky;top:var(--bxsg-nav-h);z-index:5;grid-template-rows:minmax(14rem,1fr) auto;row-gap:var(--bxsg-space-3);min-height:0;padding-block:var(--bxsg-space-3);background:var(--bxsg-canvas);box-shadow:0 1px 0 var(--bxsg-line),var(--bxsg-shadow-2);border-radius:0 0 var(--bxsg-radius-lg) var(--bxsg-radius-lg);margin-inline:calc(-1 * var(--bxsg-space-4));padding-inline:var(--bxsg-space-4);overflow:clip}.stage[data-canvas=dark],.stage[data-canvas=colour],.stage[data-canvas=image]{background:var(--bxsg-canvas);box-shadow:0 1px 0 var(--bxsg-line),var(--bxsg-shadow-2)}.stage:not([data-canvas=light]):after{content:"";grid-area:1 / 1 / 2 / 2;position:absolute;inset:0;border-radius:var(--bxsg-radius-lg);z-index:-1;pointer-events:none}.stage[data-canvas=dark]:after{background:var(--bxsg-band);box-shadow:var(--bxsg-edge-dark)}.stage[data-canvas=colour]:after{background:var(--stage-colour);box-shadow:inset 0 0 0 1px oklch(from var(--bxsg-ink) l c h / .08)}.stage[data-canvas=image]:after{background:var(--stage-image) center / cover no-repeat,var(--bxsg-band)}.stage__handle{grid-area:1 / 1 / 2 / 2}.stage[data-canvas=light]:before{content:"";position:absolute;top:-14rem;left:-10rem;width:30rem;height:30rem;border-radius:50%;background:radial-gradient(closest-side,oklch(from var(--bxsg-light-strong) l c h / .9) 0%,oklch(from var(--bxsg-light-strong) l c h / .45) 45%,transparent 100%);pointer-events:none}.stage__bar{position:static;grid-row:2;justify-self:stretch}.stage__canvas-image{flex-basis:100%;order:1}.studio__head .intro{font-size:var(--bxsg-text-base);line-height:var(--bxsg-lh-base)}.ctl{grid-template-columns:4.75rem minmax(0,1fr) 4.75rem}.console__group{padding-inline:var(--bxsg-space-4)}.preset-grid{grid-template-columns:repeat(2,1fr);gap:var(--bxsg-space-3)}}.editor{width:min(40rem,calc(100vw - var(--bxsg-space-6)));padding:0;border:0;border-radius:var(--bxsg-radius-lg);background:var(--bxsg-surface);color:var(--bxsg-ink);box-shadow:var(--bxsg-ring),var(--bxsg-edge-light),var(--bxsg-shadow-4)}.editor::backdrop{background:var(--bxsg-scrim)}.editor__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--bxsg-space-2);padding:var(--bxsg-space-4) var(--bxsg-space-5) var(--bxsg-space-2)}.editor__heading{font-size:var(--bxsg-text-lg);line-height:var(--bxsg-lh-lg);letter-spacing:0}.editor__toolbar{display:flex;flex-wrap:wrap;gap:var(--bxsg-space-1);padding:var(--bxsg-space-2) var(--bxsg-space-4);border-block:1px solid var(--bxsg-line)}.tool{min-height:2.25rem;padding:var(--bxsg-space-2) var(--bxsg-space-3);font-family:var(--bxsg-font-body);font-weight:500;font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-sm);color:var(--bxsg-ink-2);background:var(--bxsg-sunken);border:0;border-radius:var(--bxsg-radius-sm);cursor:pointer;transition:color var(--bxsg-dur-fast) var(--bxsg-ease-out),background-color var(--bxsg-dur-fast) var(--bxsg-ease-out)}.tool:hover{color:var(--bxsg-ink);background:var(--bxsg-brand-fill)}.tool--b,.tool--i,.tool--u{min-width:2.25rem;font-family:var(--bxsg-font-display);font-size:var(--bxsg-text-base);line-height:var(--bxsg-lh-sm)}.tool--b{font-weight:700}.tool--i{font-style:italic}.tool--u{text-decoration:underline}.editor__body{padding:var(--bxsg-space-4) var(--bxsg-space-5)}.editor__visual{min-height:10rem;padding:var(--bxsg-space-4);border-radius:var(--bxsg-radius-sm);background:var(--bxsg-canvas);box-shadow:var(--bxsg-ring-strong);text-align:center;pointer-events:auto;cursor:text}.editor__visual:focus{outline:none;box-shadow:var(--bxsg-focus-ring)}.editor__visual a{pointer-events:none}.editor__source{width:100%;min-height:12rem;padding:var(--bxsg-space-3);border:0;border-radius:var(--bxsg-radius-sm);background:var(--bxsg-readout);color:var(--bxsg-on-readout);font-family:var(--bxsg-font-mono);font-size:var(--bxsg-text-sm);line-height:var(--bxsg-lh-base);resize:vertical}.editor__source:focus{outline:none;box-shadow:var(--bxsg-focus-ring)}.editor .console__note{padding:0 var(--bxsg-space-5)}.editor__actions{display:flex;justify-content:flex-end;gap:var(--bxsg-space-2);padding:var(--bxsg-space-4) var(--bxsg-space-5) var(--bxsg-space-5)}