.offline-experience-studio{display:grid;gap:18px}.experience-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px}.experience-card,.experience-control,.experience-status-card{border:1px solid var(--line,#2b3038);border-radius:16px;background:var(--panel,#101318);padding:18px}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.experience-control label{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px}.experience-status{display:inline-flex;align-items:center;gap:8px;font-weight:700}.experience-status::before{content:"";width:9px;height:9px;border-radius:50%;background:#b36a70}.experience-status.ready::before{background:#65b58a}.experience-list{margin:10px 0 0;padding-left:20px}.experience-actions{display:flex;flex-wrap:wrap;gap:10px}.experience-metric{font-size:1.6rem;font-weight:750}.experience-note{color:var(--muted,#b8bec8)}@media(max-width:900px){.experience-hero,.experience-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.offline-experience-studio *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(forced-colors:active){.experience-card,.experience-control,.experience-status-card{border:1px solid CanvasText}}