.box-shadow-generator-module__UICtTa__tool{}.box-shadow-generator-module__UICtTa__workspace{gap:var(--space-4);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1fr);grid-template-areas:"cockpit preview output""wizard wizard wizard""import import import";display:grid}@media (max-width:1099px){.box-shadow-generator-module__UICtTa__workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"cockpit cockpit""wizard wizard""preview output""import import"}}@media (max-width:719px){.box-shadow-generator-module__UICtTa__workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"cockpit""wizard""preview""output""import"}}.box-shadow-generator-module__UICtTa__cockpitPane{grid-area:cockpit;}.box-shadow-generator-module__UICtTa__previewPane{grid-area:preview;}.box-shadow-generator-module__UICtTa__outputPane{grid-area:output;}.box-shadow-generator-module__UICtTa__wizardPane{grid-area:wizard;}.box-shadow-generator-module__UICtTa__importPane{grid-area:import;}.box-shadow-generator-module__UICtTa__paneHeader{}.box-shadow-generator-module__UICtTa__paneLabel{}.box-shadow-generator-module__UICtTa__liveBadge{margin-inline-start:auto}.box-shadow-generator-module__UICtTa__layerList{padding:var(--space-3);gap:var(--space-3);flex-direction:column;block-size:432px;margin:0;list-style:none;display:flex;overflow-y:auto}.box-shadow-generator-module__UICtTa__layerRow{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex-direction:column;flex:none;display:flex}.box-shadow-generator-module__UICtTa__rowHead{align-items:center;gap:var(--space-2);display:flex}.box-shadow-generator-module__UICtTa__handleGlyph{color:var(--color-text-muted);margin-inline-end:var(--space-2)}.box-shadow-generator-module__UICtTa__rowTitle{min-inline-size:0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.box-shadow-generator-module__UICtTa__rowActions{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.box-shadow-generator-module__UICtTa__rowIconButton{}.box-shadow-generator-module__UICtTa__rowAction{}.box-shadow-generator-module__UICtTa__lengthGrid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:720px) and (max-width:1099px){.box-shadow-generator-module__UICtTa__lengthGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.box-shadow-generator-module__UICtTa__lengthField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.box-shadow-generator-module__UICtTa__fieldLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.box-shadow-generator-module__UICtTa__lengthPair{gap:var(--space-1);grid-template-columns:minmax(0,1fr) minmax(0,3.75rem);display:grid}.box-shadow-generator-module__UICtTa__numberInput{font-variant-numeric:tabular-nums;inline-size:100%;min-inline-size:0;}.box-shadow-generator-module__UICtTa__unitSelect{inline-size:100%;min-inline-size:0;}.box-shadow-generator-module__UICtTa__colorRow{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,5.5rem) auto;align-items:end;display:grid}@media (max-width:479px){.box-shadow-generator-module__UICtTa__colorRow{grid-template-columns:minmax(0,1fr) minmax(0,5.5rem)}}.box-shadow-generator-module__UICtTa__colorField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.box-shadow-generator-module__UICtTa__colorInput{inline-size:100%;min-inline-size:0;font-family:var(--font-mono);}.box-shadow-generator-module__UICtTa__alphaField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.box-shadow-generator-module__UICtTa__insetField{align-items:center;gap:var(--space-2);min-block-size:var(--control-height);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);cursor:pointer;display:inline-flex}.box-shadow-generator-module__UICtTa__checkbox{}.box-shadow-generator-module__UICtTa__rowError{block-size:calc(2 * var(--text-ui-xs-line));font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-danger-fg);margin:0;overflow-y:auto}.box-shadow-generator-module__UICtTa__cockpitFooter{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-border-subtle);display:flex}.box-shadow-generator-module__UICtTa__reorderHint{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.box-shadow-generator-module__UICtTa__wizardRow{align-items:end;gap:var(--space-3);padding:var(--space-3);flex-wrap:wrap;display:flex}.box-shadow-generator-module__UICtTa__wizardControl{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.box-shadow-generator-module__UICtTa__sliderPair{gap:var(--space-2);grid-template-columns:minmax(0,9rem) minmax(0,4.5rem);align-items:center;display:grid}.box-shadow-generator-module__UICtTa__slider{accent-color:var(--color-accent-fg);min-block-size:var(--control-height);min-inline-size:0;margin:0}.box-shadow-generator-module__UICtTa__wizardStatus{block-size:calc(2 * var(--text-ui-sm-line));padding-inline:var(--space-3);overflow-y:auto}.box-shadow-generator-module__UICtTa__errorMessage{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);overflow-wrap:anywhere;margin:0}.box-shadow-generator-module__UICtTa__presetRow{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border-block-start:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.box-shadow-generator-module__UICtTa__bgFieldset{padding:var(--space-3) var(--space-3) 0;gap:var(--space-2);border:none;flex-direction:column;margin:0;display:flex}.box-shadow-generator-module__UICtTa__legend{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);padding:0}.box-shadow-generator-module__UICtTa__segmentRow{gap:var(--space-1);display:flex}.box-shadow-generator-module__UICtTa__segment{min-block-size:var(--control-height);padding-inline:var(--space-2);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);cursor:pointer;flex:1;justify-content:center;align-items:center;display:inline-flex}.box-shadow-generator-module__UICtTa__segmentOn{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-color:var(--color-border-control);color:var(--color-text-primary);font-weight:var(--weight-medium)}.box-shadow-generator-module__UICtTa__segmentInput{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.box-shadow-generator-module__UICtTa__segment:focus-within{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.box-shadow-generator-module__UICtTa__customBgField{gap:var(--space-1);flex-direction:column;display:flex}.box-shadow-generator-module__UICtTa__previewStage{block-size:264px;margin:var(--space-3);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.box-shadow-generator-module__UICtTa__previewCard{border-radius:var(--radius-md);block-size:100px;inline-size:160px;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);justify-content:center;align-items:center;display:flex}.box-shadow-generator-module__UICtTa__viewRow{gap:var(--space-1);padding:var(--space-2) var(--space-3) 0;display:flex}.box-shadow-generator-module__UICtTa__viewTab{}.box-shadow-generator-module__UICtTa__outputBox{margin:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);block-size:232px;font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);white-space:pre;overflow:auto}.box-shadow-generator-module__UICtTa__statusLine{padding-inline:var(--space-3);}.box-shadow-generator-module__UICtTa__chips{margin:var(--space-2) 0 0;padding:var(--space-1) var(--space-3) var(--space-3);gap:var(--space-2);flex-wrap:wrap;align-content:flex-start;block-size:72px;list-style:none;display:flex;overflow-y:auto}.box-shadow-generator-module__UICtTa__chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-info-bg);color:var(--color-info-fg);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);align-items:center;display:inline-flex}.box-shadow-generator-module__UICtTa__importLabel{padding:var(--space-2) var(--space-3) 0;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);display:block}.box-shadow-generator-module__UICtTa__importArea{inline-size:calc(100% - 2 * var(--space-3));margin:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);resize:none;background:var(--color-bg-surface);block-size:96px;color:var(--color-text-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);display:block}.box-shadow-generator-module__UICtTa__importArea::placeholder{color:var(--color-text-muted)}.box-shadow-generator-module__UICtTa__importStatus{block-size:112px;margin:0 var(--space-3) var(--space-3);overflow-y:auto}.box-shadow-generator-module__UICtTa__errorBox{}.box-shadow-generator-module__UICtTa__errorAction{align-self:flex-start;}.box-shadow-generator-module__UICtTa__importOkLine{padding:var(--space-2) 0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}.box-shadow-generator-module__UICtTa__actionButton{}.box-shadow-generator-module__UICtTa__headerAction{}.box-shadow-generator-module__UICtTa__accent{}.box-shadow-generator-module__UICtTa__swapWrap{}.box-shadow-generator-module__UICtTa__swapSizer{}.box-shadow-generator-module__UICtTa__echoSlot{inline-size:1ch;display:inline-block}.box-shadow-generator-module__UICtTa__banner{margin-block-start:var(--space-3);}.box-shadow-generator-module__UICtTa__bannerAction{font-size:inherit;line-height:inherit;color:var(--color-accent-fg);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.box-shadow-generator-module__UICtTa__actions{margin-block-start:var(--space-4);}.box-shadow-generator-module__UICtTa__fileInput{display:none}.box-shadow-generator-module__UICtTa__shareNote,.box-shadow-generator-module__UICtTa__storedLine,.box-shadow-generator-module__UICtTa__keyboardHint{margin:var(--space-2) 0 0;min-block-size:var(--text-ui-sm-line);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.box-shadow-generator-module__UICtTa__dialog{}.box-shadow-generator-module__UICtTa__dialogTitle{margin:0 0 var(--space-3);font-size:var(--text-ui-lg-size);line-height:var(--text-ui-lg-line);font-weight:var(--weight-medium)}.box-shadow-generator-module__UICtTa__dialogNote{margin:var(--space-3) 0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.box-shadow-generator-module__UICtTa__shortcutList{margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.box-shadow-generator-module__UICtTa__shortcutItem{align-items:center;gap:var(--space-3);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);display:flex}.box-shadow-generator-module__UICtTa__kbd{}.box-shadow-generator-module__UICtTa__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);cursor:pointer;margin-block-end:var(--space-3);display:flex}@media (pointer:coarse){.box-shadow-generator-module__UICtTa__segment,.box-shadow-generator-module__UICtTa__insetField,.box-shadow-generator-module__UICtTa__slider{min-block-size:var(--target-touch)}.box-shadow-generator-module__UICtTa__bannerAction,.box-shadow-generator-module__UICtTa__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}