.chat-input-area{display:flex;padding:var(--spacing-md);border-top:1px solid var(--color-border-dark);background-color:var(--color-bg-input-area);box-sizing:border-box}.chat-input{flex:1;min-width:0;padding:var(--spacing-sm);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);margin-right:var(--spacing-sm);background-color:var(--color-bg-input);color:var(--color-text-main);box-sizing:border-box;transition:border-color .2s ease-in-out}.chat-input:focus{outline:none;border-color:var(--color-border-hover)}.chat-send-btn{padding:var(--spacing-sm) 12px;cursor:pointer;border:none;border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-text-inverted);white-space:nowrap;transition:filter .2s ease-in-out}.chat-send-btn:hover{filter:brightness(90%)}.message{padding:6px var(--spacing-md);border-radius:var(--radius-lg);max-width:85%;word-wrap:break-word;font-size:var(--font-size-md);font-weight:500}.message.self{align-self:flex-end;color:var(--color-text-main)}.message.remote{align-self:flex-start;color:var(--color-text-main)}.message-file-link{display:block;margin-top:5px;color:inherit;text-decoration:underline;cursor:pointer}.message-file-link.error{color:var(--color-error);cursor:default;text-decoration:none}.message-progress-container{height:4px;background-color:#0003;border-radius:2px;margin-top:4px;overflow:hidden}.message-progress-bar{height:100%;width:0%;background-color:var(--color-text-main);transition:width .1s linear}.message-error-text{color:var(--color-error);font-size:var(--font-size-sm);margin-top:2px;cursor:pointer}#media-starter{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg-overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-overlay);color:var(--color-text-main)}.media-starter-content{text-align:center}#allow-media-btn{padding:15px var(--spacing-xl);font-size:1.2em;cursor:pointer;border:2px solid var(--color-border-light);background-color:transparent;color:var(--color-text-main);border-radius:var(--radius-md);transition:background-color .2s,color .2s}#view3d-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;outline:none}#model-progress-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-inverted);background-color:var(--color-bg-overlay-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:5px;font-family:sans-serif;font-size:var(--font-size-lg);display:none;z-index:20}#canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;z-index:10}.marker{position:absolute;width:24px;height:24px;border-radius:50%;background-color:#ff000080;pointer-events:none;z-index:20}#hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:var(--color-bg-overlay);color:var(--color-text-inverted);padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-md);pointer-events:none;z-index:30}.videos-container{position:absolute;bottom:var(--spacing-lg);left:var(--spacing-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);z-index:var(--z-index-video);max-width:calc(100% - 40px)}.video-wrapper{width:160px;height:120px;position:relative;background-color:var(--color-bg-dark);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0000001a}.video-wrapper:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.video-border-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:3px solid var(--color-border-dark);box-sizing:border-box;pointer-events:none}.video-wrapper video{width:100%;height:100%;object-fit:cover}.video-wrapper.local video{transform:scaleX(-1)}.videos-container.expanded-mode{top:0;left:0;width:100%;height:100%;background-color:var(--color-bg-darker);max-width:none;padding:var(--spacing-lg);box-sizing:border-box;align-items:flex-end}.videos-container.expanded-mode .video-wrapper:not(.expanded){z-index:2}.videos-container.expanded-mode .video-wrapper.expanded{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;z-index:1}.videos-container.expanded-mode .video-wrapper.expanded .video-border-overlay{border-width:2px}#chat-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0}.layout-root,.v-box{display:flex;flex-direction:column}.h-box{display:flex;flex-direction:row}.layout-resizer{background-color:var(--color-resizer);flex-shrink:0;transition:background-color .2s;position:relative}.layout-resizer:hover{background-color:var(--color-resizer-hover)}.layout-resizer-h{height:6px;cursor:row-resize}.layout-resizer-v{width:1px;background-color:var(--color-border-dark);cursor:col-resize}.layout-topbar{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-panel);color:var(--color-text-main);display:flex;align-items:center;flex-shrink:0;border-bottom:1px solid var(--color-border-dark)}.layout-back-link{color:var(--color-text-main);text-decoration:none;font-weight:700}.panel{box-sizing:border-box;display:flex;flex-direction:column}.panel-bg-primary{background-color:var(--color-bg-darker)}.panel-bg-secondary{background-color:var(--color-bg-panel)}.panel-border-top{border-top:1px solid var(--color-border-dark)}.panel-border-bottom{border-bottom:1px solid var(--color-border-dark)}.session-container{display:flex;flex-direction:column;height:100vh;width:100%}:root{--color-bg-overlay: rgba(36, 41, 46, .5);--color-bg-overlay-light: rgba(36, 41, 46, .2);--color-bg-dark: #e7e7e7;--color-bg-darker: #ffffff;--color-bg-panel: #f3f3f3;--color-bg-input-area: #e7e7e7;--color-bg-input: #ffffff;--color-primary: #007acc;--color-secondary: #e7e7e7;--color-success: #28a745;--color-error: #dc3545;--color-text-main: #24292e;--color-text-inverted: #ffffff;--color-border-light: #24292e;--color-border-dark: #dddddd;--color-border-hover: #007acc;--color-resizer: #e7e7e7;--color-resizer-hover: #007acc;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 20px;--spacing-xl: 30px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-round: 50%;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 18px;--z-index-video: 50;--z-index-overlay: 1000}