._0DNIcq_grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (min-width:64rem){._0DNIcq_grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}._0DNIcq_card{border:1px solid var(--ui-line-soft);background:var(--ui-card);min-width:0;box-shadow:0 2px 4px color-mix(in srgb, var(--ui-content) 4%, transparent), 0 10px 28px -10px var(--ui-shadow);border-radius:1.375rem}@media (min-width:48rem){._0DNIcq_card{border-radius:1.75rem}}._0DNIcq_form{flex-direction:column;gap:1.125rem;padding:1.125rem;display:flex}@media (min-width:48rem){._0DNIcq_form{gap:1.375rem;padding:1.75rem}}._0DNIcq_tabs{border:1px solid var(--ui-line-soft);background:var(--ui-base-200);border-radius:.875rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}@media (min-width:48rem){._0DNIcq_tabs{align-self:flex-start;display:inline-flex}}._0DNIcq_tabs button,._0DNIcq_segment button{min-height:2.75rem;color:var(--ui-content-2);font-family:var(--font-ui);transition:background-color .2s var(--ui-ease-lift), color .2s var(--ui-ease-lift), transform .12s var(--ui-ease-lift);border-radius:.625rem;justify-content:center;align-items:center;padding:0 .375rem;font-size:.78125rem;font-weight:500;display:inline-flex}@media (min-width:48rem){._0DNIcq_tabs button,._0DNIcq_segment button{min-height:2.5rem;padding:0 .875rem;font-size:.875rem}}._0DNIcq_tabs button:hover,._0DNIcq_segment button:hover{color:var(--ui-content)}._0DNIcq_tabs button[aria-selected=true],._0DNIcq_segment button[aria-checked=true]{background:var(--ui-card);color:var(--ui-content);box-shadow:0 1px 3px var(--ui-shadow)}._0DNIcq_tabs button:active,._0DNIcq_segment button:active{transform:scale(.97)}._0DNIcq_tabs button:focus-visible,._0DNIcq_segment button:focus-visible{outline:var(--ui-focus-ring);outline-offset:1px}._0DNIcq_panel{flex-direction:column;display:flex}._0DNIcq_label{color:var(--ui-content);font-family:var(--font-ui);margin:0 0 .5rem;font-size:.8125rem;font-weight:600;line-height:1.125rem;display:block}._0DNIcq_label small{color:var(--ui-muted);font-weight:400}._0DNIcq_spaced{margin-block-start:.875rem}._0DNIcq_input{border:1px solid var(--ui-line);background:var(--ui-card-2);width:100%;height:3rem;color:var(--ui-content);font:inherit;transition:border-color .2s var(--ui-ease-lift), box-shadow .2s var(--ui-ease-lift);border-radius:.75rem;padding:0 .875rem;font-size:.9375rem;display:block}._0DNIcq_input:hover{border-color:color-mix(in srgb, var(--ui-content) 35%, transparent)}._0DNIcq_input:focus-visible{border-color:var(--ui-primary);outline:var(--ui-focus-ring);outline-offset:1px}._0DNIcq_input[aria-invalid=true]{border-color:var(--ui-danger-text)}._0DNIcq_area{resize:vertical;height:auto;min-height:6.5rem;padding:.75rem .875rem;line-height:1.375rem}._0DNIcq_upper{text-transform:uppercase}._0DNIcq_help{color:var(--ui-muted);margin:.375rem 0 0;font-size:.78125rem;line-height:1.125rem}._0DNIcq_two{grid-template-columns:minmax(0,1fr);gap:.875rem;display:grid}@media (min-width:48rem){._0DNIcq_two{grid-template-columns:repeat(2,minmax(0,1fr))}}._0DNIcq_demo{background:var(--ui-warning-bg);color:var(--ui-warning-text);border-radius:.875rem;margin:.875rem 0 0;padding:.75rem .875rem;font-size:.84375rem;line-height:1.25rem}._0DNIcq_demo strong{font-weight:600}._0DNIcq_opts{border-block-start:1px solid var(--ui-line-soft);flex-wrap:wrap;gap:1.25rem 2rem;padding-block-start:1.25rem;display:flex}._0DNIcq_swatches{gap:.5rem;display:flex}._0DNIcq_swatches button{border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}._0DNIcq_swatches i{background:var(--c);width:1.875rem;height:1.875rem;box-shadow:0 0 0 2px var(--ui-card), 0 0 0 3px transparent;transition:box-shadow .2s var(--ui-ease-lift), transform .2s var(--ui-ease-lift);border-radius:50%;display:block}._0DNIcq_swatches button[aria-checked=true] i{box-shadow:0 0 0 3px var(--ui-card), 0 0 0 5px var(--c)}._0DNIcq_swatches button:hover i{transform:scale(1.06)}._0DNIcq_swatches button:focus-visible{outline:var(--ui-focus-ring);outline-offset:0}._0DNIcq_segment{border:1px solid var(--ui-line-soft);background:var(--ui-base-200);border-radius:.875rem;gap:.25rem;padding:.25rem;display:inline-flex}._0DNIcq_bgDot{border:1px solid var(--ui-line);border-radius:50%;width:14px;height:14px;margin-inline-end:.5rem;display:inline-block}._0DNIcq_frameOpt{border-block-start:1px solid var(--ui-line-soft);flex-direction:column;gap:.875rem;padding-block-start:1.25rem;display:flex}._0DNIcq_toggle{cursor:pointer;align-self:flex-start;align-items:center;gap:.75rem;min-height:2.75rem;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative}._0DNIcq_toggle input{opacity:0;width:1px;height:1px;position:absolute}._0DNIcq_track{background:var(--ui-line);width:2.75rem;height:1.625rem;transition:background-color .2s var(--ui-ease-lift);border-radius:999px;flex:none;position:relative}._0DNIcq_track:after{background:var(--ui-card-2);width:1.25rem;height:1.25rem;box-shadow:0 1px 3px var(--ui-shadow);content:"";transition:transform .32s var(--ui-ease-lift);border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px}._0DNIcq_toggle input:checked+._0DNIcq_track{background:var(--ui-button)}._0DNIcq_toggle input:checked+._0DNIcq_track:after{transform:translate(18px)}[dir=rtl] ._0DNIcq_toggle input:checked+._0DNIcq_track:after{transform:translate(-18px)}._0DNIcq_toggle input:focus-visible+._0DNIcq_track{outline:var(--ui-focus-ring);outline-offset:2px}._0DNIcq_side{min-width:0}@media (min-width:64rem){._0DNIcq_side{position:sticky;inset-block-start:5.75rem}}._0DNIcq_preview{flex-direction:column;gap:1.125rem;padding:1rem;display:flex}@media (min-width:48rem){._0DNIcq_preview{padding:1.5rem}}._0DNIcq_stage{background:repeating-conic-gradient(color-mix(in srgb, var(--ui-content) 4%, transparent) 0 25%, transparent 0 50%) 0 0 / 20px 20px;border-radius:1.25rem;justify-content:center;align-items:center;min-height:15rem;padding:.875rem;display:flex}@media (min-width:48rem){._0DNIcq_stage{min-height:18.75rem;padding:1.25rem}}._0DNIcq_frame{background:var(--qb);width:100%;max-width:20rem;box-shadow:0 10px 28px -8px var(--ui-shadow);animation:_0DNIcq_pop .56s var(--ui-ease-lift) both;border-radius:4px}._0DNIcq_framed{border:4px solid var(--qc);border-radius:1.375rem;max-width:21.25rem;padding:4%}._0DNIcq_svg{width:100%;height:auto;display:block}._0DNIcq_caption{color:var(--qc);font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;text-align:center;margin:2% 0 3%;font-size:clamp(17px,6.4vw,24px);font-weight:600;line-height:1.25}._0DNIcq_empty{max-width:16.25rem;color:var(--ui-content-2);text-align:center;flex-direction:column;align-items:center;gap:.375rem;font-size:.875rem;line-height:1.3125rem;display:flex}._0DNIcq_empty b{color:var(--ui-content);font-size:1rem}._0DNIcq_meta p{color:var(--ui-muted);font-variant-numeric:tabular-nums;margin:.5rem 0 0;font-size:.8125rem;line-height:1.1875rem}._0DNIcq_bar{background:var(--ui-line-soft);border-radius:3px;height:6px;overflow:hidden}._0DNIcq_bar i{background:var(--ui-secondary);transform-origin:0;height:100%;transition:transform .32s var(--ui-ease-lift);border-radius:3px;display:block}[dir=rtl] ._0DNIcq_bar i{transform-origin:100%}._0DNIcq_bar i._0DNIcq_hi{background:var(--ui-warning)}._0DNIcq_bar i._0DNIcq_over{background:var(--ui-danger-text)}._0DNIcq_btns{flex-wrap:wrap;gap:.625rem;display:flex}._0DNIcq_btn{border-radius:var(--ui-radius-xs);flex:7.5rem;min-width:0;height:3rem;padding:0 .875rem}._0DNIcq_btn[aria-disabled=true]{opacity:.55}._0DNIcq_icon{border:1px solid var(--ui-line);width:2.75rem;height:2.75rem;color:var(--ui-content);transition:background-color .2s var(--ui-ease-lift);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-block:auto;display:inline-flex}._0DNIcq_icon:hover{background:color-mix(in srgb, var(--ui-content) 6%, transparent)}._0DNIcq_icon:focus-visible{outline:var(--ui-focus-ring);outline-offset:var(--ui-focus-offset)}._0DNIcq_notice:empty{display:none}._0DNIcq_notice{color:var(--ui-content-2);margin:0;font-size:.84375rem}._0DNIcq_privacy{color:var(--ui-muted);text-align:center;margin:.75rem .25rem 0;font-size:.8125rem;line-height:1.1875rem}@keyframes _0DNIcq_pop{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){._0DNIcq_tabs button,._0DNIcq_segment button,._0DNIcq_input,._0DNIcq_swatches i,._0DNIcq_track,._0DNIcq_track:after,._0DNIcq_bar i,._0DNIcq_icon{transition:none}._0DNIcq_frame{animation:none}._0DNIcq_tabs button:active,._0DNIcq_segment button:active,._0DNIcq_swatches button:hover i{transform:none}}@media (prefers-reduced-motion:no-preference){._0DNIcq_panelIn{animation:_0DNIcq_tool-panel-in var(--d-3) var(--e-out) both}}@keyframes _0DNIcq_tool-panel-in{0%{opacity:0;transform:translateY(6px)}}