.oq-ws{gap:var(--oq-space-4);margin-block:var(--oq-space-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.oq-ws__card{display:contents}.oq-ws__types{grid-row:1}.oq-ws__fields{grid-row:2}.oq-ws__preview{grid-row:3}.oq-ws__export{grid-row:4}.oq-ws__design{grid-row:5}.oq-ws__status{grid-row:6}@media (min-width:900px){.oq-ws{gap:var(--oq-space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.oq-ws__card{gap:var(--oq-space-4);grid-row:1;align-content:start;min-width:0;display:grid}.oq-ws__card--content{grid-column:1}.oq-ws__card--output{grid-column:2}.oq-ws__card>.oq-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.oq-ws__preview,.oq-ws__types,.oq-ws__fields,.oq-ws__design,.oq-ws__export,.oq-ws__status{grid-row:auto}}@media (min-width:900px) and (min-height:760px){.oq-ws__card--output{top:calc(var(--oq-header-height) + var(--oq-space-4));position:sticky}}.oq-ws__panel{--oq-panel-pad:var(--oq-space-4);border-color:var(--oq-line-strong);min-width:0;box-shadow:var(--oq-shadow-2)}.oq-ws__panel-title{align-items:center;gap:var(--oq-space-3);margin-bottom:var(--oq-space-3);color:var(--oq-muted);font-size:var(--oq-text-xs);font-weight:var(--oq-weight-semibold);line-height:var(--oq-leading-normal);letter-spacing:var(--oq-tracking-overline);text-transform:uppercase;display:flex}.oq-ws__panel-title:after{content:"";background:var(--oq-line);flex:auto;height:1px}.oq-ws__type-grid{gap:var(--oq-space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.oq-ws__type{justify-content:center;align-items:center;gap:var(--oq-space-1);min-height:calc(var(--oq-space-5) + var(--oq-space-1) + 2 * var(--oq-leading-snug) * var(--oq-text-xs) + 2 * var(--oq-space-2) + 2px);height:100%;padding:var(--oq-space-2);border:1px solid var(--oq-line-control);border-radius:var(--oq-radius-md);background:var(--oq-surface);color:var(--oq-ink-2);font-size:var(--oq-text-xs);font-weight:var(--oq-weight-medium);line-height:var(--oq-leading-snug);text-align:center;box-shadow:var(--oq-shadow-1);transition:background-color var(--oq-dur-1) var(--oq-ease), border-color var(--oq-dur-1) var(--oq-ease), color var(--oq-dur-1) var(--oq-ease), box-shadow var(--oq-dur-1) var(--oq-ease);flex-direction:column;text-decoration:none;display:flex}@media (hover:hover){.oq-ws__type:hover{border-color:var(--oq-accent);color:var(--oq-ink);box-shadow:var(--oq-shadow-2)}}.oq-ws__type:active{box-shadow:var(--oq-shadow-1);transform:translateY(1px)}.oq-ws__type[aria-current]{background:var(--oq-accent-soft);border-color:var(--oq-accent-line);color:var(--oq-accent);box-shadow:none}.oq-ws__type-icon{width:var(--oq-space-5);height:var(--oq-space-5);flex:none}.oq-ws__type-label{-webkit-line-clamp:2;line-clamp:2;min-height:calc(2 * var(--oq-leading-snug) * 1em);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oq-ws__well{padding:var(--oq-space-3);background:var(--oq-surface-2);border:1px solid var(--oq-line);border-radius:var(--oq-radius-lg)}.oq-ws__frame{aspect-ratio:1;width:100%;max-width:360px;margin-inline:auto;display:grid;position:relative}.oq-ws__plate{width:100%;height:100%;padding:var(--oq-space-3);background:var(--oq-surface);border:1px solid var(--oq-line);border-radius:var(--oq-radius-md);box-shadow:var(--oq-shadow-1);place-items:center;display:grid;overflow:hidden}.oq-ws__code{width:100%;height:100%}.oq-ws__code--arrived{animation:oq-ws-fade var(--oq-dur-1) var(--oq-ease) both}.oq-ws__code svg{width:100%;height:100%;display:block}.oq-ws__frame-empty{max-width:none;padding:var(--oq-space-4);color:var(--oq-muted);font-size:var(--oq-text-sm);line-height:var(--oq-leading-normal);text-align:center;text-wrap:balance;margin:0}.oq-ws__overlay{align-content:center;gap:var(--oq-space-1);padding:var(--oq-space-4);border-radius:var(--oq-radius-md);background:color-mix(in srgb, var(--oq-surface) 88%, transparent);text-align:center;opacity:0;visibility:hidden;transition:opacity var(--oq-dur-1) var(--oq-ease-in), visibility var(--oq-dur-1) var(--oq-ease-in);display:grid;position:absolute;inset:0}.oq-ws__overlay[data-blocked=true]{opacity:1;visibility:visible;transition:opacity var(--oq-dur-2) var(--oq-ease), visibility var(--oq-dur-2) var(--oq-ease)}.oq-ws__overlay-title{max-width:none;color:var(--oq-ink);font-size:var(--oq-text-sm);font-weight:var(--oq-weight-semibold);line-height:var(--oq-leading-normal);letter-spacing:var(--oq-tracking-heading);margin:0}.oq-ws__overlay-reason{max-width:none;color:var(--oq-danger);font-size:var(--oq-text-sm);font-weight:var(--oq-weight-semibold);line-height:var(--oq-leading-normal);margin:0}.oq-ws__overlay-note{max-width:none;color:var(--oq-muted);font-size:var(--oq-text-sm);line-height:var(--oq-leading-normal);margin:0}.oq-ws__readout{gap:var(--oq-space-2);min-height:calc(5 * var(--oq-leading-normal) * 1em + 2 * var(--oq-space-2));margin:var(--oq-space-3) 0 0;padding-top:var(--oq-space-3);border-top:1px solid var(--oq-line);font-size:var(--oq-text-xs);line-height:var(--oq-leading-normal);display:grid}.oq-ws__readout-row{justify-content:space-between;align-items:baseline;gap:var(--oq-space-3);display:flex}.oq-ws__readout-row dt{color:var(--oq-muted);font-weight:var(--oq-weight-semibold);letter-spacing:var(--oq-tracking-overline);text-transform:uppercase;flex:none}.oq-ws__readout-row dd{justify-content:flex-end;align-items:baseline;gap:var(--oq-space-2);color:var(--oq-ink);font-family:var(--oq-font-mono);font-variant-numeric:tabular-nums;text-align:end;flex-wrap:wrap;margin:0;display:flex}.oq-ws__readout-level{font-weight:var(--oq-weight-semibold)}.oq-ws__phase{gap:var(--oq-space-2);margin-top:var(--oq-space-3);display:grid}.oq-ws__phase-badge{white-space:nowrap;max-width:100%;transition:background-color var(--oq-dur-2) var(--oq-ease), border-color var(--oq-dur-2) var(--oq-ease), color var(--oq-dur-2) var(--oq-ease);justify-self:start}.oq-ws__phase-track{gap:var(--oq-space-1);grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.oq-ws__phase-step{height:var(--oq-space-1);border-radius:var(--oq-radius-pill);background:var(--oq-surface-3);transition:background-color var(--oq-dur-2) var(--oq-ease)}.oq-ws__phase-step[data-state=done],.oq-ws__phase-step[data-state=active]{background:var(--oq-accent)}.oq-ws__phase[data-phase=exported] .oq-ws__phase-step[data-state=done],.oq-ws__phase[data-phase=exported] .oq-ws__phase-step[data-state=active]{background:var(--oq-success)}.oq-ws__scan{margin:var(--oq-space-4) 0 0;max-width:none;color:var(--oq-muted);font-size:var(--oq-text-sm);line-height:var(--oq-leading-normal)}.oq-ws__scan-label{margin-bottom:var(--oq-space-1);color:var(--oq-ink);font-size:var(--oq-text-xs);font-weight:var(--oq-weight-semibold);letter-spacing:var(--oq-tracking-overline);text-transform:uppercase;display:block}.oq-ws__status{min-height:calc(4 * var(--oq-leading-normal) * 1em + 2 * var(--oq-space-2));max-width:none;padding:var(--oq-space-2) var(--oq-space-3);border-inline-start:2px solid var(--oq-line);border-radius:var(--oq-radius-sm);background:var(--oq-surface-2);color:var(--oq-muted);font-size:var(--oq-text-sm);line-height:var(--oq-leading-normal);transition:background-color var(--oq-dur-2) var(--oq-ease), border-color var(--oq-dur-2) var(--oq-ease), color var(--oq-dur-2) var(--oq-ease);margin:0}.oq-ws__status[data-level=idle]{border-inline-start-color:var(--oq-line);background:0 0}.oq-ws__status[data-level=note]{border-inline-start-color:var(--oq-accent);color:var(--oq-ink-2)}.oq-ws__status[data-level=error]{border-inline-start-color:var(--oq-danger);background:var(--oq-danger-soft);color:var(--oq-danger)}.oq-ws__form{margin:0}.oq-ws__field{margin-bottom:var(--oq-space-3)}.oq-ws__field>.oq-ws__fieldset{margin-bottom:var(--oq-space-2)}.oq-ws__field--check{gap:var(--oq-space-1)}.oq-ws__check{align-items:center;gap:var(--oq-space-3);min-height:44px;display:flex}.oq-ws__check .oq-label{cursor:pointer;margin:0}.oq-ws__required{padding:0 var(--oq-space-2);border-radius:var(--oq-radius-pill);background:var(--oq-surface-3);color:var(--oq-muted);font-size:var(--oq-text-2xs);font-weight:var(--oq-weight-semibold);letter-spacing:var(--oq-tracking-overline);text-transform:uppercase;vertical-align:middle;margin-inline-start:var(--oq-space-2);display:inline-block}.oq-ws__form-error{min-height:calc(4 * var(--oq-leading-normal) * 1em);max-width:none;color:var(--oq-danger);font-size:var(--oq-text-sm);font-weight:var(--oq-weight-semibold);line-height:var(--oq-leading-normal);margin:0}.oq-ws__note{display:grid}.oq-ws__note>.oq-help,.oq-ws__note>.oq-error{grid-area:1/1}.oq-ws__note>.oq-error{color:var(--oq-danger);transition:color var(--oq-dur-2) var(--oq-ease)}.oq-ws__note[data-invalid=false]>.oq-error{color:var(--oq-ink);visibility:hidden}.oq-ws__note[data-invalid=true]>.oq-help{visibility:hidden}.oq-ws__conditional{display:grid}.oq-ws__conditional>*{grid-area:1/1}.oq-ws__conditional-reserve{visibility:hidden}.oq-ws__reserve-control{white-space:pre-line;display:block}.oq-ws__row{gap:0 var(--oq-space-4);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.oq-ws__group{border-top:1px solid var(--oq-line)}.oq-ws__group:first-of-type{border-top:0}.oq-ws__summary{align-items:center;gap:var(--oq-space-3);min-height:44px;color:var(--oq-ink);cursor:pointer;font-size:var(--oq-text-sm);font-weight:var(--oq-weight-semibold);transition:color var(--oq-dur-1) var(--oq-ease);list-style:none;display:flex}.oq-ws__summary::-webkit-details-marker{display:none}@media (hover:hover){.oq-ws__summary:hover{color:var(--oq-accent)}}.oq-ws__chevron{width:var(--oq-space-4);height:var(--oq-space-4);color:var(--oq-muted);transition:transform var(--oq-dur-2) var(--oq-ease);flex:none;margin-inline-start:auto}.oq-ws__group[open]>.oq-ws__summary .oq-ws__chevron{transform:rotate(-180deg)}.oq-ws__group-body{padding-block:var(--oq-space-2) var(--oq-space-3)}.oq-ws__fieldset{margin:0 0 var(--oq-space-3);border:0;min-width:0;padding:0}.oq-ws__fieldset>legend{margin-bottom:var(--oq-space-2);padding:0}.oq-ws__fieldset:disabled{opacity:.6}.oq-ws__presets{gap:var(--oq-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.oq-ws__preset{align-items:center;gap:var(--oq-space-2);min-height:44px;padding:0 var(--oq-space-3);border:1px solid var(--oq-line-control);border-radius:var(--oq-radius-md);background:var(--oq-surface);color:var(--oq-ink);font:inherit;font-size:var(--oq-text-sm);cursor:pointer;box-shadow:var(--oq-shadow-1);transition:background-color var(--oq-dur-1) var(--oq-ease), border-color var(--oq-dur-1) var(--oq-ease), box-shadow var(--oq-dur-1) var(--oq-ease);display:inline-flex}@media (hover:hover){.oq-ws__preset:hover{background:var(--oq-surface-2);border-color:var(--oq-accent);box-shadow:var(--oq-shadow-2)}}.oq-ws__preset:active{background:var(--oq-surface-2);border-color:var(--oq-accent);box-shadow:var(--oq-shadow-1);transform:translateY(1px)}.oq-ws__preset:focus-visible{box-shadow:var(--oq-shadow-focus)}.oq-ws__preset--ink{--oq-preset-ink:#101418;--oq-preset-paper:#fff}.oq-ws__preset--midnight{--oq-preset-ink:#10214a;--oq-preset-paper:#f2f5fb}.oq-ws__preset--forest{--oq-preset-ink:#0f3d2e;--oq-preset-paper:#f3f7f3}.oq-ws__preset--oxblood{--oq-preset-ink:#4a1020;--oq-preset-paper:#fbf4f5}.oq-ws__preset--charcoal{--oq-preset-ink:#23201a;--oq-preset-paper:#f6efe2}.oq-ws__preset--slate{--oq-preset-ink:#12333a;--oq-preset-paper:#eaf6f3}.oq-ws__preset-swatch{width:var(--oq-space-5);height:var(--oq-space-5);border:1px solid var(--oq-line);border-radius:var(--oq-radius-sm);background:var(--oq-preset-paper,var(--oq-surface));box-shadow:inset 0 0 0 var(--oq-space-1) var(--oq-preset-ink,var(--oq-ink));flex:none}.oq-ws__seg{gap:var(--oq-space-1);padding:var(--oq-space-1);background:var(--oq-surface-2);border:1px solid var(--oq-line-control);border-radius:var(--oq-radius-md);flex-wrap:wrap;display:flex}.oq-ws__seg-item{flex:auto;min-width:0;display:flex}.oq-ws__seg-label{min-height:44px;padding:0 var(--oq-space-3);border-radius:var(--oq-radius-sm);color:var(--oq-ink-2);font-size:var(--oq-text-sm);font-weight:var(--oq-weight-medium);line-height:var(--oq-leading-snug);text-align:center;cursor:pointer;transition:background-color var(--oq-dur-1) var(--oq-ease), border-color var(--oq-dur-1) var(--oq-ease), color var(--oq-dur-1) var(--oq-ease), box-shadow var(--oq-dur-1) var(--oq-ease);border:1px solid #0000;flex:auto;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.oq-ws__seg-label:hover{background:var(--oq-surface-3);color:var(--oq-ink)}}.oq-ws__seg-input:checked+.oq-ws__seg-label{background:var(--oq-surface);border-color:var(--oq-accent-line);color:var(--oq-accent);box-shadow:var(--oq-shadow-1)}.oq-ws__seg-input:focus-visible+.oq-ws__seg-label{outline:2px solid var(--oq-focus);outline-offset:2px;box-shadow:var(--oq-shadow-focus)}.oq-ws__options{gap:var(--oq-space-2);margin:0 0 var(--oq-space-3);padding:0;list-style:none;display:grid}.oq-ws__option{display:grid}.oq-ws__option-label{align-items:center;gap:var(--oq-space-3);min-height:44px;padding:var(--oq-space-2) var(--oq-space-3);border:1px solid var(--oq-line-control);border-radius:var(--oq-radius-md);background:var(--oq-surface);cursor:pointer;transition:background-color var(--oq-dur-1) var(--oq-ease), border-color var(--oq-dur-1) var(--oq-ease), box-shadow var(--oq-dur-1) var(--oq-ease);grid-template-columns:auto auto minmax(0,1fr);display:grid}@media (hover:hover){.oq-ws__option-label:hover{border-color:var(--oq-accent)}}.oq-ws__option-mark{width:var(--oq-space-5);height:var(--oq-space-5);border:1px solid var(--oq-line-control);background:var(--oq-surface-2);transition:border-color var(--oq-dur-1) var(--oq-ease);border-radius:50%;flex:none;position:relative}.oq-ws__option-mark:after{content:"";inset:var(--oq-space-1);background:var(--oq-accent);opacity:0;transition:opacity var(--oq-dur-1) var(--oq-ease);border-radius:50%;position:absolute}.oq-ws__option-lead{min-width:var(--oq-space-5);color:var(--oq-ink);font-family:var(--oq-font-mono);font-size:var(--oq-text-sm);font-weight:var(--oq-weight-semibold);text-align:center}.oq-ws__option-text{color:var(--oq-ink-2);font-size:var(--oq-text-sm);line-height:var(--oq-leading-normal)}.oq-ws__option-input:checked+.oq-ws__option-label{border-color:var(--oq-accent);background:var(--oq-accent-soft);box-shadow:var(--oq-shadow-1)}.oq-ws__option-input:checked+.oq-ws__option-label .oq-ws__option-mark{border-color:var(--oq-accent)}.oq-ws__option-input:checked+.oq-ws__option-label .oq-ws__option-mark:after{opacity:1}.oq-ws__option-input:focus-visible+.oq-ws__option-label{outline:2px solid var(--oq-focus);outline-offset:2px;box-shadow:var(--oq-shadow-focus)}.oq-ws__colour{align-items:center;gap:var(--oq-space-2);padding:var(--oq-space-1);border:1px solid var(--oq-line-control);border-radius:var(--oq-radius-md);background:var(--oq-surface-2);transition:background-color var(--oq-dur-1) var(--oq-ease), border-color var(--oq-dur-1) var(--oq-ease), box-shadow var(--oq-dur-1) var(--oq-ease);display:flex}@media (hover:hover){.oq-ws__colour:hover{border-color:var(--oq-muted)}}.oq-ws__colour:focus-within{background:var(--oq-surface);border-color:var(--oq-accent);box-shadow:var(--oq-shadow-focus)}.oq-ws__colour .oq-input:disabled{opacity:1}.oq-ws__colour[data-disabled=true] .oq-ws__swatch{opacity:.6}.oq-ws__colour[data-disabled=true] .oq-ws__hex{color:var(--oq-muted)}.oq-ws__colour .oq-input,.oq-ws__colour .oq-input:focus-visible{box-shadow:none;background-color:#0000;border-color:#0000}.oq-ws__swatch{width:var(--oq-space-7);border-radius:var(--oq-radius-sm);cursor:pointer;flex:none;padding:0;overflow:hidden}.oq-ws__swatch::-webkit-color-swatch-wrapper{padding:0}.oq-ws__swatch::-webkit-color-swatch{border:1px solid var(--oq-line-control);border-radius:var(--oq-radius-sm)}.oq-ws__swatch::-moz-color-swatch{border:1px solid var(--oq-line-control);border-radius:var(--oq-radius-sm)}.oq-ws__hex{min-width:0;font-family:var(--oq-font-mono);font-variant-numeric:tabular-nums;text-transform:lowercase;flex:11ch}.oq-ws__contrast{min-height:calc(5 * var(--oq-leading-normal) * 1em);max-width:none;color:var(--oq-muted);font-size:var(--oq-text-sm);line-height:var(--oq-leading-normal);transition:color var(--oq-dur-2) var(--oq-ease);margin:0}.oq-ws__contrast[data-level=ok]{color:var(--oq-success)}.oq-ws__contrast[data-level=warn]{color:var(--oq-warn)}.oq-ws__slider{align-items:center;gap:var(--oq-space-3);display:flex}.oq-ws__slider[data-disabled=true] .oq-ws__range{opacity:.6}.oq-ws__slider[data-disabled=true] .oq-ws__slider-value{color:var(--oq-muted);background:0 0}.oq-ws__range{appearance:none;cursor:pointer;background:0 0;flex:auto;min-width:0;height:44px;margin:0}.oq-ws__range::-webkit-slider-runnable-track{height:var(--oq-space-2);border-radius:var(--oq-radius-pill);background:linear-gradient(to right, var(--oq-accent) 0 var(--oq-ws-range-fill,0%), transparent var(--oq-ws-range-fill,0%)), var(--oq-surface-3)}.oq-ws__range::-webkit-slider-thumb{appearance:none;width:var(--oq-space-5);height:var(--oq-space-5);margin-top:calc((var(--oq-space-2) - var(--oq-space-5)) / 2);border:2px solid var(--oq-accent);background:var(--oq-surface);box-shadow:var(--oq-shadow-1);transition:box-shadow var(--oq-dur-1) var(--oq-ease);border-radius:50%}.oq-ws__range::-moz-range-track{height:var(--oq-space-2);border-radius:var(--oq-radius-pill);background:var(--oq-surface-3)}.oq-ws__range::-moz-range-progress{height:var(--oq-space-2);border-radius:var(--oq-radius-pill);background:var(--oq-accent)}.oq-ws__range::-moz-range-thumb{width:var(--oq-space-5);height:var(--oq-space-5);border:2px solid var(--oq-accent);background:var(--oq-surface);box-shadow:var(--oq-shadow-1);border-radius:50%}.oq-ws__range:focus-visible::-webkit-slider-thumb{box-shadow:var(--oq-shadow-focus)}.oq-ws__range:focus-visible::-moz-range-thumb{box-shadow:var(--oq-shadow-focus)}.oq-ws__slider-value{min-width:10ch;padding:var(--oq-space-1) var(--oq-space-2);border-radius:var(--oq-radius-sm);background:var(--oq-surface-2);color:var(--oq-ink-2);font-family:var(--oq-font-mono);font-size:var(--oq-text-xs);font-variant-numeric:tabular-nums;line-height:var(--oq-leading-normal);text-align:center;flex:none}.oq-ws__notice{margin:0 0 var(--oq-space-3);min-height:calc(5 * var(--oq-leading-normal) * 1em + 2 * var(--oq-space-3) + 2px)}.oq-ws__budget{margin:0 0 var(--oq-space-3);min-height:calc(5 * var(--oq-leading-normal) * 1em);max-width:none;color:var(--oq-muted);font-size:var(--oq-text-sm);line-height:var(--oq-leading-normal);transition:color var(--oq-dur-2) var(--oq-ease)}.oq-ws__budget[data-level=warn]{color:var(--oq-warn)}.oq-ws__drop{min-height:calc(var(--oq-space-7) + var(--oq-space-2) + 2 * var(--oq-leading-normal) * var(--oq-text-sm) + var(--oq-space-1) + var(--oq-leading-normal) * var(--oq-text-xs) + 2 * var(--oq-space-4) + 2px);border:2px dashed var(--oq-line-control);border-radius:var(--oq-radius-lg);background:var(--oq-surface-2);transition:background-color var(--oq-dur-1) var(--oq-ease), border-color var(--oq-dur-1) var(--oq-ease), box-shadow var(--oq-dur-1) var(--oq-ease);display:grid;position:relative}@media (hover:hover){.oq-ws__drop:hover{border-color:var(--oq-accent)}}.oq-ws__drop:focus-within{border-color:var(--oq-accent);background:var(--oq-surface);box-shadow:var(--oq-shadow-focus)}.oq-ws__drop:has(.oq-ws__drop-input:focus-visible){outline:2px solid var(--oq-focus);outline-offset:2px}.oq-ws__drop[data-dragging=true]{border-color:var(--oq-accent);background:var(--oq-accent-soft);box-shadow:var(--oq-shadow-focus);border-style:solid}.oq-ws__drop[data-filled=true]{border-style:solid;border-color:var(--oq-line-control)}.oq-ws__drop-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.oq-ws__drop-face{justify-content:center;align-items:center;gap:var(--oq-space-2);padding:var(--oq-space-4);text-align:center;pointer-events:none;flex-direction:column;display:flex}.oq-ws__drop-icon{width:var(--oq-space-7);height:var(--oq-space-7);color:var(--oq-muted);transition:color var(--oq-dur-1) var(--oq-ease);flex:none}.oq-ws__drop[data-dragging=true] .oq-ws__drop-icon{color:var(--oq-accent)}.oq-ws__drop-thumb{width:var(--oq-space-7);height:var(--oq-space-7);object-fit:contain;border-radius:var(--oq-radius-sm);background:var(--oq-surface);box-shadow:var(--oq-shadow-1);flex:none}.oq-ws__drop-title{-webkit-line-clamp:2;line-clamp:2;min-height:calc(2 * var(--oq-leading-normal) * 1em);color:var(--oq-ink);font-size:var(--oq-text-sm);font-weight:var(--oq-weight-semibold);line-height:var(--oq-leading-normal);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oq-ws__drop-hint{color:var(--oq-muted);font-size:var(--oq-text-xs);line-height:var(--oq-leading-normal)}.oq-ws__drop-remove{margin-top:var(--oq-space-2);justify-self:start}.oq-ws__logo{padding-top:var(--oq-space-3)}.oq-ws__sizes{margin-bottom:var(--oq-space-3)}.oq-ws__custom-size{max-width:240px;margin:var(--oq-space-3) 0 0}.oq-ws__downloads{gap:var(--oq-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.oq-ws__download{width:100%;min-width:0;padding-inline:var(--oq-space-4);position:relative}.oq-ws__downloads>.oq-ws__download{min-height:var(--oq-space-7);font-size:var(--oq-text-base)}.oq-ws__downloads-legend{gap:var(--oq-space-2);margin:var(--oq-space-1) 0 0;max-width:none;color:var(--oq-muted);font-size:var(--oq-text-xs);line-height:var(--oq-leading-normal);text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.oq-ws__downloads-quiet{align-items:center;gap:var(--oq-space-2);margin-top:var(--oq-space-2);display:flex}.oq-ws__download--quiet{width:auto;font-size:var(--oq-text-sm);flex:none}.oq-ws__downloads-quiet-note{min-width:0;color:var(--oq-muted);font-size:var(--oq-text-xs);line-height:var(--oq-leading-normal)}.oq-ws__tick{opacity:0;width:1em;height:1em;transition:opacity var(--oq-dur-1) var(--oq-ease);flex:none}.oq-ws__download[data-saved=true] .oq-ws__tick,.oq-ws__copy[data-copied=true] .oq-ws__tick{opacity:1}.oq-ws__downloads-note{min-height:calc(3 * var(--oq-leading-normal) * 1em + 2 * var(--oq-space-3) + 2px);margin:var(--oq-space-3) 0 0;transition:background-color var(--oq-dur-2) var(--oq-ease), border-color var(--oq-dur-2) var(--oq-ease), color var(--oq-dur-2) var(--oq-ease)}.oq-ws__payload{margin-top:var(--oq-space-3)}.oq-ws__payload-head{justify-content:space-between;align-items:center;gap:var(--oq-space-3);margin-bottom:var(--oq-space-2);display:flex}.oq-ws__copy{min-width:var(--oq-space-9);padding-inline:var(--oq-space-4);font-size:var(--oq-text-sm)}.oq-ws__copy[data-copied=true]{border-color:var(--oq-success);color:var(--oq-success)}.oq-ws__payload-text{height:calc(4 * var(--oq-leading-normal) * 1em + 2 * var(--oq-space-3) + 2px);padding:var(--oq-space-3);border:1px solid var(--oq-line);border-radius:var(--oq-radius-md);background:var(--oq-surface-2);color:var(--oq-ink);font-size:var(--oq-text-xs);line-height:var(--oq-leading-normal);white-space:pre-wrap;overflow-wrap:anywhere;display:block;overflow:auto}.oq-ws__payload-text:focus-visible{border-color:var(--oq-accent);box-shadow:var(--oq-shadow-focus)}@keyframes oq-ws-fade{0%{opacity:0}to{opacity:1}}.oq-ws__section-title{margin-bottom:var(--oq-space-3);color:var(--oq-muted);font-size:var(--oq-text-xs);font-weight:var(--oq-weight-semibold);line-height:var(--oq-leading-normal);letter-spacing:var(--oq-tracking-overline);text-transform:uppercase}.oq-ws__design,.oq-ws__export{margin-top:var(--oq-space-4);padding-top:var(--oq-space-4);border-top:1px solid var(--oq-line)}.oq-ws__ecc-note{min-height:3em}.oq-ws__more{margin-top:var(--oq-space-4);padding-top:var(--oq-space-4);border-top:1px solid var(--oq-line)}.oq-ws__more-body{gap:var(--oq-space-5);padding-top:var(--oq-space-4);display:grid}@media (min-width:900px){.oq-ws__contrast,.oq-ws__budget{min-height:calc(3 * var(--oq-leading-normal) * 1em)}.oq-ws__notice{min-height:calc(3 * var(--oq-leading-normal) * 1em + 2 * var(--oq-space-3) + 2px)}.oq-ws__status{min-height:calc(3 * var(--oq-leading-normal) * 1em + 2 * var(--oq-space-2))}.oq-ws__form-error{min-height:calc(2 * var(--oq-leading-normal) * 1em)}}@media (max-width:599px){.oq-ws__frame{max-width:216px}.oq-ws__type-grid{gap:var(--oq-space-2);scroll-snap-type:x proximity;margin-inline:calc(-1 * var(--oq-space-4));padding-inline:var(--oq-space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-block-end:var(--oq-space-1);display:flex;overflow-x:auto}.oq-ws__type-grid::-webkit-scrollbar{display:none}.oq-ws__type-grid>li{scroll-snap-align:start;flex:none}.oq-ws__type{gap:var(--oq-space-2);min-height:44px;padding:var(--oq-space-2) var(--oq-space-4);white-space:nowrap;flex-direction:row}.oq-ws__type-label{-webkit-line-clamp:none;line-clamp:none;min-height:0;display:inline;overflow:visible}}@media (min-width:900px){.oq-ws__frame{max-width:320px}}@media (max-width:599px){.oq-ws__readout{gap:var(--oq-space-2) var(--oq-space-4);min-height:calc(2 * var(--oq-leading-normal) * 1em + var(--oq-space-3));flex-wrap:wrap;display:flex}.oq-ws__readout-row{gap:var(--oq-space-2);justify-content:flex-start}}.oq-ws__design .oq-ws__field{align-items:center;gap:var(--oq-space-3);margin-bottom:var(--oq-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.oq-ws__design .oq-ws__field>.oq-label,.oq-ws__design .oq-ws__field>legend.oq-label{margin:0}.oq-ws__design .oq-ws__fieldset{align-items:center;gap:var(--oq-space-3);grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.oq-ws__design .oq-help{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.oq-ws__design .oq-ws__row{gap:var(--oq-space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:480px){.oq-ws__design .oq-ws__row{grid-template-columns:repeat(2,minmax(0,1fr))}}.oq-ws__design .oq-ws__contrast{min-height:calc(2 * var(--oq-leading-normal) * 1em);font-size:var(--oq-text-xs)}.oq-ws__ecc-select{min-width:0;max-width:100%}.oq-ws__locked{margin:0 0 var(--oq-space-3);min-height:calc(2 * var(--oq-leading-normal) * 1em);max-width:none;color:var(--oq-muted);font-size:var(--oq-text-xs);line-height:var(--oq-leading-normal)}.oq-ws__type{gap:var(--oq-space-2);min-height:44px;padding:var(--oq-space-2) var(--oq-space-3);text-align:start;flex-direction:row}.oq-ws__type .oq-ws__type-label{-webkit-line-clamp:none;line-clamp:none;min-height:0;display:inline;overflow:visible}.oq-ws__fields .oq-help{margin-top:var(--oq-space-1);font-size:var(--oq-text-xs);line-height:var(--oq-leading-normal)}.oq-ws__fields .oq-ws__field{margin-bottom:var(--oq-space-3)}.oq-ws__design .oq-ws__row .oq-ws__field{display:block}.oq-ws__design .oq-ws__row .oq-ws__field>.oq-label{margin-bottom:var(--oq-space-2);display:block}.oq-ws__status[data-level=idle]:empty{border-inline-start-color:#0000;min-height:0;padding-block:0}.oq-ws__locked:empty{min-height:0;margin-bottom:0}@media (min-width:900px){.oq-ws{align-items:stretch}.oq-ws__card{height:100%}}.oq-ws__readout{gap:var(--oq-space-2) var(--oq-space-5);min-height:calc(2 * var(--oq-leading-normal) * 1em + var(--oq-space-3));flex-wrap:wrap;display:flex}.oq-ws__readout-row{gap:var(--oq-space-2);justify-content:flex-start}@media (min-width:900px){.oq-ws__frame{max-width:300px}.oq-ws__phase{gap:var(--oq-space-2);padding-block:0}}