.create-studio-host{height:calc(100dvh - 100px);min-height:480px;width:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tj-text-2);border-radius:12px;background:var(--tj-paper);color:#543571;isolation:isolate}.create-studio-host[hidden],.create-studio-slot[hidden]{display:none!important}.create-studio-host-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:34px;padding:4px 12px;background:var(--tj-paper-2);border-bottom:1px solid var(--tj-text-2);font-size:11px}.create-studio-host-nav a,.create-studio-host-nav button{min-height:28px;padding:3px 7px;border:0;border-radius:6px;background:transparent;color:#6d3f8f;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.create-studio-host-nav>span{font-size:11px;color:var(--tj-subtle)}.create-studio-frame{display:block;width:100%;flex:1 1;height:100%;min-height:0;border:0;background:var(--tj-paper)}.create-studio-standalone{height:100dvh;min-height:0;border:0;border-radius:0}.create-studio-loading{padding:12px;text-align:center;color:#704891;font-size:12px;margin:0}.create-studio-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--tj-text);color:#943654;font-size:12px;flex:none}.content[data-view=practice]>.create-studio-slot{display:block!important;width:100%;min-width:0}.content[data-view=practice]>header{display:none!important}@media(max-width:700px){.create-studio-host{height:calc(100dvh - 64px);min-height:0;border:0;border-radius:0}.create-studio-standalone{height:100dvh}.content[data-view=practice]{padding:0!important}.create-studio-host-nav{padding:3px 8px}}body:has(.create-studio-standalone) .try-tj-banner{display:none!important}.create-studio-nav-actions{display:flex;align-items:center;gap:8px}.create-studio-nav-actions button{background:var(--tj-violet-strong);color:white;border-radius:7px;padding:6px 11px;min-height:36px}.create-studio-nav-actions button:disabled{opacity:.55;cursor:wait}.create-studio-notice{padding:8px 12px;background:var(--tj-paper);color:#134e29;font-size:12px}body:has(.create-studio-standalone) .app-shell>.workspace-quick-actions,body:has(.create-studio-standalone) .profile-quick-actions,body:has(.create-studio-standalone)>.workspace-quick-actions{display:none!important}@media(max-width:600px){.create-studio-host-nav{gap:5px;padding:4px 6px}.create-studio-host-nav>span{display:none}.create-studio-nav-actions{gap:4px}.create-studio-nav-actions button{font-size:11px;padding:5px 7px}}@media (max-width:700px){.app-shell:has(.content[data-view=practice] .create-studio-slot:not([hidden]))>.sidebar{display:none!important}.app-shell:has(.content[data-view=practice] .create-studio-slot:not([hidden]))>.mobile-brand-header{display:none!important}.app-shell:has(.content[data-view=practice] .create-studio-slot:not([hidden]))>.content[data-view=practice]{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;min-height:100dvh}.content[data-view=practice] .create-studio-slot,.content[data-view=practice] .create-studio-slot .create-studio-host{height:100dvh!important;min-height:0!important;margin:0!important}}@media (max-width:430px){.create-studio-host-nav{gap:5px;padding-inline:6px}.create-studio-host-nav>a,.create-studio-host-nav>button{flex:0 0 auto;white-space:nowrap}.create-studio-nav-actions{min-width:0;justify-content:flex-end}.create-studio-nav-actions button{font-size:11px;min-height:36px;white-space:nowrap}.create-studio-nav-actions a{font-size:11px;white-space:nowrap}}.create-studio-host{background:var(--tj-surface);color:var(--tj-text);border:1px solid var(--tj-line)}.create-studio-host-nav{position:relative;z-index:40;min-height:48px;padding:6px 14px;background:var(--tj-surface-2);border-bottom:1px solid var(--tj-line);color:var(--tj-text)}.create-studio-host-nav a,.create-studio-host-nav button{color:var(--tj-text);border-radius:10px;min-height:36px}.create-studio-host-nav a:hover,.create-studio-host-nav button:hover{background:var(--tj-violet-tint)}.create-studio-host-nav>span{color:#c7b5e6;font-weight:700;letter-spacing:.05em}.create-studio-frame{background:var(--tj-surface)}.create-studio-share-wrap{position:relative}.create-studio-nav-actions .create-studio-share-trigger{background:var(--tj-lime-strong);color:var(--tj-surface);border:1px solid var(--tj-lime-soft);font-weight:800;padding:8px 15px;min-height:38px;white-space:nowrap}.create-studio-nav-actions .create-studio-share-trigger:hover{background:var(--tj-lime);color:var(--tj-surface)}.create-studio-share-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(265px,calc(100vw - 20px));display:flex;flex-direction:column;padding:7px;gap:3px;background:var(--tj-violet-tint);border:1px solid #765396;border-radius:14px;box-shadow:0 18px 42px #0009;z-index:100}.create-studio-share-menu button{display:block;text-align:left;width:100%;padding:12px 10px;min-height:42px;color:#fff;background:transparent;font-size:13px;font-weight:600}.create-studio-share-menu button:hover{background:var(--tj-line)}.create-studio-share-separator{height:1px;background:var(--tj-line-strong);margin:4px}.create-studio-error,.create-studio-notice{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10000;width:max-content;max-width:min(430px,calc(100vw - 36px));border-radius:14px;box-shadow:0 18px 50px #0009;padding:14px 18px;text-align:center}.create-studio-notice{background:var(--tj-violet-tint);color:#fff;border:1px solid #9570b8}@media(max-width:600px){.create-studio-host-nav{padding:5px 10px}.create-studio-nav-actions .create-studio-share-trigger{padding:6px 12px;font-size:12px}.create-studio-share-menu{right:0}}