._demo_13nng_1{width:100%}._demo__frame_13nng_5{padding:0;overflow:hidden}._demo__titlebar_13nng_10{border-bottom:1px solid var(--hairline);align-items:center;gap:7px;padding:14px 18px;display:flex}._demo__dot_13nng_18{background:color-mix(in srgb, var(--text) 14%, transparent);border-radius:50%;width:9px;height:9px}._demo__caption_13nng_25{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono);margin-left:8px}._demo__stage_13nng_32{min-height:320px;padding:28px 22px 40px;position:relative}._demo__menubar_13nng_38{background:color-mix(in srgb, var(--text) 5%, transparent);border:1px solid var(--hairline);border-radius:12px;justify-content:flex-end;align-items:center;height:40px;padding:0 12px;display:flex;position:relative;overflow:hidden}._demo__notch_13nng_51{z-index:3;pointer-events:none;background:#000;border-radius:0 0 14px 14px;width:128px;height:calc(100% + 2px);position:absolute;top:-1px;left:50%;transform:translate(-50%)}._demo__tray_13nng_64{z-index:2;transition:transform .7s var(--ease-standard);align-items:center;gap:8px;display:flex;position:relative}._demo__icon_13nng_73{width:24px;height:24px;color:color-mix(in srgb, var(--text) 82%, transparent);pointer-events:none;transition:opacity .5s var(--ease-standard), transform .5s var(--ease-standard);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._demo__overflow-btn_13nng_86{z-index:4;width:26px;height:26px;color:var(--accent);transition:background .15s var(--ease-standard), color .15s var(--ease-standard);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-left:10px;display:flex;position:relative}._demo__overflow-btn_13nng_86:hover,._demo__overflow-btn_13nng_86[data-active]{background:#8b9cff29}._demo_13nng_1[data-state="0"] ._demo__tray_13nng_64{transform:translate(84px)}._demo_13nng_1[data-state="0"] ._demo__icon_13nng_73[data-hidden=true]{opacity:1}._demo_13nng_1[data-state="1"] ._demo__tray_13nng_64,._demo_13nng_1[data-state="2"] ._demo__tray_13nng_64,._demo_13nng_1[data-state="3"] ._demo__tray_13nng_64,._demo_13nng_1[data-state="4"] ._demo__tray_13nng_64{transform:translate(0)}._demo_13nng_1[data-state="1"] ._demo__icon_13nng_73[data-hidden=true],._demo_13nng_1[data-state="2"] ._demo__icon_13nng_73[data-hidden=true],._demo_13nng_1[data-state="3"] ._demo__icon_13nng_73[data-hidden=true],._demo_13nng_1[data-state="4"] ._demo__icon_13nng_73[data-hidden=true]{opacity:0;transform:scale(.6)}._demo__panel_13nng_130{border-radius:var(--radius-md);opacity:0;pointer-events:none;width:168px;transition:opacity .3s var(--ease-standard), transform .3s var(--ease-standard);z-index:5;padding:14px;position:absolute;top:84px;right:22px;transform:translateY(-8px)scale(.97)}._demo_13nng_1[data-state="2"] ._demo__panel_13nng_130,._demo_13nng_1[data-state="3"] ._demo__panel_13nng_130,._demo_13nng_1[data-state="4"] ._demo__panel_13nng_130{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}._demo__panel-title_13nng_152{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin:0 0 10px}._demo__panel-tiles_13nng_161{flex-direction:column;gap:4px;display:flex}._demo__tile_13nng_167{color:var(--text);text-align:left;transition:background .15s var(--ease-standard);border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}._demo__tile_13nng_167:hover{background:color-mix(in srgb, var(--text) 7%, transparent)}._demo__tile-icon_13nng_183{background:color-mix(in srgb, var(--text) 6%, transparent);width:22px;height:22px;color:color-mix(in srgb, var(--text) 82%, transparent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._demo__menu_13nng_38{opacity:0;pointer-events:none;width:176px;transition:opacity .25s var(--ease-standard), transform .25s var(--ease-standard);z-index:6;border-radius:12px;padding:6px;position:absolute;top:156px;right:30px;transform:translateY(-6px)scale(.97)}._demo_13nng_1[data-state="4"] ._demo__menu_13nng_38{opacity:1;transform:translateY(0)scale(1)}._demo__menu-title_13nng_214{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--hairline);margin:0;padding:6px 10px 8px}._demo__menu-row_13nng_225{color:var(--text);border-radius:6px;padding:7px 10px;font-size:13px;display:block}._demo__menu-row_13nng_225[data-first]{background:var(--accent);color:var(--accent-text)}._demo__cursor_13nng_238{z-index:10;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-standard), left .55s var(--ease-standard), top .55s var(--ease-standard);filter:drop-shadow(0 2px 4px #0006);position:absolute;top:20px;left:20px}._demo_13nng_1[data-state="1"] ._demo__cursor_13nng_238,._demo_13nng_1[data-state="2"] ._demo__cursor_13nng_238,._demo_13nng_1[data-state="3"] ._demo__cursor_13nng_238,._demo_13nng_1[data-state="4"] ._demo__cursor_13nng_238{opacity:1}._demo__controls_13nng_257{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}._demo__hint_13nng_266{color:var(--text-secondary);font-size:13px}@media (max-width:640px){._demo__stage_13nng_32{min-height:280px;padding:24px 14px 32px}._demo__notch_13nng_51{width:96px}._demo__panel_13nng_130{right:14px}._demo__menu_13nng_38{right:22px}}@media (prefers-reduced-motion:reduce){._demo__tray_13nng_64,._demo__icon_13nng_73,._demo__panel_13nng_130,._demo__menu_13nng_38,._demo__cursor_13nng_238{transition:none!important}._demo__cursor_13nng_238{display:none}}