.DemoConfigurator_layout___jKch{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1.4rem;gap:1.4rem}@media (min-width:960px){.DemoConfigurator_layout___jKch{grid-template-columns:15.5rem minmax(0,1fr);gap:2rem;align-items:start}}.DemoConfigurator_panel__mUEV_{display:flex;flex-direction:column;gap:1.4rem;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--surface);padding:1.2rem}@media (min-width:960px){.DemoConfigurator_panel__mUEV_{position:-webkit-sticky;position:sticky;top:90px}}.DemoConfigurator_group__B0CfA{display:flex;flex-direction:column;gap:.5rem}.DemoConfigurator_groupTitle__KScWd{font-family:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em}.DemoConfigurator_groupTitle__KScWd,.DemoConfigurator_hint__4v1Z9{font-size:var(--t-xs);color:var(--muted)}.DemoConfigurator_swatches__4TJRW{display:flex;flex-direction:column;gap:.3rem}.DemoConfigurator_swatch__D45UL{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:var(--r-sm);border:1px solid transparent;font-size:var(--t-sm);text-align:left;transition:border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.DemoConfigurator_swatch__D45UL i{width:15px;height:15px;border-radius:3px;flex:none}.DemoConfigurator_swatch__D45UL:hover{background:var(--surface-2)}.DemoConfigurator_swatch__D45UL[data-on=true]{border-color:var(--ink-900);background:var(--surface-2);font-weight:600}.DemoConfigurator_select__LQ_U2{padding:.55rem .6rem;border:1px solid var(--rule-strong);border-radius:var(--r-sm);background:var(--bg);font-size:var(--t-sm)}.DemoConfigurator_segmented__boN19{display:flex;border:1px solid var(--rule-strong);border-radius:var(--r-sm);overflow:hidden}.DemoConfigurator_segmented__boN19 button{flex:1 1;padding:.5rem .4rem;font-size:var(--t-sm);transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.DemoConfigurator_segmented__boN19 button[data-on=true]{background:var(--ink-900);color:#fff}.DemoConfigurator_presets__wpFcm{display:flex;flex-wrap:wrap;gap:.35rem}.DemoConfigurator_preset__TceJ5{padding:.35rem .6rem;border:1px solid var(--rule-strong);border-radius:100px;font-size:var(--t-xs);transition:border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.DemoConfigurator_preset__TceJ5[data-on=true]{border-color:var(--ink-900);background:var(--surface-2);font-weight:600}.DemoConfigurator_stageCol__56PZO{display:flex;flex-direction:column;gap:1rem;min-width:0}.DemoConfigurator_stand__rSX8K{display:flex;flex-direction:column;align-items:center;gap:.9rem}.DemoConfigurator_stageCol__56PZO[data-device=mobile] .DemoConfigurator_stand__rSX8K{padding:2rem 1rem 1.6rem;border:1px solid var(--rule);border-radius:var(--r-md);background:radial-gradient(120% 80% at 50% 0,var(--surface) 0,transparent 70%),var(--surface-2)}.DemoConfigurator_stage__8dSjH{width:100%;max-width:100%;border:1px solid var(--rule-strong);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-1);overflow:hidden}.DemoConfigurator_stage__8dSjH[data-device=mobile]{width:calc(390px + 1.1rem);max-width:100%;border:0;border-radius:2.4rem;padding:.55rem;background:var(--ink-900);box-shadow:0 0 0 1px rgb(0 0 0/.18),0 18px 40px -18px rgb(0 0 0/.45)}.DemoConfigurator_stage__8dSjH[data-device=mobile] .DemoConfigurator_phoneBar__Udq_B,.DemoConfigurator_stage__8dSjH[data-device=mobile] .DemoConfigurator_stageInner__7qryH{background:var(--surface)}.DemoConfigurator_stage__8dSjH[data-device=mobile] .DemoConfigurator_phoneBar__Udq_B{border-radius:1.95rem 1.95rem 0 0}.DemoConfigurator_stage__8dSjH[data-device=mobile] .DemoConfigurator_stageInner__7qryH{border-radius:0 0 .4rem .4rem;overflow:hidden}.DemoConfigurator_homeBar__UzMIV{display:block;width:34%;height:4px;margin:.5rem auto .15rem;border-radius:999px;background:rgb(255 255 255/.28)}.DemoConfigurator_chrome__epXN_{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--surface-2);border-bottom:1px solid var(--rule)}.DemoConfigurator_dot__rxdKt{width:8px;height:8px;border-radius:50%;background:var(--rule-strong);flex:none}.DemoConfigurator_url__TWEAI{margin-left:.4rem;font-size:var(--t-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.DemoConfigurator_phoneBar__Udq_B{display:flex;justify-content:center;align-items:center;padding:.75rem .75rem .5rem}.DemoConfigurator_phoneUrl__V7Tz_{font-size:var(--t-xs);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:.22rem .7rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.DemoConfigurator_badge__vXRmh{flex:none;font-size:var(--t-xs);color:var(--ok);border:1px solid var(--ok);border-radius:2px;padding:.1rem .36rem;white-space:nowrap}.DemoConfigurator_chrome__epXN_ .DemoConfigurator_badge__vXRmh{margin-left:auto}.DemoConfigurator_standNote__qmbAh{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:0;font-size:var(--t-xs);color:var(--muted);text-align:center}.DemoConfigurator_stageInner__7qryH{position:relative;min-width:0}.DemoConfigurator_frame__Q3yho{display:block;width:100%;border:0;transition:opacity .22s var(--ease-out)}.DemoConfigurator_loading__khQsh{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--t-sm);color:var(--muted)}.DemoConfigurator_vin__Q9Om2{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;margin-top:.6rem;padding:.5rem .6rem;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-sm);cursor:pointer;text-align:left}.DemoConfigurator_vin__Q9Om2 code{font-family:var(--font-mono);font-size:.78rem;color:var(--text);overflow:hidden;text-overflow:ellipsis}.DemoConfigurator_vin__Q9Om2 span{flex:none;font-size:var(--t-xs);color:var(--muted)}.DemoConfigurator_vin__Q9Om2:hover{border-color:var(--rule-strong)}.DemoConfigurator_vin__Q9Om2:hover span{color:var(--text-2)}.DemoConfigurator_cross__0nfnL{margin:.9rem 0 0;padding-top:.8rem;border-top:1px solid var(--rule);font-size:var(--t-xs);line-height:1.45;color:var(--muted)}.DemoConfigurator_cross__0nfnL a{color:var(--accent-ink);text-decoration:none;border-bottom:1px solid}.DemoConfigurator_cross__0nfnL a:hover{color:var(--text)}.DemoConfigurator_codeBox__PwJlp{border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:var(--ink-900)}.DemoConfigurator_codeHead__zJhWc{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border-bottom:1px solid rgba(255,255,255,.1)}.DemoConfigurator_codeTitle__bbVqj{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.1em;color:#9b9b93}.DemoConfigurator_copyBtn__FGNpO{margin-left:auto;font-family:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--t-xs);color:#9b9b93;padding:.26rem .55rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-sm);transition:color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.DemoConfigurator_copyBtn__FGNpO:hover{color:#edede8;border-color:rgba(255,255,255,.45)}.DemoConfigurator_pre__XvMG6{margin:0;padding:.9rem 1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.76rem;line-height:1.7;color:#edede8}.DemoConfigurator_codeNote__QvoxJ{padding:0 1rem .9rem;font-size:var(--t-xs);color:#8b8b83}