.PhoneMockups_appearanceFields__Jc_Nl,.PhoneMockups_mockup__iz2Qh,.PhoneMockups_settings__UilpY{display:grid;gap:12px;min-width:0}.PhoneMockups_appearance__zcGOo,.PhoneMockups_device__hrSya,.PhoneMockups_image___VBvp,.PhoneMockups_preview__dYVzI{min-width:0}.PhoneMockups_appearanceFields__Jc_Nl{align-items:start}.PhoneMockups_appearanceFields__Jc_Nl>*{min-width:0}.PhoneMockups_previewStage__YbGQ7{height:clamp(300px,48vh,520px)}@container tool-workspace (min-width: 600px){.PhoneMockups_appearanceFields__Jc_Nl,.PhoneMockups_settings__UilpY{grid-template-columns:repeat(2,minmax(0,1fr))}.PhoneMockups_appearance__zcGOo{grid-column:1/-1}}@container tool-workspace (min-width: 1000px){.PhoneMockups_mockup__iz2Qh{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.StatStrip_strip__9zEyu{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--bt-line);border-radius:11px;background:var(--bt-surface);padding-inline:20px;padding-block:16px}.StatStrip_stat__7CaNX{display:flex;flex-direction:column;gap:4px;min-inline-size:0;flex:1 1 auto}.StatStrip_value__U8dfW{font-size:22px;font-weight:600;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--bt-ink)}.StatStrip_label__n9X7I{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--bt-muted)}.StatStrip_sub__BNNsU{font-size:12px;line-height:1.3;color:var(--bt-muted)}.TwoPane_pane__ihw6w{container-type:inline-size;display:grid;grid-template-columns:var(--cols,1fr 1fr);gap:16px;align-items:stretch}.TwoPane_cell__OrLyL{min-inline-size:0;display:flex;flex-direction:column}@container (max-width: 720px){.TwoPane_pane__ihw6w{grid-template-columns:1fr}}@media (max-width:720px){.TwoPane_pane__ihw6w{grid-template-columns:1fr}}.OutputPanel_panel__nqNMc{border:1px solid var(--bt-line);border-radius:11px;background:var(--bt-surface);overflow:hidden}.OutputPanel_header__wmRyB{display:flex;align-items:center;gap:8px;min-block-size:44px;padding-inline:14px;padding-block:6px;border-block-end:1px solid var(--bt-line);background:var(--bt-surface)}.OutputPanel_title__h1LVU{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--bt-muted)}.OutputPanel_actions__6Sf7y{display:flex;align-items:center;gap:2px;margin-inline-start:auto}.OutputPanel_body__uvqKR{overflow:auto;background:var(--bt-fill)}.OutputPanel_pre__SpESz{margin:0;padding:14px;font-family:var(--mono);font-size:12.5px;line-height:1.55;color:var(--bt-ink);white-space:pre-wrap;word-break:break-word;tab-size:2}.ModePicker_picker__EY21d{position:relative;display:flex;flex-wrap:wrap;gap:3px;border:1px solid var(--bt-line);border-radius:9px;background:var(--bt-fill);padding:3px;isolation:isolate;overflow:visible}.ModePicker_disabled__IwdYo{opacity:.55;pointer-events:none}.ModePicker_indicator__M952o{display:none;position:absolute;z-index:0;inset-block:3px;left:0;inline-size:var(--w,0);border-radius:6px;background:var(--bt-surface);border:1px solid var(--bt-line);box-shadow:0 1px 2px rgba(0,0,0,.06);transform:translateX(var(--x,0));transition:transform .22s var(--bt-ease-out),inline-size .22s var(--bt-ease-out)}.dark .ModePicker_indicator__M952o{background:var(--bt-fill-hover);box-shadow:0 1px 2px rgba(0,0,0,.35)}.ModePicker_segment__X7xJG{position:relative;z-index:1;flex:1 1 auto;appearance:none;border:none;background:transparent;cursor:pointer;padding-inline:12px;padding-block:6px;font-size:12.5px;font-weight:500;line-height:1.2;color:var(--bt-muted);border-radius:6px;transition:color .15s ease;white-space:normal;min-height:36px;text-align:center}.ModePicker_segment__X7xJG:hover{color:var(--bt-ink)}.ModePicker_segment__X7xJG[data-active]{color:var(--bt-ink);background:color-mix(in srgb,var(--tool-accent,var(--bt-ink)) 18%,var(--bt-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tool-accent,var(--bt-line)) 38%,transparent)}.ModePicker_segment__X7xJG:focus-visible{outline:2px solid var(--bt-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ModePicker_indicator__M952o,.ModePicker_segment__X7xJG{transition:none}}@media (max-width:639px){.ModePicker_segment__X7xJG{min-height:44px}}.StylePanel_presetRow__VbmwG{display:flex;flex-wrap:wrap;gap:8px}.StylePanel_presetButton__VZgnz{appearance:none;border:1px solid var(--bt-line);border-radius:8px;background:var(--bt-surface);color:var(--bt-ink);padding-inline:12px;padding-block:7px;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.StylePanel_presetButton__VZgnz:hover{border-color:var(--bt-accent)}.StylePanel_presetButton__VZgnz:focus-visible{outline:2px solid var(--bt-accent);outline-offset:2px}.StylePanel_presetButton__VZgnz[data-active]{background:var(--bt-ink);border-color:var(--bt-ink);color:var(--bt-bg)}.StylePanel_select__SxSXe{display:flex;inline-size:100%;block-size:36px;border:1px solid var(--bt-line);border-radius:8px;background:var(--bt-surface);color:var(--bt-ink);padding-inline:10px;font-size:13px;cursor:pointer}.StylePanel_select__SxSXe:focus-visible{outline:2px solid var(--bt-accent);outline-offset:2px}.StylePanel_emphasized__Niz9c{display:inline-flex;border-radius:10px;outline:2px solid var(--bt-accent);outline-offset:2px}.StylePanel_positionGrid__KguJG{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;inline-size:fit-content}.StylePanel_positionButton__JFgf3{appearance:none;display:flex;align-items:center;justify-content:center;inline-size:34px;block-size:34px;border:1px solid var(--bt-line);border-radius:8px;background:var(--bt-surface);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.StylePanel_positionButton__JFgf3:hover{border-color:var(--bt-accent)}.StylePanel_positionButton__JFgf3:focus-visible{outline:2px solid var(--bt-accent);outline-offset:2px}.StylePanel_positionDot__yvSc2{inline-size:6px;block-size:6px;border-radius:999px;background:var(--bt-muted)}.StylePanel_positionButton__JFgf3[data-active]{border-color:var(--bt-accent);background:var(--bt-fill)}.StylePanel_positionButton__JFgf3[data-active] .StylePanel_positionDot__yvSc2{background:var(--bt-accent)}