.components_btn__UofOj{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.875rem;padding:.55rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.components_btnPrimary__BcBqn{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 4px rgba(79,70,229,.2);border:1px solid hsla(0,0%,100%,.15)}.components_btnPrimary__BcBqn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.35)}.components_btnPrimary__BcBqn:active{transform:translateY(0)}.components_btnSecondary__quI_g{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}.components_btnSecondary__quI_g:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.components_btnGhost__LIekx{background:transparent;color:var(--text-secondary);border:1px solid transparent}.components_btnGhost__LIekx:hover{background:var(--bg-hover);color:var(--text-primary)}.components_btnSmall__FlNso{padding:.35rem .65rem;font-size:.8rem;border-radius:var(--radius-sm)}.components_btnLarge__NdEcW{padding:.75rem 1.5rem;font-size:1rem;border-radius:var(--radius-lg)}.components_badge__rXDRk{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.components_badgeAccent__YOijz{background:var(--accent-light);color:var(--accent-primary);border:1px solid var(--accent-border)}.components_badgeSuccess__SKyp2{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.components_badgeNeutral__VFHjv{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default)}.components_card__cODTh{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.components_card__cODTh:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.components_cardInteractive__3dx6S{cursor:pointer}.components_cardInteractive__3dx6S:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.components_pillGroup__4OVjs{display:flex;align-items:center;gap:.35rem;background:var(--bg-secondary);padding:.3rem .5rem;border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow-x:auto;max-width:100%;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.components_pillGroup__4OVjs::-webkit-scrollbar{display:none}.components_pillItem__4jvyx{padding:.4rem .85rem;font-size:.825rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;display:flex;align-items:center;gap:.4rem;white-space:nowrap;flex-shrink:0}.components_pillItem__4jvyx:hover{color:var(--text-primary);background:var(--bg-hover)}.components_pillItemActive__Ctxxd{background:var(--bg-elevated);color:var(--accent-primary);font-weight:600;box-shadow:var(--shadow-xs);border:1px solid var(--border-default)}.components_studioContainer__hzrEE{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;margin-top:1.5rem;margin-bottom:2rem;transition:border-color var(--transition-normal)}.components_studioToolbar__UpueT{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-default);flex-wrap:nowrap;gap:.75rem}@media (max-width:900px){.components_studioToolbar__UpueT{flex-wrap:wrap}}.components_studioBottomBar__coOfx{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;background-color:var(--bg-elevated);border-top:1px solid var(--border-default);flex-wrap:wrap;gap:1rem}.components_studioBottomBarActions__cipUC{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;min-width:0}@media (max-width:640px){.components_studioBottomBar__coOfx{padding:.75rem 1rem;flex-direction:column;align-items:stretch}.components_studioBottomBarActions__cipUC{width:100%;gap:.5rem}.components_studioBottomBarActions__cipUC button{flex:1 1 auto;min-width:0;justify-content:center;padding:.6rem .75rem;gap:.4rem}}.components_studioPanes__dtXp_{display:grid;grid-template-columns:1fr 1fr;height:580px;max-height:75vh;min-height:420px;overflow:hidden}@media (max-width:900px){.components_studioPanes__dtXp_{grid-template-columns:1fr;height:auto;max-height:none}.components_editorPane__WwGL_,.components_previewPane__LWK_I{height:400px!important}}.components_editorPane__WwGL_{border-right:1px solid var(--border-default);background:var(--editor-bg)}.components_editorPane__WwGL_,.components_previewPane__LWK_I{display:flex;flex-direction:column;position:relative;height:100%;min-height:0;overflow:hidden}.components_previewPane__LWK_I{background:var(--bg-primary)}.components_paneHeader__DnbdN{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-default);font-size:.8rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.components_paneTextarea__oWjfM{flex:1 1;width:100%;height:100%;padding:1.25rem;font-family:var(--font-mono),"Fira Code",ui-monospace,monospace;font-size:.875rem;line-height:1.65;color:var(--text-primary);background:transparent;border:none;resize:none;outline:none;overflow-y:auto;min-height:0}.components_previewContent__IlEdq{flex:1 1;padding:1.25rem 1.5rem;overflow-y:auto;height:100%;min-height:0}.components_previewContent__IlEdq img{max-width:100%;height:auto;border-radius:6px;margin:.5rem 0;box-shadow:var(--shadow-xs)}.components_hudBar__GM33C{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem;background:var(--bg-secondary);border-top:1px solid var(--border-default);font-size:.75rem;color:var(--text-muted);flex-wrap:wrap;gap:.75rem}.components_hudMetrics__tBmT3{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem 1.25rem;min-width:0}@media (max-width:640px){.components_hudBar__GM33C{padding:.45rem .85rem}.components_hudMetrics__tBmT3{gap:.25rem .85rem}.components_hudOptional___7VsU{display:none!important}}.components_hudMetricItem__8vyO9{display:flex;align-items:center;gap:.35rem}.components_hudMetricValue__hcg7W{font-weight:600;color:var(--text-primary)}.components_dropzone__vczjg{border:2px dashed var(--border-strong);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;background:var(--bg-secondary);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.components_dropzoneActive__EPvpv,.components_dropzone__vczjg:hover{border-color:var(--accent-primary);background:var(--accent-light);box-shadow:var(--shadow-glow)}.components_adSlot__Bk810{margin:1.5rem auto;text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;position:relative}.components_adLabel__N7JNS{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.35rem}.components_modalBackdrop__oozX3{position:fixed;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1.5rem;overflow-y:auto}.components_modalContent__njYMh{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.35);width:100%;max-width:680px;max-height:calc(100vh - 3rem);margin:auto;overflow-y:auto;position:relative}@media (max-width:640px){.components_modalBackdrop__oozX3{padding:.5rem;align-items:flex-end}.components_modalContent__njYMh{max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-bottom:0}}.components_mobileTabSwitcher__SXtX0{display:none}.components_mobileTabBtn__zEQgd{flex:1 1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;font-size:.775rem;font-weight:600;color:var(--text-secondary);background:transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.components_mobileTabBtnActive__m_tNU{background:var(--bg-elevated);color:var(--accent-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}@media (max-width:768px){.components_mobileTabSwitcher__SXtX0{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);overflow-x:auto}.components_hideOnMobile__4b_yp{display:none!important}.components_showOnMobileOnly__TiUGX{display:inline-flex!important}}@media (min-width:769px){.components_hideOnMobile__4b_yp{display:flex!important}.components_showOnMobileOnly__TiUGX{display:none!important}}.components_megaMenuWrapper__kRAtf{position:relative}.components_megaMenuDropdown___uUTY{position:absolute;top:calc(100% + 10px);right:-80px;width:min(840px,92vw);background-color:var(--bg-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 20px 40px -10px rgba(0,0,0,.2),0 0 0 1px var(--border-default);z-index:1000;overflow:hidden;animation:components_fadeInScale__dVtF4 .2s cubic-bezier(.16,1,.3,1)}.components_megaMenuGrid__7JMzM{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:1.25rem;gap:1.25rem;padding:1.25rem;max-height:60vh;overflow-y:auto}.components_megaMenuExportGrid__wGPEi{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem}.components_pulseDot__OwKlR{width:7px;height:7px;border-radius:50%;background-color:var(--success);box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:components_pulseGreen__WzQDv 2s infinite}@keyframes components_pulseGreen__WzQDv{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}@media (max-width:768px){.components_megaMenuDropdown___uUTY{position:fixed;top:66px;left:10px;right:10px;width:auto;max-height:calc(100vh - 84px)}.components_megaMenuGrid__7JMzM{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-height:calc(100vh - 170px)}.components_megaMenuExportGrid__wGPEi{grid-template-columns:1fr}}.components_startStrip___TOrZ{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:.65rem .85rem;margin-bottom:.75rem;transition:border-color var(--transition-fast),background-color var(--transition-fast);min-width:0}.components_startStripDragging__51hPP{border:1px dashed var(--accent-primary);background:var(--accent-light)}.components_startRow__ErAy7{display:flex;align-items:center;gap:.5rem .85rem;flex-wrap:wrap;min-width:0}.components_startActions__ixxUU{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.components_startAction__AvDG9{padding:.5rem .9rem;font-size:.85rem}.components_startAction__AvDG9:disabled{opacity:.7;cursor:progress}.components_startExamples__RmBoP{display:flex;align-items:center;gap:.45rem;flex:1 1 auto;min-width:0}.components_startExamplesLabel__OfFC_{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.components_startChips__obGXY{display:flex;align-items:center;gap:.35rem;overflow-x:auto;min-width:0;scrollbar-width:thin;padding:2px}.components_startChip__Qm4S_{flex-shrink:0;white-space:nowrap;font-size:.775rem;font-weight:600;padding:.3rem .7rem;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);transition:all var(--transition-fast)}.components_startChip__Qm4S_:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.components_startChipActive__yYD8P,.components_startChipActive__yYD8P:hover{background:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.components_startOptionsToggle__tviHS{margin-left:auto;flex-shrink:0}.components_startHintRow__IdDMp{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.45rem;font-size:.75rem;line-height:1.4;color:var(--text-secondary);min-height:1.05rem}.components_startPrivacy__pw_CN{display:inline-flex;align-items:center;gap:.3rem;color:var(--success);font-weight:600;min-width:0;max-width:100%}.components_startStatusError__fgDxd,.components_startStatusInfo__Tm7ZF,.components_startStatusSuccess__ma22x{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.components_startStatusSuccess__ma22x{color:var(--success)}.components_startStatusInfo__Tm7ZF{color:var(--accent-primary)}.components_startStatusError__fgDxd{color:#dc2626}.components_startOptions__6CmbY{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--border-default)}.components_startOptionGroup__9xHiZ{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;min-width:0}.components_startOptionLabel__nGFw3{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.components_startSegmented__LTv_K{display:inline-flex;flex-wrap:wrap;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:2px;gap:2px}.components_startSegment__t9jIC{padding:.2rem .55rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);color:var(--text-secondary)}.components_startSegmentActive___rTLB{background:var(--accent-primary);color:#fff}.components_spin__4JEYr{animation:components_studioSpin__QNSmd .9s linear infinite}@keyframes components_studioSpin__QNSmd{to{transform:rotate(1turn)}}@media (max-width:640px){.components_startStrip___TOrZ{padding:.6rem}.components_startActions__ixxUU{width:100%;flex-wrap:wrap}.components_startActions__ixxUU .components_startAction__AvDG9{flex:1 1 auto;padding:.55rem .6rem}.components_startExamples__RmBoP{width:100%}.components_startOptionsToggle__tviHS{margin-left:0}}.components_copyStatus__HegjX{font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.components_copyStatusError__5qZ_d{color:#dc2626}.components_copyStatusSuccess__ESV_b{color:var(--success)}.components_startStrip___TOrZ+.components_studioContainer__hzrEE{margin-top:0}.components_paneTextarea__oWjfM:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}@media (max-width:640px){.components_toolLabel__jB8wW{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.components_studioToolbar__UpueT{padding:.55rem .75rem;gap:.5rem}}