.ShowcaseTemplateEditor_editor__cjU5K{--se-bg:var(--bg-primary);--se-canvas:var(--bg-secondary);--se-surface:var(--bg-card);--se-surface-subdued:var(--bg-secondary);--se-surface-hover:var(--bg-card-hover);--se-text:var(--text-primary);--se-text-secondary:var(--text-secondary);--se-text-muted:var(--text-muted);--se-border:var(--border);--se-border-strong:var(--border-strong);--se-primary:var(--accent);--se-selected:var(--accent);--se-selected-bg:var(--accent-glow);--se-success:#16845b;--se-danger:#c43d4d;--se-radius-sm:10px;--se-radius:14px;display:flex;width:100%;height:100dvh;min-height:640px;flex-direction:column;overflow:hidden;color:var(--se-text);background:var(--se-bg);font-family:var(--font-sans);font-size:13px}.ShowcaseTemplateEditor_topbar__wzYH8{position:relative;z-index:20;display:flex;height:64px;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:0 16px;border-bottom:1px solid var(--se-border);background:var(--se-surface)}.ShowcaseTemplateEditor_topbarActions__CHG3V,.ShowcaseTemplateEditor_topbarLeft__tYAwR{display:flex;min-width:0;align-items:center;gap:10px}.ShowcaseTemplateEditor_backButton__h8_Uj{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;flex:none;border-radius:var(--se-radius-sm);color:var(--se-text);background:transparent}.ShowcaseTemplateEditor_backButton__h8_Uj:hover{background:var(--se-surface-hover)}.ShowcaseTemplateEditor_topbarTitle__C3cTT{display:grid;min-width:0;grid-gap:2px;gap:2px}.ShowcaseTemplateEditor_topbarTitle__C3cTT span{color:var(--se-text-secondary);font-size:12px;font-weight:550;line-height:1.2}.ShowcaseTemplateEditor_topbarTitle__C3cTT strong{max-width:360px;overflow:hidden;font-size:16px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ShowcaseTemplateEditor_saveState__sTvZv{display:inline-flex;align-items:center;gap:6px;color:var(--se-success);font-size:13px;white-space:nowrap}.ShowcaseTemplateEditor_controls__NOwOG button,.ShowcaseTemplateEditor_topbar__wzYH8 button,.ShowcaseTemplateEditor_viewportBar__ht_pD button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--se-border);border-radius:var(--se-radius-sm);color:var(--se-text);background:var(--se-surface);box-shadow:0 1px 1px rgba(0,0,0,.04);cursor:pointer;font:inherit;font-size:13px;font-weight:600}.ShowcaseTemplateEditor_controls__NOwOG button:hover,.ShowcaseTemplateEditor_topbar__wzYH8 button:hover,.ShowcaseTemplateEditor_viewportBar__ht_pD button:hover{background:var(--se-surface-hover)}.ShowcaseTemplateEditor_controls__NOwOG button:disabled,.ShowcaseTemplateEditor_topbar__wzYH8 button:disabled{cursor:not-allowed;opacity:.46}.ShowcaseTemplateEditor_previewButton___43k1{background:var(--se-surface)!important}.ShowcaseTemplateEditor_exportButton__WAKfo{color:#fff!important;border-color:var(--se-primary)!important;background:var(--se-primary)!important;box-shadow:none!important}.ShowcaseTemplateEditor_exportButton__WAKfo:hover{background:var(--se-selected)!important}.ShowcaseTemplateEditor_secondaryButton__1GRTm{color:var(--se-text)!important;background:var(--se-surface)!important}.ShowcaseTemplateEditor_layout__coXV4{display:grid;grid-template-columns:344px minmax(0,1fr);min-height:0;flex:1 1;overflow:hidden;background:var(--se-bg)}.ShowcaseTemplateEditor_controls__NOwOG{min-width:0;overflow-y:auto;border-right:1px solid var(--se-border);background:var(--se-surface);scrollbar-color:#c6c9cd transparent;scrollbar-width:thin}.ShowcaseTemplateEditor_controlsIntro__M_Pja{position:-webkit-sticky;position:sticky;z-index:5;top:0;display:grid;grid-gap:5px;gap:5px;padding:18px 16px 14px;border-bottom:1px solid var(--se-border);background:hsla(0,0%,100%,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ShowcaseTemplateEditor_controlsIntro__M_Pja>strong{font-size:16px;font-weight:650}.ShowcaseTemplateEditor_controlsIntro__M_Pja>span{color:var(--se-text-secondary);font-size:13px;line-height:1.45}.ShowcaseTemplateEditor_selectionStatus__1q2m0{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;margin-top:8px;padding:8px 9px;border:1px solid var(--se-border);border-radius:var(--se-radius-sm);background:var(--se-surface-subdued)}.ShowcaseTemplateEditor_selectionStatus__1q2m0>span{min-width:0;overflow:hidden;color:var(--se-text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ShowcaseTemplateEditor_selectionStatus__1q2m0 b{color:var(--se-text);font-weight:650}.ShowcaseTemplateEditor_selectionStatus__1q2m0 button{min-height:28px;padding:0 8px;box-shadow:none;font-size:12px}.ShowcaseTemplateEditor_selectionStatus__1q2m0 button.ShowcaseTemplateEditor_isSelected__UN2ul{color:var(--se-selected);border-color:color-mix(in srgb,var(--se-selected) 30%,transparent);background:var(--se-selected-bg)}.ShowcaseTemplateEditor_section__wnfFz{border-bottom:1px solid var(--se-border);background:var(--se-surface)}.ShowcaseTemplateEditor_sectionHeading__d0lKN{display:flex!important;width:100%;height:50px;min-height:50px!important;align-items:center;justify-content:space-between!important;gap:12px;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ShowcaseTemplateEditor_sectionHeading__d0lKN:hover{background:var(--se-surface-hover)!important}.ShowcaseTemplateEditor_sectionHeading__d0lKN h2{margin:0;color:var(--se-text);font-size:14px;font-weight:650}.ShowcaseTemplateEditor_sectionHeading__d0lKN svg{color:var(--se-text-muted);transition:transform .16s ease}.ShowcaseTemplateEditor_sectionOpen__3_qDm .ShowcaseTemplateEditor_sectionHeading__d0lKN svg{transform:rotate(180deg)}.ShowcaseTemplateEditor_sectionBody__xYrJD{padding:2px 16px 18px}.ShowcaseTemplateEditor_field__bij6r{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;grid-gap:7px;gap:7px;margin:0 0 13px;color:var(--se-text);font-size:13px;font-weight:450}.ShowcaseTemplateEditor_field__bij6r:last-child{margin-bottom:0}.ShowcaseTemplateEditor_fieldLabelLine__0szdk{display:flex;min-width:0;align-items:center;gap:7px;color:var(--se-text);line-height:1.35}.ShowcaseTemplateEditor_fieldLabelLine__0szdk>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ShowcaseTemplateEditor_fieldLabelLine__0szdk em{margin-left:auto;color:var(--se-text-muted);font-size:11px;font-style:normal;font-weight:450}.ShowcaseTemplateEditor_fieldLabelLine__0szdk button{min-height:24px;margin-left:auto;padding:0 6px;border:0;color:var(--se-selected);background:transparent;box-shadow:none;font-size:11px}.ShowcaseTemplateEditor_field__bij6r input,.ShowcaseTemplateEditor_field__bij6r select,.ShowcaseTemplateEditor_field__bij6r textarea{width:100%;min-height:34px;padding:6px 9px;border:1px solid var(--se-border-strong);border-radius:var(--se-radius-sm);color:var(--se-text);background:var(--se-surface);box-shadow:none;font:inherit;font-size:13px;font-weight:400}.ShowcaseTemplateEditor_field__bij6r textarea{resize:vertical;line-height:1.5}.ShowcaseTemplateEditor_field__bij6r input:hover,.ShowcaseTemplateEditor_field__bij6r select:hover,.ShowcaseTemplateEditor_field__bij6r textarea:hover{border-color:#7d8288}.ShowcaseTemplateEditor_field__bij6r input:focus,.ShowcaseTemplateEditor_field__bij6r select:focus,.ShowcaseTemplateEditor_field__bij6r textarea:focus{border-color:var(--se-selected);outline:2px solid color-mix(in srgb,var(--se-selected) 16%,transparent);outline-offset:1px}.ShowcaseTemplateEditor_stackedField___N2Eg{grid-template-columns:1fr}.ShowcaseTemplateEditor_colorField__ctK5f,.ShowcaseTemplateEditor_numberField__1BgNa,.ShowcaseTemplateEditor_toggle__aenQw{grid-template-columns:minmax(0,1fr) auto;min-height:36px}.ShowcaseTemplateEditor_toggle__aenQw input{position:relative;width:38px;min-height:21px;height:21px;padding:0;border-color:var(--se-border-strong);border-radius:999px;accent-color:var(--se-primary)}.ShowcaseTemplateEditor_compactValue__gdk0f{position:relative;display:block;width:104px}.ShowcaseTemplateEditor_compactValue__gdk0f input{min-height:34px;padding-right:30px;text-align:right}.ShowcaseTemplateEditor_compactValue__gdk0f em{position:absolute;top:50%;right:9px;color:var(--se-text-muted);font-size:11px;font-style:normal;pointer-events:none;transform:translateY(-50%)}.ShowcaseTemplateEditor_colorValue__loiH5{display:grid;grid-template-columns:34px 88px;align-items:center;grid-gap:7px;gap:7px}.ShowcaseTemplateEditor_colorField__ctK5f .ShowcaseTemplateEditor_colorSwatch__J_m4E{width:34px;min-height:34px;height:34px;padding:3px;border:1px solid var(--se-border-strong);border-radius:var(--se-radius-sm);cursor:pointer}.ShowcaseTemplateEditor_colorField__ctK5f .ShowcaseTemplateEditor_colorSwatch__J_m4E::-webkit-color-swatch-wrapper{padding:0}.ShowcaseTemplateEditor_colorField__ctK5f .ShowcaseTemplateEditor_colorSwatch__J_m4E::-webkit-color-swatch{border:0;border-radius:4px}.ShowcaseTemplateEditor_colorField__ctK5f .ShowcaseTemplateEditor_hexInput___y1ys{min-height:34px;padding-inline:8px;color:var(--se-text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;text-transform:uppercase}.ShowcaseTemplateEditor_selectedControl__vtEwN{position:relative;margin:0 -8px 12px;padding:7px 8px 1px 11px;border-radius:5px;background:var(--se-selected-bg)}.ShowcaseTemplateEditor_selectedControl__vtEwN:before{position:absolute;top:7px;bottom:7px;left:0;width:3px;border-radius:3px;background:var(--se-selected);content:""}.ShowcaseTemplateEditor_selectedControl__vtEwN .ShowcaseTemplateEditor_field__bij6r{margin-bottom:8px}.ShowcaseTemplateEditor_selectedSection__roX_T{background:transparent}.ShowcaseTemplateEditor_collectionGroup__rJ1uQ{margin-top:17px;padding-top:15px;border-top:1px solid var(--se-border)}.ShowcaseTemplateEditor_collectionGroupTitle__RDdrB{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--se-text);font-size:13px;font-weight:650}.ShowcaseTemplateEditor_collectionGroupTitle__RDdrB small{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;color:var(--se-text-secondary);background:#eceeef;font-size:11px}.ShowcaseTemplateEditor_collectionItem__K3ECe{margin-bottom:10px;padding:10px;border:1px solid var(--se-border);border-radius:var(--se-radius-sm);background:var(--se-surface-subdued)}.ShowcaseTemplateEditor_collectionItem__K3ECe.ShowcaseTemplateEditor_selectedControl__vtEwN{margin:0 0 10px;padding:10px 10px 2px 13px}.ShowcaseTemplateEditor_collectionHead__5KKNe{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ShowcaseTemplateEditor_collectionHead__5KKNe>strong{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:6px;color:var(--se-text-secondary);background:#e8eaec;font-size:12px}.ShowcaseTemplateEditor_collectionHead__5KKNe span{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.ShowcaseTemplateEditor_collectionHead__5KKNe button{min-height:27px;padding:0 7px;box-shadow:none;font-size:11px}.ShowcaseTemplateEditor_addButton__9LRjt:disabled,.ShowcaseTemplateEditor_collectionHead__5KKNe button:disabled{cursor:not-allowed;opacity:.42}.ShowcaseTemplateEditor_addButton__9LRjt{width:100%;border-style:dashed!important;color:var(--se-text-secondary)!important;box-shadow:none!important}.ShowcaseTemplateEditor_spacingField__LIqhm{gap:8px;padding:11px;border:1px solid var(--se-border);border-radius:var(--se-radius-sm);background:var(--se-surface-subdued)}.ShowcaseTemplateEditor_spacingToolbar__VDdAi{display:flex;align-items:center;justify-content:space-between;color:var(--se-text-secondary);font-size:12px}.ShowcaseTemplateEditor_spacingToolbar__VDdAi button{min-height:27px;padding:0 7px;box-shadow:none;font-size:11px}.ShowcaseTemplateEditor_spacingToolbar__VDdAi .ShowcaseTemplateEditor_spacingLinked__W5Mxw{color:var(--se-selected);border-color:color-mix(in srgb,var(--se-selected) 28%,transparent);background:var(--se-selected-bg)}.ShowcaseTemplateEditor_spacingGrid__qfdJO{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.ShowcaseTemplateEditor_spacingSide__oeoE5{display:grid;min-width:0;grid-gap:4px;gap:4px;color:var(--se-text-secondary);font-size:11px;font-weight:550;text-align:center}.ShowcaseTemplateEditor_spacingInput__Dn0lc{position:relative;display:block;min-width:0}.ShowcaseTemplateEditor_spacingInput__Dn0lc input{min-width:0;min-height:33px;padding:5px 18px 5px 3px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:right}.ShowcaseTemplateEditor_spacingInput__Dn0lc input::-webkit-inner-spin-button,.ShowcaseTemplateEditor_spacingInput__Dn0lc input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.ShowcaseTemplateEditor_spacingInput__Dn0lc em{position:absolute;top:50%;right:5px;color:var(--se-text-muted);font-size:9px;font-style:normal;pointer-events:none;transform:translateY(-50%)}.ShowcaseTemplateEditor_deviceSetting__2Iusm{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--se-border);border-radius:var(--se-radius-sm);background:var(--se-surface-subdued)}.ShowcaseTemplateEditor_deviceSetting__2Iusm.ShowcaseTemplateEditor_isMobile__FBq2s{border-color:color-mix(in srgb,var(--se-selected) 25%,transparent);background:var(--se-selected-bg)}.ShowcaseTemplateEditor_deviceSetting__2Iusm div{display:grid;grid-gap:4px;gap:4px}.ShowcaseTemplateEditor_deviceSetting__2Iusm strong{font-size:13px}.ShowcaseTemplateEditor_deviceSetting__2Iusm span{color:var(--se-text-secondary);font-size:12px;line-height:1.45}.ShowcaseTemplateEditor_deviceSetting__2Iusm button{min-height:28px;flex:none;padding:0 7px;box-shadow:none;font-size:11px}.ShowcaseTemplateEditor_legacyHelp__c9Ycs{margin:0 0 12px;color:var(--se-text-secondary);font-size:13px;line-height:1.6}.ShowcaseTemplateEditor_cssEditor__Db4x_{width:100%;min-height:calc(100dvh - 210px);resize:vertical;padding:12px;border:1px solid #45494d;border-radius:var(--se-radius-sm);color:#f4f4f4;background:#202224;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;-moz-tab-size:2;tab-size:2}.ShowcaseTemplateEditor_cssEditor__Db4x_:focus{border-color:#6ea8fe;outline:2px solid color-mix(in srgb,var(--se-selected) 20%,transparent)}.ShowcaseTemplateEditor_inlineError__OKA7S{margin-top:9px;padding:9px 10px;border:1px solid rgba(191,7,17,.28);border-radius:var(--se-radius-sm);color:var(--se-danger);background:#fff2f3;font-size:12px}.ShowcaseTemplateEditor_previewArea__L0ELB{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;outline:none;background:var(--se-bg)}.ShowcaseTemplateEditor_viewportBar__ht_pD{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:0 16px;border-bottom:1px solid var(--se-border);background:var(--se-surface)}.ShowcaseTemplateEditor_viewportSwitch__2uB3O,.ShowcaseTemplateEditor_zoomControls__O0otH{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--se-border);border-radius:var(--se-radius-sm);background:var(--se-surface-subdued)}.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_viewportSwitch__2uB3O button,.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_zoomControls__O0otH button{min-height:30px;padding:0 9px;border-color:transparent;color:var(--se-text-secondary);background:transparent;box-shadow:none;font-size:12px;font-weight:550}.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_zoomControls__O0otH button:first-child,.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_zoomControls__O0otH button:nth-child(3){width:30px;padding:0}.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_zoomControls__O0otH button:nth-child(2){min-width:54px}.ShowcaseTemplateEditor_viewportBar__ht_pD button:hover{color:var(--se-text);background:#ebedef}.ShowcaseTemplateEditor_viewportBar__ht_pD button.ShowcaseTemplateEditor_active___2Ybb{color:var(--se-text);border-color:var(--se-border);background:var(--se-surface);box-shadow:0 1px 2px rgba(0,0,0,.08)}.ShowcaseTemplateEditor_stage__eiRTo{position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;flex:1 1;padding:32px;overflow:auto;background:var(--se-canvas)}.ShowcaseTemplateEditor_previewFrame__7ILg8{position:relative;flex:none;overflow:hidden;border:1px solid #dadddf;border-radius:6px;background:var(--se-surface);box-shadow:0 8px 24px rgba(32,34,35,.08)}.ShowcaseTemplateEditor_previewScale__Xcc3q{position:absolute;top:0;left:0;overflow:hidden;background:var(--se-surface);transform-origin:top left}.ShowcaseTemplateEditor_previewScale__Xcc3q iframe{position:absolute;top:var(--preview-offset-y);left:var(--preview-offset-x);display:block;margin:0}.ShowcaseTemplateEditor_error__iOKoc{width:min(460px,100%);margin:auto;padding:12px;border:1px solid rgba(191,7,17,.28);border-radius:var(--se-radius-sm);color:var(--se-danger);background:#fff2f3}.ShowcaseTemplateEditor_message__DVpdj{position:fixed;z-index:30;right:20px;bottom:20px;padding:11px 14px;border-radius:var(--se-radius-sm);color:#fff;background:var(--se-primary);box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:13px}@media (max-width:1040px){.ShowcaseTemplateEditor_layout__coXV4{grid-template-columns:320px minmax(0,1fr)}.ShowcaseTemplateEditor_saveState__sTvZv,.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_viewportSwitch__2uB3O button span,.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_zoomControls__O0otH button:last-child span{display:none}.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_viewportSwitch__2uB3O button{width:34px;padding:0}}@media (max-width:760px){.ShowcaseTemplateEditor_editor__cjU5K{min-height:560px}.ShowcaseTemplateEditor_topbar__wzYH8{height:56px;gap:8px;padding-inline:8px}.ShowcaseTemplateEditor_topbarTitle__C3cTT strong{max-width:126px;font-size:15px}.ShowcaseTemplateEditor_topbarTitle__C3cTT span{display:none}.ShowcaseTemplateEditor_topbarActions__CHG3V{gap:5px}.ShowcaseTemplateEditor_topbar__wzYH8 button{min-height:34px;padding-inline:8px}.ShowcaseTemplateEditor_previewButton___43k1{width:34px;padding:0!important;font-size:0!important}.ShowcaseTemplateEditor_secondaryButton__1GRTm{display:none!important}.ShowcaseTemplateEditor_layout__coXV4{grid-template-columns:1fr;grid-template-rows:minmax(280px,46%) minmax(300px,54%)}.ShowcaseTemplateEditor_controls__NOwOG{border-right:0;border-bottom:1px solid var(--se-border)}.ShowcaseTemplateEditor_controlsIntro__M_Pja{position:static}.ShowcaseTemplateEditor_viewportBar__ht_pD{min-height:50px;gap:8px;padding-inline:8px}.ShowcaseTemplateEditor_viewportSwitch__2uB3O,.ShowcaseTemplateEditor_zoomControls__O0otH{padding:2px}.ShowcaseTemplateEditor_viewportBar__ht_pD .ShowcaseTemplateEditor_zoomControls__O0otH button:nth-child(2){min-width:48px}.ShowcaseTemplateEditor_stage__eiRTo{padding:18px}.ShowcaseTemplateEditor_cssEditor__Db4x_{min-height:260px}}