.BoxShadowTool_tool__0jDAr{display:grid;gap:32px}@media(min-width:1024px){.BoxShadowTool_tool__0jDAr{grid-template-areas:"preview controls" "output controls";grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;-moz-column-gap:48px;column-gap:48px;row-gap:16px}}.BoxShadowTool_previewColumn__7mlQr{display:flex;min-width:0;flex-direction:column;gap:16px}@media(min-width:1024px){.BoxShadowTool_previewColumn__7mlQr{grid-area:preview}}.BoxShadowTool_stage__0ieOq{display:flex;align-items:center;justify-content:center;min-height:280px;padding:48px 24px;border:1px solid transparent;border-radius:var(--mk-radius-card);background-color:var(--mk-fill);transition:background-color var(--mk-transition-base) ease,border-color var(--mk-transition-base) ease}.BoxShadowTool_stage__0ieOq[data-stage=white]{border-color:var(--mk-line);background-color:var(--mk-card)}@media(min-width:851px){.BoxShadowTool_stage__0ieOq{min-height:360px}}@media(prefers-reduced-motion:reduce){.BoxShadowTool_stage__0ieOq{transition:none}}.BoxShadowTool_card__cN_VL{width:min(100%,240px);aspect-ratio:4/3;border-radius:var(--mk-radius-card);background-color:var(--mk-card)}.BoxShadowTool_stageToggle__gUiQm{align-self:flex-start}.BoxShadowTool_output__TjxbN{display:grid;min-width:0;gap:12px}@media(min-width:1024px){.BoxShadowTool_output__TjxbN{grid-area:output}}.BoxShadowTool_codeBlock__x5jOj{min-width:0;border-radius:var(--mk-radius-card);background-color:var(--mk-fill)}.BoxShadowTool_codeHead___9_on{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:12px 12px 0 20px}.BoxShadowTool_codeLabel__x0uME{font-weight:700;text-transform:uppercase;color:var(--mk-body);font-size:var(--mk-fs-meta);letter-spacing:0}.BoxShadowTool_code__eN8_S{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 20px 20px;color:var(--mk-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6;letter-spacing:0}.BoxShadowTool_copy__zCtlA{display:inline-flex;flex-shrink:0;align-items:center;gap:.5rem;font-weight:500;line-height:1;min-height:44px;padding:0 18px;border:1px solid var(--mk-ink);border-radius:var(--mk-radius-pill);background-color:var(--mk-ink);color:var(--mk-card);font-size:.9375rem;letter-spacing:var(--mk-ls-btn);transition:background-color var(--mk-transition-fast) ease,border-color var(--mk-transition-fast) ease,filter var(--mk-transition-fast) ease}.BoxShadowTool_copy__zCtlA:hover{border-color:var(--mk-ink-hover);background-color:var(--mk-ink-hover)}.BoxShadowTool_copy__zCtlA:active{filter:brightness(.8)}.BoxShadowTool_copy__zCtlA:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.BoxShadowTool_copy__zCtlA{transition:none}}.BoxShadowTool_copyIcon__e_SlP{height:1rem;width:1rem;flex-shrink:0}.BoxShadowTool_copyStatus__aKkv1{min-height:1.4em;color:var(--mk-nav);font-size:var(--mk-fs-meta);line-height:1.4}.BoxShadowTool_controls__GY5TB{display:flex;min-width:0;flex-direction:column;gap:28px}@media(min-width:1024px){.BoxShadowTool_controls__GY5TB{grid-area:controls}}.BoxShadowTool_group__ev_5B{margin:0;min-width:0;border-width:0;padding:0}.BoxShadowTool_groupLabel__axZqY{margin-bottom:.75rem;padding:0;font-weight:700;text-transform:uppercase;color:var(--mk-body);font-size:var(--mk-fs-meta);letter-spacing:0}.BoxShadowTool_pills__v4PqL{display:flex;flex-wrap:wrap;gap:.5rem}.BoxShadowTool_pillGhost__KtyQG,.BoxShadowTool_pill__8s7Iv{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;font-weight:500;line-height:1;min-height:44px;padding:0 18px;border:1px solid var(--mk-outline);border-radius:var(--mk-radius-pill);background-color:transparent;color:var(--mk-ink);font-size:.9375rem;letter-spacing:var(--mk-ls-btn);transition:background-color var(--mk-transition-fast) ease,border-color var(--mk-transition-fast) ease,color var(--mk-transition-fast) ease}.BoxShadowTool_pillGhost__KtyQG:hover,.BoxShadowTool_pill__8s7Iv:hover{background-color:var(--mk-wash)}.BoxShadowTool_pillGhost__KtyQG:focus-visible,.BoxShadowTool_pill__8s7Iv:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px}.BoxShadowTool_pillGhost__KtyQG:disabled,.BoxShadowTool_pill__8s7Iv:disabled{cursor:not-allowed;opacity:.4}.BoxShadowTool_pillGhost__KtyQG:disabled:hover,.BoxShadowTool_pill__8s7Iv:disabled:hover{background-color:transparent}@media(prefers-reduced-motion:reduce){.BoxShadowTool_pillGhost__KtyQG,.BoxShadowTool_pill__8s7Iv{transition:none}}.BoxShadowTool_pill__8s7Iv[aria-pressed=true]{border-color:var(--mk-ink);background-color:var(--mk-ink);color:var(--mk-card)}.BoxShadowTool_pillGhost__KtyQG{border-style:dashed}.BoxShadowTool_pillIcon__mhrZ_{height:1rem;width:1rem;flex-shrink:0}.BoxShadowTool_layerPanel__i6kol{padding:24px 20px;border-radius:var(--mk-radius-card);background-color:var(--mk-fill)}@media(min-width:851px){.BoxShadowTool_layerPanel__i6kol{padding:28px}}.BoxShadowTool_layerHead__Ue_GT{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.BoxShadowTool_layerTitle__h37W7{font-size:var(--mk-fs-card);line-height:1.2;letter-spacing:var(--mk-ls-mid)}.BoxShadowTool_remove__vzRu5{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;font-weight:500;line-height:1;min-height:44px;padding-inline:12px;color:var(--mk-nav);font-size:var(--mk-fs-meta);transition:color var(--mk-transition-fast) ease}.BoxShadowTool_remove__vzRu5:hover{color:var(--mk-ink)}.BoxShadowTool_remove__vzRu5:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px}.BoxShadowTool_remove__vzRu5:disabled{cursor:not-allowed;opacity:.4}.BoxShadowTool_remove__vzRu5:disabled:hover{color:var(--mk-nav)}@media(prefers-reduced-motion:reduce){.BoxShadowTool_remove__vzRu5{transition:none}}.BoxShadowTool_fields___MIoE{margin-top:1.25rem;display:grid;gap:20px}.BoxShadowTool_field__kAOXw{display:grid;min-width:0;gap:8px}.BoxShadowTool_fieldHead__ihcIt{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.BoxShadowTool_label__9HTUj{color:var(--mk-body);font-size:.9375rem;font-weight:500}.BoxShadowTool_numberWrap__4uqfW{display:inline-flex;align-items:center;gap:6px}.BoxShadowTool_hex__pPtIN,.BoxShadowTool_number__JbR6z{font-weight:500;height:44px;padding:0 12px;border:1px solid var(--mk-line);border-radius:12px;background-color:var(--mk-card);color:var(--mk-ink);font-size:.9375rem;font-variant-numeric:tabular-nums;letter-spacing:0}.BoxShadowTool_hex__pPtIN:focus-visible,.BoxShadowTool_number__JbR6z:focus-visible{outline:2px solid var(--mk-ink);outline-offset:1px}.BoxShadowTool_number__JbR6z{width:84px;text-align:right}.BoxShadowTool_hex__pPtIN{min-width:0;flex:1 1 0%;text-transform:uppercase}.BoxShadowTool_unit__csURN{min-width:2ch;color:var(--mk-nav);font-size:var(--mk-fs-meta)}.BoxShadowTool_range__6U5wM{width:100%;cursor:pointer;height:24px;accent-color:var(--mk-ink)}.BoxShadowTool_range__6U5wM:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px;border-radius:999px}.BoxShadowTool_colorRow__7MVnT{display:flex;align-items:center;gap:.75rem}.BoxShadowTool_swatch__18Z9p{flex-shrink:0;cursor:pointer;width:44px;height:44px;padding:4px;border:1px solid var(--mk-line);border-radius:12px;background-color:var(--mk-card)}.BoxShadowTool_swatch__18Z9p:focus-visible{outline:2px solid var(--mk-ink);outline-offset:1px}.BoxShadowTool_inset__NtWDn{display:inline-flex;cursor:pointer;align-items:center;gap:.75rem;align-self:flex-start;min-height:44px;color:var(--mk-body);font-size:.9375rem;font-weight:500}.BoxShadowTool_checkbox__7qaCu{cursor:pointer;width:20px;height:20px;accent-color:var(--mk-ink)}.BoxShadowTool_checkbox__7qaCu:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px}