.app-root-container[data-v-ab10ecee]{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.app-wallpaper-layer[data-v-ab10ecee]{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0;pointer-events:none;transition:background-image .4s ease}.app-layout[data-v-ab10ecee]{height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;z-index:1}.app-header[data-v-ab10ecee]{flex-shrink:0;padding:10px 20px 0;z-index:100}.header-container[data-v-ab10ecee]{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.nav-brand[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;color:inherit}.brand-icon[data-v-ab10ecee]{font-size:16px}.brand-title[data-v-ab10ecee]{font-weight:700;font-size:13.5px;color:#fff;letter-spacing:-.2px;white-space:nowrap}.brand-badge[data-v-ab10ecee]{font-size:10px;font-weight:600;color:#38bdf8;background:#38bdf826;padding:2px 6px;border-radius:6px;margin-left:2px}.nav-links[data-v-ab10ecee]{display:flex;align-items:center;gap:3px;padding:4px 6px}.nav-btn[data-v-ab10ecee]{display:flex;align-items:center;gap:5px;background:transparent;border:none;color:#ffffffbf;font-size:12px;font-weight:500;padding:6px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.nav-btn[data-v-ab10ecee]:hover{color:#fff;background:#ffffff1f}.nav-btn.active[data-v-ab10ecee]{color:#fff;background:#ffffff38;font-weight:600}.theme-toggle-btn[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#fff;font-size:11.5px;font-weight:600;padding:5px 10px;cursor:pointer;font-family:inherit;border-radius:8px;transition:all .15s ease}.theme-toggle-btn[data-v-ab10ecee]:hover{background:#ffffff26}.selector-icon[data-v-ab10ecee]{display:flex;align-items:center;font-size:13px}.theme-btn-text[data-v-ab10ecee]{font-size:11.5px;font-weight:600;color:#fff;white-space:nowrap}.main-container[data-v-ab10ecee]{flex:1;min-height:0;max-width:100vw;width:100%;margin:0;padding:6px 16px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:10}.tab-view[data-v-ab10ecee]{width:100%;height:100%}.active-dashboard[data-v-ab10ecee]{display:flex;align-items:center;justify-content:center}.active-showcase[data-v-ab10ecee]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 0 36px;height:100%;width:100%}.active-docs[data-v-ab10ecee]{display:flex;align-items:center;justify-content:center;height:100%;padding:8px 0}.dashboard-glass-card[data-v-ab10ecee]{box-shadow:0 24px 60px #00000073;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;max-width:calc(100vw - 32px)}.dashboard-glass-card[data-v-ab10ecee]:active{cursor:grabbing}.hero-banner-wrap[data-v-ab10ecee]{display:flex;justify-content:center;width:100%;flex-shrink:0}.hero-glass-box[data-v-ab10ecee]{width:100%;max-width:820px}.hero-banner-inner[data-v-ab10ecee]{padding:14px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-tag-badge[data-v-ab10ecee]{display:inline-flex;align-items:center;gap:5px;background:#ffffff1a;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#c4b5fd;margin-bottom:5px}.sparkle-gold[data-v-ab10ecee]{color:#fbbf24}.hero-headline[data-v-ab10ecee]{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:-.4px}.accent-text[data-v-ab10ecee]{background:linear-gradient(135deg,#38bdf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description[data-v-ab10ecee]{font-size:12px;color:#fffc;max-width:600px;line-height:1.4;margin-bottom:8px}.hero-button-row[data-v-ab10ecee]{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.hero-btn[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:6px 12px;font-size:11.5px;font-weight:600;cursor:pointer;color:#fff;font-family:inherit}.hero-btn.secondary[data-v-ab10ecee]{font-family:var(--font-mono);font-size:11px}.showcase-cards-row[data-v-ab10ecee]{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}.card-slot[data-v-ab10ecee]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.slot-hero[data-v-ab10ecee]{width:420px;height:230px}.slot-music[data-v-ab10ecee]{width:320px;height:230px}.slot-weather[data-v-ab10ecee]{width:300px;height:230px}.showcase-card[data-v-ab10ecee]{box-shadow:0 16px 36px #0006;max-width:calc(100vw - 32px)}.ref-card-inner[data-v-ab10ecee]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:16px;-webkit-user-select:none;user-select:none}.ref-card-title[data-v-ab10ecee]{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:-.4px}.ref-card-subtitle[data-v-ab10ecee]{font-size:12px;color:#ffffffe6;margin-bottom:8px}.card-optics-tag[data-v-ab10ecee]{font-size:10px;font-family:var(--font-mono);background:#ffffff1f;padding:3px 8px;border-radius:6px;color:#38bdf8}.music-card-inner[data-v-ab10ecee]{padding:14px;display:flex;flex-direction:column;justify-content:space-between;height:100%;-webkit-user-select:none;user-select:none}.card-top-row[data-v-ab10ecee]{display:flex;justify-content:space-between;align-items:center}.mini-tag[data-v-ab10ecee]{font-size:10px;font-weight:600;text-transform:uppercase;color:#fffc}.mini-eq[data-v-ab10ecee]{display:flex;align-items:flex-end;gap:2px;height:11px}.mini-eq span[data-v-ab10ecee]{width:2.5px;height:100%;background:#38bdf8;border-radius:1px;animation:eqJump-ab10ecee .8s ease-in-out infinite alternate}.mini-eq span[data-v-ab10ecee]:nth-child(2){animation-delay:.2s}.mini-eq span[data-v-ab10ecee]:nth-child(3){animation-delay:.4s}.mini-eq span[data-v-ab10ecee]:nth-child(4){animation-delay:.15s}.mini-eq.paused span[data-v-ab10ecee]{animation-play-state:paused;height:3px}@keyframes eqJump-ab10ecee{0%{height:3px}to{height:11px}}.music-body[data-v-ab10ecee]{text-align:center}.music-glyph[data-v-ab10ecee]{font-size:22px;display:inline-block;margin-bottom:2px}.track-title[data-v-ab10ecee]{font-size:14.5px;font-weight:700;color:#fff;margin-bottom:1px}.track-sub[data-v-ab10ecee]{font-size:10.5px;color:#ffffffb3}.music-controls-row[data-v-ab10ecee]{display:flex;align-items:center;justify-content:center;gap:12px}.music-btn[data-v-ab10ecee]{background:none;border:none;color:#fffc;cursor:pointer;display:flex;align-items:center}.music-btn[data-v-ab10ecee]:hover{color:#fff}.play-btn-circle[data-v-ab10ecee]{width:30px;height:30px;background:#fff;border:none;border-radius:50%;color:#090a16;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .15s}.play-btn-circle[data-v-ab10ecee]:hover{transform:scale(1.06)}.weather-card-inner[data-v-ab10ecee]{padding:14px;display:flex;flex-direction:column;justify-content:space-between;height:100%;-webkit-user-select:none;user-select:none}.live-indicator[data-v-ab10ecee]{font-size:9px;font-weight:700;background:#ef444459;color:#fca5a5;border:1px solid rgba(239,68,68,.5);padding:1px 5px;border-radius:4px}.weather-body[data-v-ab10ecee]{text-align:center}.weather-glyph[data-v-ab10ecee]{color:#38bdf8;margin-bottom:1px}.temp-text[data-v-ab10ecee]{font-size:28px;font-weight:800;color:#fff;line-height:1}.deg[data-v-ab10ecee]{font-size:14px;color:#38bdf8}.weather-sub[data-v-ab10ecee]{font-size:10.5px;color:#ffffffbf;margin-top:1px}.weather-footer-grid[data-v-ab10ecee]{display:flex;justify-content:space-around;background:#ffffff14;padding:4px;border-radius:8px}.stat-box[data-v-ab10ecee]{display:flex;align-items:center;gap:4px;font-size:10px;color:#fff}.studio-3col-layout[data-v-ab10ecee]{height:100%;max-height:calc(100vh - 100px);width:100%;max-width:100%;margin:0;display:grid;grid-template-columns:290px 1fr 310px;gap:14px;align-items:center;overflow:hidden;position:relative}.studio-col[data-v-ab10ecee]{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.studio-col-controls[data-v-ab10ecee],.studio-col-code[data-v-ab10ecee]{height:fit-content;max-height:calc(100vh - 110px);align-self:center}.col-glass-wrapper[data-v-ab10ecee]{height:100%;width:100%;display:flex}.sidebar-scrollable[data-v-ab10ecee]{padding:14px 14px 22px;max-height:calc(100vh - 120px);height:100%;width:100%;overflow-y:auto;display:flex;flex-direction:column;gap:9px}.sidebar-header[data-v-ab10ecee]{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px}.sidebar-title[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:#fff}.sidebar-header-actions[data-v-ab10ecee]{display:flex;align-items:center;gap:6px}.reset-btn[data-v-ab10ecee]{background:#ffffff1a;border:none;color:#fffc;padding:4px 6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:background .15s ease}.reset-btn[data-v-ab10ecee]:hover{background:#fff3}.mobile-close-btn[data-v-ab10ecee]{display:none;background:#ffffff26;border:none;color:#fff;padding:4px 6px;border-radius:6px;cursor:pointer}.preset-strip[data-v-ab10ecee]{display:flex;gap:4px;flex-wrap:wrap}.preset-chip[data-v-ab10ecee]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10.5px;font-weight:600;padding:3px 7px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}.preset-chip[data-v-ab10ecee]:hover{background:#ffffff40;border-color:#38bdf8}.controls-form[data-v-ab10ecee]{display:flex;flex-direction:column;gap:8px}.ctrl-grid-2[data-v-ab10ecee]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ctrl-group[data-v-ab10ecee]{display:flex;flex-direction:column;gap:3px}.ctrl-label[data-v-ab10ecee]{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#ffffffe6}.val-pill[data-v-ab10ecee]{font-family:var(--font-mono);font-size:10px;background:#ffffff1a;padding:1px 5px;border-radius:4px;color:#38bdf8}.ctrl-range[data-v-ab10ecee]{width:100%;height:4px;border-radius:2px;background:#ffffff26;outline:none;-webkit-appearance:none;cursor:pointer}.ctrl-range[data-v-ab10ecee]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#38bdf8;box-shadow:0 0 6px #38bdf8cc;cursor:pointer}.ctrl-select[data-v-ab10ecee]{background:#0006;border:1px solid rgba(255,255,255,.2);color:#fff;padding:5px 8px;border-radius:6px;font-size:11px;outline:none;cursor:pointer;font-family:inherit}.ctrl-select option[data-v-ab10ecee]{background:#090a16;color:#fff}.color-wrap[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;background:#0006;padding:3px 6px;border-radius:6px}.color-input[data-v-ab10ecee]{width:18px;height:18px;border:none;border-radius:4px;cursor:pointer;background:none}.hex-lbl[data-v-ab10ecee]{font-family:var(--font-mono);font-size:10px;color:#fff}.checkbox-lbl[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff;cursor:pointer}.ctrl-text-input[data-v-ab10ecee]{background:#0006;border:1px solid rgba(255,255,255,.2);color:#fff;padding:5px 8px;border-radius:6px;font-size:11px;outline:none;width:100%;transition:border-color .15s}.ctrl-text-input[data-v-ab10ecee]:focus,.ctrl-textarea[data-v-ab10ecee]:focus{border-color:#38bdf8}.ctrl-textarea[data-v-ab10ecee]{background:#0006;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 10px;border-radius:8px;font-size:11.5px;outline:none;width:100%;min-height:75px;resize:vertical;line-height:1.4;font-family:inherit;transition:border-color .15s}.stage-glass-body[data-v-ab10ecee]{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:16px 18px;text-align:left}.stage-top-meta[data-v-ab10ecee]{display:flex;justify-content:space-between;align-items:center}.stage-mini-badge[data-v-ab10ecee]{font-size:10px;font-weight:700;color:#38bdf8;background:#38bdf826;border:1px solid rgba(56,189,248,.3);padding:2px 6px;border-radius:5px}.stage-status-live[data-v-ab10ecee]{font-size:9px;font-weight:700;color:#34d399}.stage-glass-title[data-v-ab10ecee]{font-size:17px;font-weight:800;color:#fff;margin:2px 0;letter-spacing:-.3px}.stage-glass-desc[data-v-ab10ecee]{font-size:11.5px;line-height:1.4;color:#ffffffe6;margin-bottom:4px}.stage-badges-cluster[data-v-ab10ecee]{display:flex;gap:5px;flex-wrap:wrap}.stage-feature-chip[data-v-ab10ecee]{font-family:var(--font-mono);font-size:9.5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);padding:2px 6px;border-radius:5px;color:#fff}.stage-user-card[data-v-ab10ecee]{display:flex;align-items:center;gap:14px;height:100%;padding:16px;text-align:left}.stage-user-avatar[data-v-ab10ecee]{width:48px;height:48px;background:linear-gradient(135deg,#38bdf84d,#a855f74d);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stage-user-info[data-v-ab10ecee]{display:flex;flex-direction:column;gap:2px}.stage-user-name[data-v-ab10ecee]{font-size:16px;font-weight:800;color:#fff}.stage-user-role[data-v-ab10ecee]{font-size:10.5px;font-weight:600;color:#38bdf8}.stage-user-bio[data-v-ab10ecee]{font-size:11px;color:#ffffffd9;line-height:1.3;margin:2px 0}.stage-user-actions[data-v-ab10ecee]{display:flex;gap:6px;margin-top:4px}.stage-action-btn[data-v-ab10ecee]{display:flex;align-items:center;gap:4px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;padding:3px 7px;border-radius:6px;font-size:10.5px;cursor:pointer}.stage-action-btn.primary[data-v-ab10ecee]{background:#f43f5e40;border-color:#f43f5e66;color:#fda4af}.stage-quote-card[data-v-ab10ecee]{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:16px 20px;text-align:left;position:relative}.stage-quote-mark[data-v-ab10ecee]{position:absolute;top:-6px;left:12px;font-size:50px;line-height:1;color:#38bdf838;font-family:serif;pointer-events:none}.stage-quote-title[data-v-ab10ecee]{font-size:14px;font-weight:800;color:#fff;z-index:1}.stage-quote-text[data-v-ab10ecee]{font-size:11.5px;line-height:1.4;color:#ffffffe6;font-style:italic;z-index:1}.stage-quote-author[data-v-ab10ecee]{display:flex;flex-direction:column;z-index:1}.author-name[data-v-ab10ecee]{font-size:11px;font-weight:700;color:#38bdf8}.author-sub[data-v-ab10ecee]{font-size:9.5px;color:#fff9}.stage-terminal-card[data-v-ab10ecee]{display:flex;flex-direction:column;height:100%;padding:12px 14px;background:#0006;border-radius:12px;text-align:left;font-family:var(--font-mono)}.stage-term-header[data-v-ab10ecee]{display:flex;align-items:center;gap:8px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.term-dots[data-v-ab10ecee]{display:flex;gap:4px}.term-dots span[data-v-ab10ecee]{width:6px;height:6px;border-radius:50%;background:#ef4444}.term-dots span[data-v-ab10ecee]:nth-child(2){background:#f59e0b}.term-dots span[data-v-ab10ecee]:nth-child(3){background:#10b981}.term-title[data-v-ab10ecee]{font-size:10px;color:#fff9}.stage-term-body[data-v-ab10ecee]{display:flex;flex-direction:column;gap:3px;font-size:10.5px;line-height:1.35}.term-line[data-v-ab10ecee]{color:#e2e8f0}.term-line.success[data-v-ab10ecee]{color:#34d399}.term-line.info[data-v-ab10ecee]{color:#38bdf8}.term-line.active[data-v-ab10ecee]{color:#facc15}.term-prompt[data-v-ab10ecee]{color:#818cf8;margin-right:4px;font-weight:700}.term-cursor[data-v-ab10ecee]{animation:blink-ab10ecee 1s infinite}@keyframes blink-ab10ecee{0%,to{opacity:1}50%{opacity:0}}.canvas-stage-card[data-v-ab10ecee]{height:100%;width:100%;background:#00000059;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:12px;display:flex;flex-direction:column;box-shadow:0 16px 36px #00000059;overflow:hidden;position:relative}.canvas-stage-header[data-v-ab10ecee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-shrink:0}.stage-live-badge[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#38bdf8}.stage-live-dot[data-v-ab10ecee]{width:7px;height:7px;background:#38bdf8;border-radius:50%;box-shadow:0 0 8px #38bdf8}.stage-drag-tip[data-v-ab10ecee]{font-size:10.5px;color:#fff9}.canvas-stage-viewport[data-v-ab10ecee]{flex:1;min-height:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.stage-glass-component[data-v-ab10ecee]{max-width:100%;max-height:100%;box-shadow:0 16px 36px #0006;position:relative;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform}.mobile-floating-bar[data-v-ab10ecee]{display:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%);gap:10px;z-index:50}.mobile-float-btn[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#fff;font-size:11px;font-weight:600;padding:6px 12px;border-radius:12px;cursor:pointer;font-family:inherit}.mobile-float-btn.active[data-v-ab10ecee]{background:#ffffff40;color:#38bdf8}.code-panel-container[data-v-ab10ecee]{padding:14px;height:100%;max-height:calc(100vh - 120px);width:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.code-panel-top[data-v-ab10ecee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-shrink:0}.code-panel-top-actions[data-v-ab10ecee]{display:flex;align-items:center;gap:6px}.code-panel-title[data-v-ab10ecee]{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#fff}.framework-badges[data-v-ab10ecee]{display:flex;gap:4px;background:#00000059;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-bottom:6px;flex-shrink:0}.fw-badge[data-v-ab10ecee]{flex:1;background:transparent;border:none;color:#ffffffb3;font-size:10px;font-weight:600;padding:3px 5px;border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit;text-align:center}.fw-badge.active[data-v-ab10ecee]{background:#fff3;color:#fff;box-shadow:0 1px 4px #0003}.copy-code-btn[data-v-ab10ecee]{display:flex;align-items:center;gap:4px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10.5px;font-weight:600;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}.copy-code-btn[data-v-ab10ecee]:hover{background:#ffffff40}.code-panel-body[data-v-ab10ecee]{flex:1;min-height:0;overflow:hidden;display:flex}.code-pre-block[data-v-ab10ecee]{background:#0000008c;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:10px;font-family:var(--font-mono);font-size:11px;color:#e2e8f0;overflow:auto;width:100%;height:100%;line-height:1.45;white-space:pre}.code-panel-bottom[data-v-ab10ecee]{margin-top:6px;display:flex;justify-content:center;flex-shrink:0}.reactive-pill[data-v-ab10ecee]{font-size:10px;font-family:var(--font-mono);color:#38bdf8;background:#38bdf826;padding:2px 7px;border-radius:6px}.docs-card-wrapper[data-v-ab10ecee]{max-width:980px;width:100%;height:100%;max-height:calc(100vh - 110px);display:flex;justify-content:center}.docs-glass-card[data-v-ab10ecee]{width:100%;height:100%;display:flex;box-shadow:0 24px 60px #000000a6}.docs-card-content[data-v-ab10ecee]{padding:16px 20px;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.docs-card-header[data-v-ab10ecee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:8px}.docs-title-group[data-v-ab10ecee]{display:flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:700}.docs-version-badge[data-v-ab10ecee]{font-family:var(--font-mono);font-size:10.5px;color:#38bdf8;background:#38bdf826;border:1px solid rgba(56,189,248,.3);padding:2px 8px;border-radius:6px}.docs-table-scroll-area[data-v-ab10ecee]{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000073}.enhanced-api-table[data-v-ab10ecee]{width:100%;min-width:580px;border-collapse:collapse;text-align:left}.enhanced-api-table th[data-v-ab10ecee]{position:sticky;top:0;background:#090c19;padding:8px 12px;font-size:12px;font-weight:700;color:#38bdf8;border-bottom:2px solid rgba(56,189,248,.3);z-index:10;letter-spacing:.3px}.enhanced-api-table td[data-v-ab10ecee]{padding:8px 12px;font-size:12px;color:#f1f5f9;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.enhanced-api-table tr:hover td[data-v-ab10ecee]{background:#ffffff0f}.prop-badge[data-v-ab10ecee]{font-family:var(--font-mono);font-weight:700;color:#38bdf8;font-size:12px}.type-pill[data-v-ab10ecee]{font-family:var(--font-mono);font-size:11px;color:#c084fc;background:#a855f733;border:1px solid rgba(168,85,247,.3);padding:2px 6px;border-radius:5px;white-space:nowrap}.default-pill[data-v-ab10ecee]{font-family:var(--font-mono);font-size:11px;color:#34d399;background:#10b9812e;border:1px solid rgba(16,185,129,.3);padding:2px 6px;border-radius:5px;white-space:nowrap}.desc-cell[data-v-ab10ecee]{color:#ffffffe6;line-height:1.4;font-size:12px}.desc-cell code[data-v-ab10ecee]{font-family:var(--font-mono);font-size:10.5px;background:#ffffff26;color:#fde047;padding:1px 4px;border-radius:4px}.app-footer[data-v-ab10ecee]{flex-shrink:0;padding:4px 16px 8px;z-index:100;display:flex;justify-content:center;align-items:center;width:100%}.footer-bar[data-v-ab10ecee]{display:flex;align-items:center;justify-content:center;gap:16px;padding:5px 16px;font-size:11.5px;color:#fffc;text-align:center;flex-wrap:wrap}.footer-npm-link[data-v-ab10ecee]{display:flex;align-items:center;gap:4px;color:#38bdf8;text-decoration:none;font-weight:600}.footer-npm-link[data-v-ab10ecee]:hover{text-decoration:underline}.text-accent[data-v-ab10ecee]{color:#38bdf8}.text-emerald[data-v-ab10ecee]{color:#34d399}.mobile-drawer-overlay[data-v-ab10ecee]{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050ec7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:180;animation:fadeInOverlay-ab10ecee .25s ease}@keyframes fadeInOverlay-ab10ecee{0%{opacity:0}to{opacity:1}}@media (max-width: 992px){.app-header[data-v-ab10ecee]{padding:6px 10px 0}.header-container[data-v-ab10ecee]{gap:5px}.brand-badge[data-v-ab10ecee],.theme-btn-text[data-v-ab10ecee]{display:none}.theme-toggle-btn[data-v-ab10ecee]{padding:5px 8px}.studio-3col-layout[data-v-ab10ecee]{display:flex;flex-direction:column;height:100%;position:relative}.studio-col-canvas[data-v-ab10ecee]{width:100%;height:100%;flex:1}.mobile-floating-bar[data-v-ab10ecee]{display:flex}.mobile-floating-bar.hide-floating[data-v-ab10ecee]{display:none!important}.studio-col-controls[data-v-ab10ecee]{position:fixed!important;bottom:-100%!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;height:82vh!important;max-height:82vh!important;margin:0!important;z-index:200;transition:bottom .35s cubic-bezier(.16,1,.3,1);background:#090c19!important;border-top:2px solid rgba(56,189,248,.45);border-radius:24px 24px 0 0;box-shadow:0 -16px 50px #000000f2;overflow:hidden}.studio-col-controls .col-glass-wrapper[data-v-ab10ecee]{width:100%!important;max-width:100%!important;height:100%!important;display:flex!important;background:transparent!important;border:none!important;box-shadow:none!important}.studio-col-controls.mobile-active[data-v-ab10ecee]{bottom:0!important}.studio-col-code[data-v-ab10ecee]{position:fixed!important;bottom:-100%!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;height:82vh!important;max-height:82vh!important;margin:0!important;z-index:200;transition:bottom .35s cubic-bezier(.16,1,.3,1);background:#090c19!important;border-top:2px solid rgba(56,189,248,.45);border-radius:24px 24px 0 0;box-shadow:0 -16px 50px #000000f2;overflow:hidden}.studio-col-code .col-glass-wrapper[data-v-ab10ecee]{width:100%!important;max-width:100%!important;height:100%!important;display:flex!important;background:transparent!important;border:none!important;box-shadow:none!important}.studio-col-code.mobile-active[data-v-ab10ecee]{bottom:0!important}.sidebar-scrollable[data-v-ab10ecee],.code-panel-container[data-v-ab10ecee]{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;padding:16px 20px 32px!important;box-sizing:border-box!important}.mobile-close-btn[data-v-ab10ecee]{display:flex;align-items:center}.showcase-cards-row[data-v-ab10ecee]{flex-direction:column;gap:16px;padding-bottom:20px}.slot-hero[data-v-ab10ecee],.slot-music[data-v-ab10ecee],.slot-weather[data-v-ab10ecee]{width:100%;max-width:420px;height:auto}.main-container[data-v-ab10ecee]{overflow-y:auto}}@media (max-width: 640px){.nav-btn-text[data-v-ab10ecee]{display:none}.nav-btn[data-v-ab10ecee]{padding:6px 8px}.brand-title[data-v-ab10ecee]{font-size:11.5px}.hero-headline[data-v-ab10ecee]{font-size:17px}.hero-description[data-v-ab10ecee]{font-size:11px}.app-footer[data-v-ab10ecee]{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-primary: #8b5cf6;--color-accent: #06b6d4;--color-bg-dark: #090a16}html,body{height:100vh;width:100vw;font-family:var(--font-sans);color:#f8fafc;background-color:var(--color-bg-dark);overflow:hidden;-webkit-font-smoothing:antialiased}#app{height:100%;width:100%}.bg-abstract-flow{background-image:url(/wallpapers/abstract-flow.svg)}.bg-neon-grid{background-image:url(/wallpapers/neon-grid.svg)}.bg-cyber-horizon{background-image:url(/wallpapers/cyber-horizon.svg)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}:root{--lg-tint-color: 255, 255, 255;--lg-tint-opacity: 0;--lg-shadow-blur: 20px;--lg-shadow-spread: -5px;--lg-shadow-color: rgba(255, 255, 255, .45);--lg-outer-shadow-blur: 24px;--lg-glass-radius: 20px;--lg-accent: #8b7cf7}liquid-glass{display:inline-flex;position:relative;box-sizing:border-box;width:fit-content;max-width:100%;border-radius:var(--lg-glass-radius, 20px);isolation:isolate;vertical-align:middle}liquid-glass-controls{display:block}.lg-controls-panel{position:fixed;top:12px;left:12px;bottom:12px;width:280px;background:#16161ad1;backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);color:#fff;border-radius:20px;font-size:13px;z-index:1000;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;box-shadow:0 10px 30px #0006;transform:translate(calc(-100% - 24px));transition:transform .35s cubic-bezier(.32,.72,0,1)}.lg-controls-panel.open{transform:translate(0)}.lg-controls-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.lg-controls-title{font-size:14px;font-weight:600;color:#ffffffd9}.lg-close-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center}.lg-close-btn:hover{background:#fff3;color:#fff}.lg-controls-scroll{flex:1;overflow-y:auto;padding:14px 16px 24px}.lg-controls-panel h2{margin:16px 0 8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff6}.lg-controls-panel h2:first-child{margin-top:0}.lg-controls-panel label{display:flex;justify-content:space-between;align-items:center;margin:6px 0;font-size:12.5px;color:#ffffffb3;gap:8px}.lg-controls-panel input[type=range]{flex:1;accent-color:var(--lg-accent, #8b7cf7)}.lg-controls-panel .value-display{font-family:SF Mono,ui-monospace,monospace;font-size:11px;color:#fff6;min-width:36px;text-align:right}.lg-controls-panel input[type=color]{width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;background:transparent}.lg-panel-toggle{position:fixed;top:16px;left:16px;z-index:1001;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#16161acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.lg-panel-toggle.hidden{opacity:0;pointer-events:none}