.demo-showcase-module__CwdaCq__shell{color:#f8fafc;background:#09090b;grid-template-rows:70px minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.demo-showcase-module__CwdaCq__toolbar{z-index:2;background:#09090bf5;border-bottom:1px solid #ffffff1c;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:22px;padding:10px clamp(16px,2.5vw,38px);display:grid;position:relative;box-shadow:0 14px 36px #0000003d}.demo-showcase-module__CwdaCq__brand{align-items:center;width:fit-content;text-decoration:none;display:inline-flex}.demo-showcase-module__CwdaCq__brandWide{object-fit:contain;width:auto;height:30px}.demo-showcase-module__CwdaCq__brandCompact{border-radius:10px;width:36px;height:36px;display:none}.demo-showcase-module__CwdaCq__context{color:#a1a1aa;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex;position:absolute;left:clamp(185px,20vw,280px)}.demo-showcase-module__CwdaCq__context strong{color:#f4f4f5;text-overflow:ellipsis;max-width:190px;overflow:hidden}.demo-showcase-module__CwdaCq__liveDot{background:#22c55e;border-radius:50%;width:7px;height:7px;margin-right:2px;box-shadow:0 0 0 4px #22c55e21}.demo-showcase-module__CwdaCq__tabs{background:#18181b;border:1px solid #ffffff1a;border-radius:14px;grid-column:2;align-items:center;gap:4px;padding:4px;display:flex}.demo-showcase-module__CwdaCq__tab{color:#a1a1aa;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-flex}.demo-showcase-module__CwdaCq__tab:hover{color:#f4f4f5;background:#ffffff0f}.demo-showcase-module__CwdaCq__tab:focus-visible,.demo-showcase-module__CwdaCq__openView:focus-visible,.demo-showcase-module__CwdaCq__brand:focus-visible{outline-offset:2px;outline:3px solid #60a5fab3}.demo-showcase-module__CwdaCq__tabActive{color:#fff;background:#2563eb;box-shadow:0 6px 20px #2563eb47}.demo-showcase-module__CwdaCq__tabActive:hover{color:#fff;background:#2563eb}.demo-showcase-module__CwdaCq__shortLabel{display:none}.demo-showcase-module__CwdaCq__openView{color:#e4e4e7;border:1px solid #ffffff24;border-radius:11px;justify-self:end;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.demo-showcase-module__CwdaCq__openView:hover{color:#fff;background:#ffffff12;border-color:#ffffff47}.demo-showcase-module__CwdaCq__panel{background:#fff;min-width:0;min-height:0;overflow:hidden}.demo-showcase-module__CwdaCq__panel[hidden]{display:none}.demo-showcase-module__CwdaCq__frame{background:#fff;border:0;width:100%;height:100%;display:block}.demo-showcase-module__CwdaCq__deviceStage{background:radial-gradient(circle at 24% 16%,#3b82f633,#0000 34%),radial-gradient(circle at 78% 84%,#1fd0aa24,#0000 32%),#111218;place-items:center;width:100%;height:100%;padding:18px;display:grid;overflow:hidden}.demo-showcase-module__CwdaCq__phone{background:linear-gradient(145deg,#323238,#09090b 36%,#18181b 82%);border:1px solid #3f3f46;border-radius:48px;flex-direction:column;width:min(390px,100vw - 36px);height:min(780px,100% - 8px);min-height:420px;padding:11px;display:flex;position:relative;box-shadow:0 34px 80px #0000007a,inset 0 0 0 1px #ffffff14,inset 0 0 0 4px #050506}.demo-showcase-module__CwdaCq__phoneTop{z-index:2;pointer-events:none;background:#050506;border-radius:999px;place-items:center;width:104px;height:28px;display:grid;position:absolute;top:19px;left:50%;transform:translate(-50%)}.demo-showcase-module__CwdaCq__phoneSpeaker{background:#27272a;border-radius:999px;width:36px;height:4px}.demo-showcase-module__CwdaCq__phoneScreen{background:#fff;border-radius:38px;flex:1;min-height:0;overflow:hidden}.demo-showcase-module__CwdaCq__phoneHome{z-index:2;pointer-events:none;background:#ffffffb3;border-radius:999px;width:112px;height:4px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}@media (max-width:940px){.demo-showcase-module__CwdaCq__context{display:none}}@media (max-width:680px){.demo-showcase-module__CwdaCq__shell{grid-template-rows:64px minmax(0,1fr)}.demo-showcase-module__CwdaCq__toolbar{grid-template-columns:auto 1fr auto;gap:10px;padding-inline:12px}.demo-showcase-module__CwdaCq__brandWide{display:none}.demo-showcase-module__CwdaCq__brandCompact{display:block}.demo-showcase-module__CwdaCq__tabs{justify-self:center}.demo-showcase-module__CwdaCq__tab{min-width:52px;padding-inline:9px}.demo-showcase-module__CwdaCq__fullLabel{display:none}.demo-showcase-module__CwdaCq__shortLabel{display:inline}.demo-showcase-module__CwdaCq__openView{justify-content:center;width:40px;padding:0}.demo-showcase-module__CwdaCq__openView span{display:none}}@media (max-width:430px){.demo-showcase-module__CwdaCq__tab{min-width:48px;font-size:0}.demo-showcase-module__CwdaCq__shortLabel{display:none}.demo-showcase-module__CwdaCq__phone{border-radius:38px;width:min(370px,100vw - 20px);height:calc(100% - 4px);min-height:360px;padding:8px}.demo-showcase-module__CwdaCq__phoneScreen{border-radius:31px}.demo-showcase-module__CwdaCq__deviceStage{padding:8px}}