.mainDiv{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:2.5rem 1.75rem 3rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(132deg,#f4f6ff,#d7e1ff 35%,#cbe0ff)}.mainDiv h2{margin:0;font-size:2.35rem;text-align:center;width:100%;color:#1b2250}.nameField{width:100%;padding:.75rem 1rem;font-size:1.15rem;border-radius:12px;border:1px solid #c9d4f1;background:#fff;box-shadow:0 2px 10px #1b22500d;transition:border-color .2s ease,box-shadow .2s ease}.nameField:focus{outline:none;border-color:#4565ff;box-shadow:0 0 0 3px #4565ff2e}.mainMenuGrid{width:100%;max-width:1180px;display:flex;flex-wrap:wrap;gap:1.75rem;align-items:stretch;justify-content:center}.roomControls{width:100%;flex:1 1 320px;max-width:360px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fffffff5;border-radius:18px;box-shadow:0 16px 32px #1b22501f;border:1px solid rgba(235,239,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.roomNameField{margin-bottom:4rem}.roomControlsTitle{margin:0;font-size:1.45rem;color:#1b2250}.roomControlsHint{margin:-.35rem 0 .65rem;color:#576089;font-size:.95rem;line-height:1.5}.menuButton{margin-top:.5rem;padding:.9rem 1.2rem;font-size:1.05rem;border:none;border-radius:12px;background:linear-gradient(134deg,#4565ff,#6b8bff);color:#fff;cursor:pointer;font-weight:600;box-shadow:0 15px 30px #4565ff38;transition:transform .15s ease,box-shadow .2s ease}.menuButton:hover{transform:translateY(-1px);box-shadow:0 18px 32px #4565ff47}.menuButton:focus-visible{outline:3px solid rgba(69,101,255,.4);outline-offset:2px}.roomButton{width:100%;margin-top:0}.roomInputGroup{width:100%}.roomInput{width:100%;margin:0;padding:.75rem 1rem;border-radius:12px;border:1px solid #c9d4f1;font-size:1.05rem;box-sizing:border-box;background:#fff}.roomInput:focus{outline:none;border-color:#4565ff;box-shadow:0 0 0 3px #4565ff2e}.menuError{width:100%;margin:.25rem 0 0;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(220,53,69,.24);background:#ffe4e8d9;color:#8a1f32;font-size:.93rem;font-weight:500;text-align:left;box-shadow:0 12px 24px #dc354524;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.previewCard{width:100%;flex:1 1 420px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.6rem;background:#fffffff5;border-radius:20px;border:1px solid rgba(235,239,255,.9);box-shadow:0 18px 34px #1b22501f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.previewHeader h3{margin:0;font-size:1.4rem;color:#1b2250}.previewHeader p{margin:.35rem 0 0;color:#5c6386;font-size:.95rem}.previewCanvas{width:100%;height:clamp(280px,45vw,360px);border-radius:18px;overflow:hidden;background:radial-gradient(circle at top,#f0f3ff,#e2e8ff);border:1px solid rgba(235,239,255,.9);box-shadow:inset 0 2px 18px #1b225014}.editorLaunchButton{align-self:flex-start;padding:.85rem 1.35rem;border-radius:12px;border:none;background:linear-gradient(134deg,#0f172a,#1e3a8a);color:#fff;font-weight:600;font-size:.98rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 15px 30px #0f172a38}.editorLaunchButton:hover{transform:translateY(-1px);box-shadow:0 18px 36px #0f172a47}.editorLaunchButton:focus-visible{outline:3px solid rgba(15,23,42,.42);outline-offset:3px}@media (max-width: 1024px){.mainDiv{padding:2.25rem 1.5rem 2.75rem}.mainDiv h2{font-size:2.15rem}}@media (max-width: 640px){.mainDiv{padding:2rem 1.25rem 2.5rem;gap:2rem}.mainDiv h2{font-size:1.9rem}.roomControls,.previewCard{max-width:100%}.previewCanvas{height:clamp(260px,55vw,320px)}}@media (max-width: 480px){.mainDiv{padding:1.75rem 1.1rem 2.25rem}.mainDiv h2{font-size:1.75rem}.menuButton{font-size:1rem}.roomControls,.previewCard{padding:1.35rem 1.25rem}}.environmentUI{z-index:100000000}.communicationControllsContainer{position:absolute;top:70%;right:2%;width:20%;height:20%;display:flex;justify-content:space-evenly;align-items:center;pointer-events:auto}#mic-button,#cam-button{aspect-ratio:1/1;padding:20px;background:#0009;border:2px solid #EDE8F5;border-radius:8px}.roomModeController{width:30%;position:absolute;height:7%;top:2%;left:3%;padding:1%;background-color:#001933bf;outline:none;border:black solid 2px;font-size:1.2rem;color:#ede8f5}.roomModeController select{margin-left:5%;background-color:#0000;border:0;border-bottom:#EDE8F5 solid 2px;outline:0;font-size:1.2rem;color:#ede8f5}.roomIdText{position:absolute;top:4%;left:3%;padding:8px 12px;border-radius:8px;background:#1c1b1b99;color:#fff;font-size:14px;font-weight:600;pointer-events:auto;display:inline-flex;align-items:center}.tvLinkInput{width:30%;height:48px;padding:0 12px;position:absolute;top:9%;left:3%;background:#0009;outline:none;border-radius:8px;font-size:1.1rem;color:#ede8f5;font-weight:600}.tvLinkInput:focus{border-color:#ede8f5}.tvLinkWarning{position:absolute;top:15.5%;left:3%;width:30%;padding:10px 12px;background:#0c2139eb;color:#ede8f5;border-radius:8px;font-size:.95rem;font-weight:600;line-height:1.3;pointer-events:auto;box-shadow:0 0 12px #00000059}.tvLinkWarning.isError{background:#bf1a2fe6;color:#fff}.leaveMonitorBtn{position:absolute;left:48%;top:92%;background-color:#001933bf;border:black solid 3px;color:#ede8f5;font-size:2rem;transform:translate(-50%,-50%);padding:1%}.characterEditorRoot{max-width:100vw;min-height:100vh;overflow-x:hidden;padding:2.5rem 1.75rem 2rem;box-sizing:border-box;display:flex;flex-direction:column;gap:3.5rem;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(132deg,#f4f6ff,#d7e1ff 35%,#cbe0ff)}.characterEditorHeaderBar{width:100%;max-width:820px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.characterEditorHeaderBar h2{margin:0;font-size:1.75rem;color:#1b2250;letter-spacing:.01em}.characterEditorHeaderBar p{margin:.3rem 0 0;color:#60678c;font-size:.95rem}.editorBackButton{padding:.8rem 1.2rem;border-radius:12px;border:none;background:#ffffffe6;color:#1b2250;font-weight:600;cursor:pointer;box-shadow:0 12px 24px #1b22501f;border:1px solid rgba(235,239,255,.9);transition:transform .15s ease,box-shadow .2s ease}.editorBackButton:hover{transform:translateY(-1px);box-shadow:0 15px 30px #1b225029}.editorBackButton:focus-visible{outline:3px solid rgba(27,34,80,.35);outline-offset:2px}.characterEditorLayout{width:100%;max-width:1020px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:stretch}.editorFormColumn{flex:1 1 320px;max-width:360px;display:flex;flex-direction:column;gap:1rem}.editorSection{padding:1.1rem 1.25rem;background:#fffffff5;border-radius:18px;border:1px solid rgba(235,239,255,.9);box-shadow:0 16px 30px #1b22501f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editorSection h3{margin:0 0 .75rem;font-size:1.1rem;color:#1b2250}.genderOptions{display:flex;flex-direction:column;gap:.75rem}.genderOptionCard{flex:1;width:100%;padding:.7rem .9rem;border-radius:14px;border:1px solid rgba(69,101,255,.25);background:#4565ff14;color:#1b2250;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease,background .2s ease}.genderOptionCard input{accent-color:#4565ff;width:18px;height:18px}.genderOptionCard.isSelected{background:linear-gradient(134deg,#4565ff29,#6b8bff2e);border-color:#4565ff8c;box-shadow:0 12px 24px #4565ff33}.genderOptionCard:hover{transform:translateY(-1px);box-shadow:0 12px 22px #4565ff2e}.colorGrid{display:flex;flex-direction:column;gap:.75rem}.colorSwatch{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(203,214,255,.8);background:#f5f7fff2;font-weight:600;color:#1b2250}.colorSwatch span{flex:1;font-size:.95rem}.colorSwatch input[type=color]{width:56px;height:38px;border:none;border-radius:10px;cursor:pointer}.editorPreviewColumn{flex:1 1 420px;min-width:340px;display:flex;justify-content:center}.editorPreviewCard{width:100%;border-radius:20px;border:1px solid rgba(235,239,255,.9);background:radial-gradient(circle at top,#f4f6ff,#dfe6ff);box-shadow:0 20px 36px #1b22502e;overflow:hidden;min-height:420px}@media (max-width: 992px){.characterEditorRoot{padding:2rem 1.25rem}.editorPreviewCard{min-height:380px}}@media (max-width: 768px){.characterEditorHeaderBar{flex-direction:column;align-items:flex-start}.editorFormColumn,.editorPreviewColumn{max-width:100%}.editorPreviewCard{min-height:360px}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;padding:0;background-color:#add8e6;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden}body{position:relative;min-height:100vh;overflow-y:auto;overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:40px}.flex{display:flex}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.cursor{color:#fff}