.share-container{flex-direction:column;width:100%;height:100%;display:flex}.editor-container{border-radius:8px;flex-direction:column;flex:1;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.editor-area{border:1px solid rgba(var(--foreground-rgb),.2);background-color:rgba(var(--background-rgb),.8);width:100%;height:100%;min-height:300px;color:rgba(var(--foreground-rgb),1);resize:none;border-radius:8px;padding:16px;font-family:Roboto Mono,monospace;font-size:14px;line-height:1.5}.editor-area:focus{border-color:rgba(var(--primary-rgb),.5);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.connection-status{background-color:rgba(var(--background-rgb),.8);border:1px solid rgba(var(--foreground-rgb),.1);border-radius:20px;align-items:center;gap:8px;margin-bottom:0;padding:8px 12px;font-size:14px;display:flex}.status-indicator{border-radius:50%;width:10px;height:10px}.connected{background-color:#4caf50;box-shadow:0 0 8px #4caf5080}.disconnected{background-color:#f44336}.errorWarning{background-color:#ff9800;animation:1.5s infinite pulse}.connecting{background-color:#ffc107;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.session-info{background-color:rgba(var(--background-rgb),.8);border:1px solid rgba(var(--foreground-rgb),.1);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.copy-button{background-color:rgba(var(--primary-rgb),.9);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:14px;transition:all .2s}.copy-button:hover{background-color:rgba(var(--primary-rgb),1);transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.session-id{background-color:rgba(var(--foreground-rgb),.05);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;padding:6px 12px;font-family:Roboto Mono,monospace;font-size:14px;overflow:hidden}.controls{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;display:flex}.text-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.new-session-button,.join-session-button{cursor:pointer;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s}.new-session-button{color:#fff;background:linear-gradient(90deg,#4f46e5,#06b6d4);border:none;box-shadow:0 2px 4px #0000001a}.new-session-button:hover{opacity:.9;transform:translateY(-1px)}.fullscreen-mode{z-index:9999;background-color:rgba(var(--background-rgb),1);width:100vw;height:100vh;margin:0;padding:0;position:fixed;inset:0}.fullscreen-container{box-shadow:none!important;background-color:rgba(var(--background-rgb),1)!important;border-radius:0!important}@media (max-width:640px){.controls{flex-direction:column}.session-info{flex-wrap:wrap}.session-id{width:100%;margin-bottom:8px}}