@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--owl-dark:#171920;--owl-darker:#12141a;--owl-gray:#2a2d35;--owl-gray-light:#353840;--owl-gold:#c8a35f;--owl-gold-hover:#d4b06e;--owl-gold-muted:#c8a35f26;--owl-gold-70:#c8a35fb3;--owl-text:#f0f0f0;--owl-text-muted:#8b909a;--owl-text-dim:#5c6170;--owl-success:#4ade80;--owl-danger:#f87171;--owl-warn:#fbbf24}*,:after,:before{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#171920;background:var(--owl-dark);color:#f0f0f0;color:var(--owl-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;margin:0;padding:0}#root,body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#353840;background:var(--owl-gray-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c8a35f;background:var(--owl-gold)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-page{background:#171920;background:var(--owl-dark);justify-content:center;min-height:100vh}.auth-card,.auth-page{align-items:center;display:flex}.auth-card{animation:slide-up .2s ease;background:#2a2d35;background:var(--owl-gray);border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:12px;max-width:360px;padding:32px 40px;text-align:center}.auth-card h2{color:#f0f0f0;color:var(--owl-text);font-size:14px;font-weight:600;margin:0}.auth-message{color:#8b909a;color:var(--owl-text-muted);font-size:12px;margin:0}.auth-icon{align-items:center;border-radius:50%;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.auth-icon-error{background:#f8717126;color:#f87171;color:var(--owl-danger)}.auth-spinner{animation:spin .8s linear infinite;border:3px solid #353840;border-top-color:#c8a35f;border:3px solid var(--owl-gray-light);border-radius:50%;border-top-color:var(--owl-gold);height:32px;width:32px}.auth-btn{background:#c8a35f;background:var(--owl-gold);border:none;border-radius:6px;color:#171920;color:var(--owl-dark);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 16px;transition:background .15s ease}.auth-btn:hover{background:#d4b06e;background:var(--owl-gold-hover)}.home-page{background:var(--owl-dark);color:var(--owl-text);min-height:100vh;padding:20px}.hero-section{padding:32px 16px;text-align:center}.hero-section h1{color:var(--owl-text);font-size:16px;font-weight:700;margin:0 0 6px}.hero-section p{color:var(--owl-text-muted);font-size:14px;margin:0 auto;max-width:480px}.home-page .main-content{display:flex;gap:16px;margin:0 auto 40px;max-width:640px;padding:0 16px}.card{background:var(--owl-gray);border:1px solid #ffffff0a;border-radius:8px;flex:1 1;padding:20px}.card h2{color:var(--owl-text);font-size:14px;font-weight:600;margin:0 0 16px;text-align:center}.form-group{margin-bottom:12px}.form-group label{color:var(--owl-text-muted);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.form-group input,.form-group select{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;box-sizing:border-box;color:var(--owl-text);font-family:inherit;font-size:12px;padding:6px 10px;transition:border-color .15s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#c8a35f80;outline:none}.btn-primary,.btn-secondary{border-radius:6px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;transition:background .15s ease,border-color .15s ease,color .15s ease;width:100%}.btn-primary{background:var(--owl-gold);border:1px solid var(--owl-gold);color:var(--owl-dark)}.btn-primary:hover{background:var(--owl-gold-hover);border-color:var(--owl-gold-hover)}.btn-secondary{background:#0000;border:1px solid var(--owl-gray-light);color:var(--owl-text-muted)}.btn-secondary:hover{background:#ffffff0a}.user-welcome{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:8px}.user-welcome-text{color:var(--owl-text-muted);font-size:12px}.user-welcome-text strong{color:var(--owl-gold)}.btn-logout{background:#0000;border:1px solid var(--owl-gray-light);border-radius:4px;color:var(--owl-text-muted);cursor:pointer;font-family:inherit;font-size:10.4px;padding:3px 10px;transition:all .15s ease}.btn-logout:hover{background:#ffffff0a;color:var(--owl-text)}@media (max-width:600px){.home-page .main-content{flex-direction:column}}.room-page{background:var(--owl-dark);color:var(--owl-text);display:flex;flex-direction:column;height:100vh}.room-header{align-items:center;background:var(--owl-darker);border-bottom:1px solid #ffffff0a;display:flex;flex-shrink:0;gap:8px;height:44px;justify-content:space-between;min-height:44px;padding:0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left,.header-right{align-items:center;display:flex;gap:8px;min-width:0}.header-left{flex:1 1;min-width:0}.header-right{flex-shrink:0}.header-center{align-items:center;display:flex;flex-shrink:0}.header-title{color:var(--owl-gold);font-size:13px;font-weight:600;margin:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-code-container{align-items:center;background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:4px;display:flex;flex-shrink:0;gap:4px;padding:3px 8px}.room-code{color:var(--owl-gold);font-weight:600;letter-spacing:.5px;-webkit-user-select:all;user-select:all}.room-code,.room-code-hidden{font-family:Courier New,monospace;font-size:10.4px}.room-code-hidden{color:var(--owl-text-dim)}.room-code-copy-btn,.room-code-toggle-btn{background:none;border:none;border-radius:3px;color:var(--owl-text-muted);cursor:pointer;font-size:11px;line-height:1;padding:1px 3px;transition:color .15s ease}.room-code-copy-btn:hover,.room-code-toggle-btn:hover{color:var(--owl-gold)}.users-dropdown{position:relative}.users-toggle-btn{align-items:center;background:var(--owl-gold-muted);border:none;border-radius:6px;color:var(--owl-gold);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px;transition:all .15s ease}.users-toggle-btn:hover{background:#c8a35f40}.users-dropdown-list{animation:slideDown .2s ease-out;background:var(--owl-gray);border:1px solid #ffffff0f;border-radius:8px;box-shadow:0 8px 24px #0006;left:0;margin-top:6px;min-width:220px;position:absolute;top:100%;width:-webkit-max-content;width:max-content;z-index:1000}.users-dropdown-header{background:var(--owl-gold-muted);border-bottom:1px solid #ffffff0a;border-radius:8px 8px 0 0;color:var(--owl-gold);font-size:12px;font-weight:600;padding:10px 14px;text-align:center}.users-dropdown-item{align-items:center;border-bottom:1px solid #ffffff08;display:flex;font-size:12px;justify-content:space-between;padding:8px 14px;transition:background .15s ease}.users-dropdown-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.users-dropdown-item:hover{background:#ffffff0a}.users-dropdown-item.owner{background:var(--owl-gold-muted)}.owner-label{color:var(--owl-gold);font-size:12px;font-weight:600}.slide-navigation{background:var(--owl-gray);border:1px solid #ffffff0a;border-radius:9999px;gap:8px;padding:4px 10px}.nav-btn,.slide-navigation{align-items:center;display:flex}.nav-btn{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:50%;color:var(--owl-text-muted);cursor:pointer;font-size:11px;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.nav-btn:hover{background:#ffffff0a;color:var(--owl-gold)}.slide-counter{color:var(--owl-text-muted);font-size:12px;font-weight:600;min-width:40px;text-align:center}.user-info{align-items:center;display:flex;justify-content:flex-end}.user-dropdown{position:relative}.user-toggle-btn{align-items:center;background:var(--owl-gold-muted);border:none;border-radius:6px;color:var(--owl-gold);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px;transition:all .15s ease}.user-toggle-btn:hover{background:#c8a35f40}.user-dropdown-list{animation:slideDown .2s ease-out;background:var(--owl-gray);border:1px solid #ffffff0f;border-radius:8px;box-shadow:0 8px 24px #0006;margin-top:6px;min-width:180px;position:absolute;right:0;top:100%;z-index:1000}.user-dropdown-header{background:var(--owl-gold-muted);border-bottom:1px solid #ffffff0a;border-radius:8px 8px 0 0;color:var(--owl-gold);font-size:12px;font-weight:600;padding:10px 14px;text-align:center}.user-dropdown-item{border-bottom:1px solid #ffffff08;display:flex;font-size:12px;justify-content:center;padding:8px 14px;transition:background .15s ease}.user-dropdown-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.user-dropdown-item:hover{background:#ffffff0a}.user-name{color:var(--owl-text);font-size:12px}.user-role{color:var(--owl-gold);font-size:12px;font-weight:600}.leave-btn-dropdown{background:var(--owl-gold);border:none;border-radius:6px;color:var(--owl-darker);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s ease;width:100%}.leave-btn-dropdown:hover{background:var(--owl-gold-hover)}.room-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.sidebar{background:var(--owl-gray);border-right:1px solid #ffffff0a;display:flex;flex-direction:column;flex-shrink:0;max-width:350px;min-width:250px;overflow-y:auto;scrollbar-color:var(--owl-gray-light) #0000;scrollbar-width:thin;width:300px}.sidebar.right-sidebar{border-left:1px solid #ffffff0a;border-right:none}.sidebar.disabled-sidebar{opacity:.5;pointer-events:none}.sidebar h3{border-bottom:1px solid #ffffff0a;color:var(--owl-gold);font-size:14px;font-weight:600;margin:0;padding:12px 14px 10px}.sidebar h4{color:var(--owl-text-muted);font-size:12px;font-weight:500;margin:8px 0 6px}.chat-panel,.export-panel,.tools-panel{flex:1 1;min-width:0;overflow-y:auto;padding:0 14px 14px;scrollbar-color:var(--owl-gray-light) #0000;scrollbar-width:thin}.slides-panel{flex:1 1;min-width:0;overflow:hidden;padding:0 14px 20px}.tool-section{background:var(--owl-dark);border:1px solid #ffffff0a;border-radius:8px;margin-bottom:10px;min-width:0;overflow:hidden;padding:10px}.tool-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(35px,1fr));margin-top:6px;min-width:0}.tool-btn{align-items:center;background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:32px;padding:8px 6px;transition:all .15s ease}.tool-btn:hover{background:#ffffff0a;color:var(--owl-text)}.tool-btn.active{background:var(--owl-gold-muted);border-color:var(--owl-gold);color:var(--owl-gold)}.tool-btn.disabled{cursor:not-allowed;opacity:.4}.tool-btn.disabled:hover{background:var(--owl-dark);color:var(--owl-text-muted)}.tool-icon-image{height:20px;object-fit:contain;width:20px}.disabled-hint{color:var(--owl-text-dim);font-size:10.4px;font-style:italic;font-weight:400}.color-palette{grid-gap:3px;background:var(--owl-dark);border:1px solid #ffffff0a;border-radius:6px;display:grid;gap:3px;grid-template-columns:repeat(auto-fit,minmax(18px,1fr));margin-top:6px;min-width:0;padding:8px}.color-btn{align-items:center;border:2px solid #0000;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:relative;text-shadow:1px 1px 1px #000c;transition:all .15s ease;width:18px}.color-btn:hover{border-color:#ffffff4d;transform:scale(1.1)}.color-btn.active{border-color:var(--owl-gold);box-shadow:0 0 6px var(--owl-gold-70);transform:scale(1.15)}.color-btn.custom-color-btn{background:var(--owl-gold);font-size:14px;font-weight:700}.custom-color-picker{animation:slideDown .2s ease-out;background:var(--owl-gray);border:1px solid #ffffff0f;border-radius:8px;box-shadow:0 8px 24px #0006;left:0;margin-top:8px;padding:14px;position:absolute;right:0;top:100%;z-index:1000}.color-picker-header{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.color-picker-header span{color:var(--owl-gold);font-size:12px;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.close-btn:hover{background:#ffffff0a;color:var(--owl-text)}.color-picker-content{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.color-input{background:none;border:1px solid #ffffff0f;border-radius:6px;cursor:pointer;height:36px;width:100%}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:5px}.color-hex-input{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text);font-family:Courier New,monospace;font-size:12px;padding:8px 12px;text-align:center;width:100%}.color-hex-input::placeholder{color:var(--owl-text-dim)}.color-hex-input:focus{border-color:var(--owl-gold);outline:none}.color-picker-actions{display:flex;gap:8px}.apply-btn,.cancel-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .15s ease}.apply-btn{background:var(--owl-gold);color:var(--owl-darker)}.apply-btn:hover{background:var(--owl-gold-hover)}.cancel-btn{background:var(--owl-dark);border:1px solid #ffffff0f;color:var(--owl-text-muted)}.cancel-btn:hover{background:#ffffff0a;color:var(--owl-text)}.size-controls{align-items:center;display:flex;gap:8px;margin-top:6px;min-width:0;overflow:hidden}.size-slider{-webkit-appearance:none;background:var(--owl-gray-light);border-radius:2px;flex:1 1;height:4px;outline:none}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--owl-gold);border-radius:50%;cursor:pointer;height:14px;width:14px}.size-slider::-moz-range-thumb{background:var(--owl-gold);border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.size-value{color:var(--owl-gold);font-size:12px;font-weight:600;min-width:18px;text-align:center}.size-value.clickable{background:var(--owl-gold-muted);border:1px solid #0000;border-radius:6px;cursor:pointer;padding:4px 8px;transition:all .15s ease}.size-value.clickable:hover{border-color:#ffffff0f}.size-input{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-gold);font-size:12px;font-weight:600;margin-left:8px;padding:4px 8px;text-align:center;width:50px}.size-input:focus{border-color:var(--owl-gold);outline:none}.clear-tools-btn{background:var(--owl-danger);border:none;color:#fff;font-weight:600;transition:all .15s ease}.clear-tools-btn:hover{opacity:.85}.clear-tools-btn:active{transform:scale(.97)}.settings-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin-top:6px;min-width:0}.setting-btn{align-items:center;background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:40px;padding:8px 6px;transition:all .15s ease}.setting-btn:hover:not(:disabled){background:#ffffff0a;color:var(--owl-text)}.setting-btn:disabled{cursor:not-allowed;opacity:.4}.setting-icon{font-size:14px}.setting-text{font-size:10.4px;font-weight:500}.icon-label-control{align-items:center;display:flex;flex-direction:column;margin-top:12px;width:100%}.icon-label-control label{color:var(--owl-text-muted);display:block;font-size:12px;font-weight:500;margin-bottom:6px;text-align:center}.icon-label-control input[type=text]{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;box-sizing:border-box;color:var(--owl-text);font-size:12px;outline:none;padding:6px 10px;transition:border-color .15s ease;width:100%}.icon-label-control input[type=text]:focus{border-color:var(--owl-gold)}.icon-label-control input[type=text]::placeholder{color:var(--owl-text-dim);font-style:italic}.main-content{background:var(--owl-dark)}.main-content,.map-container{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.map-container{position:relative}.map-toolbar{background:var(--owl-gray);border-bottom:1px solid #ffffff0a;min-width:0;overflow:hidden;padding:8px 16px}.map-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;min-width:0;width:100%}.map-btn{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;flex-shrink:0;font-size:12px;min-width:0;padding:6px 10px;transition:all .15s ease}.map-btn:hover:not(:disabled){background:#ffffff0a;color:var(--owl-text)}.map-btn:disabled{cursor:not-allowed;opacity:.4}.zoom-level-btn{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;font-size:12px;font-weight:600;min-width:40px;padding:4px 8px;text-align:center;transition:all .15s ease}.zoom-level-btn:hover{background:#ffffff0a;color:var(--owl-text)}.clear-btn{border-color:#f8717133;color:var(--owl-danger)}.clear-btn:hover:not(:disabled){background:#f871711a;border-color:#f871714d;color:var(--owl-danger)}.image-upload-btn{background:var(--owl-gold);border-color:var(--owl-gold);color:var(--owl-darker);font-weight:600}.image-upload-btn:hover:not(:disabled){background:var(--owl-gold-hover);color:var(--owl-darker)}.redo-btn,.undo-btn{font-size:14px}.map-name{word-wrap:break-word;color:var(--owl-text-muted);flex-shrink:1;font-size:12px;font-weight:600;margin-left:auto;max-width:200px;min-width:0;text-align:right}.map-viewport{align-items:center;background:var(--owl-darker);display:flex;flex:1 1;height:100%;justify-content:center;min-height:0;min-width:0;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.map-viewport:active{cursor:grabbing!important}.cursor-crosshair{cursor:crosshair}.cursor-pen{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2 2l12 12M2 2l2 2M2 2l2-2M14 14l-2-2M14 14l-2 2" stroke="black" stroke-width="2" fill="none"/></svg>') 8 8,auto}.cursor-eraser{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ff4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 21l-4.3-4.3c-1-1-1-2.6 0-3.6l9.4-9.4c1-1 2.6-1 3.6 0l4.3 4.3c1 1 1 2.6 0 3.6L10.6 21H7z"/><path d="M15 5l4 4"/><path d="M9 7l6 6"/></svg>') 12 12,auto}.map-placeholder{background:var(--owl-dark);border:2px dashed #ffffff0f;border-radius:12px;max-width:min(600px,90vw);min-height:400px;min-width:0;overflow:hidden;padding:20px;text-align:center;width:100%}.empty-map-content,.map-placeholder{align-items:center;display:flex;justify-content:center}.empty-map-content{color:var(--owl-text-muted);flex-direction:column;gap:16px}.empty-map-icon{animation:float 3s ease-in-out infinite;font-size:48px;opacity:.5}.empty-map-text h3{color:var(--owl-text-muted);font-size:14px;font-weight:600;margin:0 0 8px}.empty-map-text p{color:var(--owl-text-dim);font-size:12px;margin:0}.icon-warning{background:#fbbf2414;border:1px solid #fbbf2426;border-radius:6px;margin-top:12px;padding:8px 12px;text-align:center}.icon-warning p{color:var(--owl-warn);font-size:12px;font-weight:600;margin:0}.map-image-container{height:100%;left:0;position:absolute;top:0;transform-origin:0 0;transition:transform .1s ease-out;width:100%}.map-image{box-shadow:0 4px 16px #0006;display:block;max-width:none;pointer-events:none}.map-image,.placed-icon{-webkit-user-select:none;user-select:none}.placed-icon{cursor:default;pointer-events:auto;position:absolute;transform-origin:center;transition:filter .15s ease;z-index:10}.placed-icon:hover{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))!important}.drawing{pointer-events:none;z-index:5}.drawing-canvas{cursor:crosshair;height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:5}.drawing-canvas:active{cursor:grabbing}.draggable{cursor:grab;transition:transform .1s ease}.draggable:active{cursor:grabbing;transform:scale(1.05);z-index:20}.draggable:hover{filter:brightness(1.1)}.text-input-container{background:var(--owl-dark);border:1px solid #ffffff0a;border-radius:6px;display:flex;gap:8px;margin-top:8px;padding:8px}.text-input{background:var(--owl-darker);border:1px solid #ffffff0f;border-radius:6px;box-sizing:border-box;color:var(--owl-text);flex:1 1;font-family:inherit;font-size:12px;height:32px;outline:none;padding:6px 10px;transition:border-color .15s ease}.text-input:focus{border-color:var(--owl-gold)}.text-input::placeholder{color:var(--owl-text-dim)}.text-confirm-btn{align-items:center;background:var(--owl-gold);border:none;border-radius:6px;color:var(--owl-darker);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .15s ease}.text-confirm-btn:hover:not(:disabled){background:var(--owl-gold-hover)}.text-confirm-btn:disabled{cursor:not-allowed;opacity:.4}.placed-text{background:#fff;border:1px solid #333;border-radius:3px;line-height:1.2;padding:3px 5px;position:absolute;transform-origin:center;white-space:nowrap}.slides-controls{display:flex;gap:5px;margin-bottom:12px}.slide-control-btn{align-items:center;background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;justify-content:center;padding:6px 4px;transition:all .15s ease;white-space:nowrap}.slide-control-btn:hover:not(:disabled){background:#ffffff0a;color:var(--owl-text)}.slide-control-btn:disabled{cursor:not-allowed;opacity:.4}.slide-control-btn.add-btn:hover:not(:disabled){color:var(--owl-gold)}.duplicate-btn:hover:not(:disabled){border-color:#64c8ff33;color:#64c8ff}.delete-btn:hover:not(:disabled){border-color:#f8717133;color:var(--owl-danger)}.add-slide-btn,.delete-slide-btn{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;flex:1 1;font-size:12px;padding:6px;transition:all .15s ease}.add-slide-btn:hover{color:var(--owl-gold)}.delete-slide-btn:hover{color:var(--owl-danger)}.delete-slide-btn:disabled{cursor:not-allowed;opacity:.4}.slides-list{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:180px;overflow-y:auto;padding-bottom:16px;padding-right:4px;scrollbar-color:var(--owl-gray-light) #0000;scrollbar-width:thin}.slide-item{align-items:center;background:var(--owl-dark);border:1px solid #ffffff0a;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:6px 10px;transition:all .15s ease}.slide-item:hover{background:#ffffff0a}.slide-item.active{background:var(--owl-gold-muted);border-color:var(--owl-gold);color:var(--owl-text)}.slide-number{align-items:center;background:var(--owl-gold);border-radius:50%;color:var(--owl-darker);display:flex;flex-shrink:0;font-size:10.4px;font-weight:700;height:20px;justify-content:center;width:20px}.slide-name{border-radius:4px;color:var(--owl-text);cursor:text;flex:1 1;font-size:12px;overflow:hidden;padding:2px 4px;text-align:left;text-overflow:ellipsis;transition:background .15s ease;white-space:nowrap}.slide-name:hover{background:#ffffff0a}.slide-name-input{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:4px;color:var(--owl-text);flex:1 1;font-size:12px;outline:none;padding:2px 4px;transition:border-color .15s ease;width:100%}.slide-name-input:focus{border-color:var(--owl-gold)}.slide-name-input::placeholder{color:var(--owl-text-dim)}.chat-messages{background:var(--owl-dark);border:1px solid #ffffff0a;border-radius:6px;height:180px;margin-bottom:8px;overflow-y:auto;padding:8px;scrollbar-color:var(--owl-gray-light) #0000;scrollbar-width:thin}.chat-message{background:var(--owl-darker);border-radius:4px;font-size:12px;margin-bottom:4px;padding:4px 6px}.message-user{color:var(--owl-gold);font-size:12px;font-weight:600;margin-right:6px}.message-text{color:var(--owl-text-muted);font-size:12px}.chat-input{display:flex;gap:6px;margin-top:6px}.chat-input input,.chat-input textarea{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text);flex:1 1;font-family:inherit;font-size:12px;line-height:1.3;min-height:28px;padding:6px 8px;resize:none;transition:border-color .15s ease}.chat-input textarea{max-height:60px;min-height:28px;overflow-y:auto;resize:vertical;scrollbar-color:var(--owl-gray-light) #0000;scrollbar-width:thin}.chat-input input::placeholder,.chat-input textarea::placeholder{color:var(--owl-text-dim)}.chat-input input:focus,.chat-input textarea:focus{border-color:var(--owl-gold);outline:none}.chat-input button{align-items:center;background:var(--owl-gold);border:none;border-radius:6px;color:var(--owl-darker);cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:28px;min-width:32px;padding:6px 8px;transition:all .15s ease}.chat-input button:hover{background:var(--owl-gold-hover)}.export-panel{border-top:1px solid #ffffff0a;margin-top:12px;max-height:150px;overflow:hidden;padding-top:2px}.export-buttons{display:flex;flex-direction:column;gap:2px;margin-top:3px}.export-btn{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;font-size:12px;padding:6px 8px;text-align:center;transition:all .15s ease}.export-btn:hover{background:#ffffff0a;color:var(--owl-text)}.loading{color:var(--owl-text-muted);font-size:14px;height:100vh}.loading,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.image-upload-modal{animation:slideUp .2s ease-out;background:var(--owl-gray);border:1px solid #ffffff0f;border-radius:8px;box-shadow:0 16px 48px #00000080;max-width:450px;overflow:visible;width:90%}.modal-header{align-items:center;background:var(--owl-dark);border-bottom:1px solid #ffffff0a;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:14px 18px 10px}.modal-header h3{color:var(--owl-gold);font-size:14px;font-weight:600;margin:0}.modal-content{padding:18px}.upload-type-selector{background:var(--owl-dark);border:1px solid #ffffff0a;border-radius:6px;display:flex;gap:6px;margin-bottom:16px;padding:4px}.type-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 10px;transition:all .15s ease}.type-btn:hover{background:#ffffff0a;color:var(--owl-text)}.type-btn.active{background:var(--owl-gold);color:var(--owl-darker)}.file-upload-section{text-align:center}.file-input-wrapper{display:inline-block;position:relative;width:100%}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-input-label{align-items:center;background:var(--owl-dark);border:2px dashed #ffffff0f;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:24px 16px;transition:all .15s ease}.file-input-label:hover{background:var(--owl-gold-muted);border-color:var(--owl-gold)}.upload-icon{color:var(--owl-text-muted);font-size:32px;margin-bottom:10px}.upload-text{color:var(--owl-text);font-size:14px;font-weight:600;margin-bottom:4px}.upload-hint{color:var(--owl-text-dim);font-size:10.4px}.url-upload-section{display:flex;flex-direction:column;gap:10px}.url-input-wrapper{align-items:stretch;display:flex;gap:8px}.url-input{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text);flex:1 1;font-size:12px;outline:none;padding:10px 14px;transition:border-color .15s ease}.url-input:focus{border-color:var(--owl-gold)}.url-input::placeholder{color:var(--owl-text-dim)}.url-upload-btn{background:var(--owl-gold);border:none;border-radius:6px;color:var(--owl-darker);cursor:pointer;font-size:12px;font-weight:600;padding:10px 16px;transition:all .15s ease;white-space:nowrap}.url-upload-btn:hover:not(:disabled){background:var(--owl-gold-hover)}.url-upload-btn:disabled{cursor:not-allowed;opacity:.4}.url-hint{color:var(--owl-text-dim);font-size:10.4px;font-style:italic;text-align:center}.modal-footer{border-top:1px solid #ffffff0a;display:flex;justify-content:flex-end;padding:12px 18px 16px}.modal-footer .cancel-btn{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .15s ease}.modal-footer .cancel-btn:hover{background:#ffffff0a;color:var(--owl-text)}.delete-confirm-modal{animation:slideUp .2s ease-out;background:var(--owl-gray);border:1px solid #ffffff0f;border-radius:8px;box-shadow:0 16px 48px #00000080;max-width:400px;overflow:visible;width:90%}.delete-warning{align-items:center;display:flex;flex-direction:column;gap:16px;padding:8px 0;text-align:center}.warning-icon{color:var(--owl-danger);font-size:48px}.warning-text{color:var(--owl-text);line-height:1.6}.warning-text p{font-size:12px;margin:6px 0}.warning-text p:first-child{color:var(--owl-danger);font-size:14px;font-weight:600}.warning-text p:last-child{color:var(--owl-text-muted);font-size:14px;margin-top:10px}.confirm-delete-btn{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-muted);cursor:pointer;font-size:12px;font-weight:600;margin-left:8px;padding:8px 16px;transition:all .15s ease}.confirm-delete-btn:hover{background:#ffffff0a;color:var(--owl-text)}.delete-confirm-modal .modal-footer{gap:8px;justify-content:space-between}.delete-confirm-modal .modal-footer .cancel-btn{background:var(--owl-danger);border:none;border-radius:6px;color:#fff;flex:1 1;font-size:12px;font-weight:600;padding:8px 16px;transition:all .15s ease}.delete-confirm-modal .modal-footer .cancel-btn:hover{opacity:.85}.delete-confirm-modal .modal-footer .confirm-delete-btn{flex:1 1}.clear-modal-footer{display:flex;gap:12px;justify-content:center;margin-top:16px}.glow-cancel-btn{background:var(--owl-gold);border:none;border-radius:6px;color:var(--owl-darker);cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:all .15s ease}.glow-cancel-btn:hover{background:var(--owl-gold-hover)}.dim-confirm-btn{background:var(--owl-dark);border:1px solid #ffffff0f;border-radius:6px;color:var(--owl-text-dim);cursor:pointer;font-size:12px;padding:10px 16px;transition:all .15s ease}.dim-confirm-btn:hover{background:#ffffff0a;color:var(--owl-text-muted)}.role-badge{background:var(--owl-gold-muted);border-radius:4px;color:var(--owl-gold);flex-shrink:0;font-size:10.4px;font-weight:500;padding:2px 6px;white-space:nowrap}.watch-only-notice{color:var(--owl-warn);font-size:10.4px;padding-bottom:5px;text-align:center}.admin-actions{display:flex;gap:5px;margin-left:auto}.role-toggle-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:10.4px;font-weight:500;padding:2px 8px;transition:opacity .15s ease}.role-toggle-btn:hover{opacity:.85}.role-toggle-btn.promote{background:var(--owl-success);color:var(--owl-darker)}.role-toggle-btn.demote{background:var(--owl-danger)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.main-content::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#0000}.main-content::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--owl-gray-light);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:var(--owl-gold)}@media (max-width:1400px){.sidebar{min-width:240px;width:280px}}@media (max-width:1200px){.sidebar{min-width:220px;width:260px}.map-toolbar{padding:6px 12px}.map-controls{gap:6px}}@media (max-width:768px){.room-header{flex-direction:column;gap:10px;height:auto;padding:10px;text-align:center}.header-center{order:-1}.room-content{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff0a;border-right:none;height:auto;width:100%}.sidebar.right-sidebar{border-left:none;border-top:1px solid #ffffff0a}.custom-color-picker{left:50%;max-width:300px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.image-upload-modal{margin:20px;width:95%}.upload-type-selector,.url-input-wrapper{flex-direction:column;gap:6px}.map-placeholder{min-height:300px;padding:14px}.empty-map-icon{font-size:36px}.delete-confirm-modal{margin:20px;width:95%}.delete-confirm-modal .modal-footer{flex-direction:column;gap:6px}.delete-confirm-modal .modal-footer .cancel-btn,.delete-confirm-modal .modal-footer .confirm-delete-btn{margin:0;width:100%}}@media (max-width:480px){.map-toolbar{padding:4px 8px}.map-controls{align-items:stretch;flex-direction:column;gap:4px}.map-btn{padding:5px 8px}.map-btn,.map-name{font-size:10.4px;text-align:center}.map-name{margin-left:0;margin-top:6px}.image-upload-modal{margin:10px;width:98%}.map-placeholder{min-height:250px;padding:10px}.delete-confirm-modal{margin:10px;width:98%}}@media (max-width:900px){.map-toolbar{padding:6px 12px}.map-controls{gap:6px}.map-btn{padding:5px 8px}.map-btn,.map-name{font-size:12px}.map-placeholder{padding:8px}.grid-cell{font-size:clamp(.55rem,1.3vw,.65rem);height:clamp(28px,4.5vw,35px);width:clamp(28px,4.5vw,35px)}}@media (max-width:700px){.map-toolbar{padding:4px 8px}.map-controls{align-items:stretch;flex-direction:column;gap:4px}.map-btn{padding:4px 6px}.map-btn,.map-name{font-size:10.4px;text-align:center}.map-name{margin-left:0;margin-top:6px}.map-placeholder{padding:6px}.grid-cell{font-size:clamp(.5rem,1.2vw,.6rem);height:clamp(25px,4vw,30px);width:clamp(25px,4vw,30px)}}@media (max-width:500px){.map-toolbar{padding:3px 6px}.map-controls{gap:3px}.map-btn{padding:3px 5px}.map-btn,.map-name{font-size:10px}.map-placeholder{padding:4px}.grid-cell{font-size:clamp(.4rem,1vw,.5rem);height:clamp(20px,3vw,25px);width:clamp(20px,3vw,25px)}}.App{background:var(--owl-dark);min-height:100vh}
/*# sourceMappingURL=main.b382457e.css.map*/