#ql-room-settings-open{position:fixed;top:18px;right:20px;z-index:1035;border:1px solid #d6e0e8;border-radius:12px;padding:9px 16px;background:#fff;color:#263d50;font:600 14px/1.5 system-ui;box-shadow:0 3px 14px #102b4220;cursor:pointer}
.ql-room-settings{width:min(440px,100vw)!important;max-width:100vw!important;background:#f3f6fa!important;color:#263d50!important;opacity:1!important;text-align:left;font:14px/1.7 system-ui}
dialog.ql-room-settings{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;border:0;padding:0;overflow:hidden}
dialog.ql-room-settings[open]{display:flex;flex-direction:column;animation:ql-settings-slide .24s ease-out}
dialog.ql-room-settings::backdrop{background:#10253b66}
@keyframes ql-settings-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}
.ql-room-settings .offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px!important;border-bottom:1px solid #dfe6ee;background:#fff;color:#263d50}
.ql-room-settings .offcanvas-header h2,.ql-room-settings .offcanvas-header h5{margin:0;font-size:19px;color:inherit}
.ql-room-settings .offcanvas-header button{flex-shrink:0;cursor:pointer}
.ql-room-settings .btn-close-white{filter:none}
.ql-room-settings .offcanvas-body{padding:18px!important;overflow:auto;min-height:0;overscroll-behavior:contain}
.ql-room-settings .ql-settings-card{margin:0 0 16px!important;padding:18px!important;background:#fff;border:1px solid #e0e7ef;border-radius:14px;color:#263d50;overflow-wrap:anywhere}
.ql-room-settings h3,.ql-room-settings h6{font-size:15px;font-weight:650;margin:0 0 12px;color:#263d50}
.ql-settings-note{font-size:12px;color:#64778b;margin:0 0 16px}
.ql-room-settings .ql-todo-options,.ql-room-settings .ql-modern-controls{display:flex!important;flex-direction:column;align-items:stretch;gap:14px;margin:0 0 14px;padding:0}
.ql-room-settings label{max-width:100%;font-size:14px}
.ql-room-settings .ql-todo-options label,.ql-room-settings .ql-modern-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:space-between}
.ql-room-settings select,.ql-room-settings textarea,.ql-room-settings input:not([type=radio]):not([type=checkbox]):not([type=color]){max-width:100%;box-sizing:border-box;color:#263d50;background:#f8fafc;border:1px solid #d6e0e8;border-radius:8px;padding:7px}
.ql-room-settings input[type=range]{flex:1;min-width:90px;padding:0!important;accent-color:#407c86}
.ql-room-settings #ql-todo-toggle,.ql-room-settings #ql-done-toggle,.ql-room-settings .ql-modern-controls button,.ql-room-settings #open-schedule-settings{border:1px solid #d6e0e8;background:#f4f8fb;color:#263d50;border-radius:9px;padding:9px 12px;margin:4px 6px 4px 0;cursor:pointer;position:static}
.ql-room-settings .dream-setting-group{background:#fff;border-color:#e0e7ef;color:#263d50}
.ql-room-settings .dream-settings-note{color:#64778b}
.ql-room-settings :focus-visible,#ql-room-settings-open:focus-visible{outline:3px solid #5b9ca6;outline-offset:3px}
@media(max-width:600px){#ql-room-settings-open{top:10px;right:10px;padding:7px 12px}.ql-room-settings .offcanvas-body{padding:12px!important}.ql-room-settings .ql-settings-card{padding:15px!important}}
@media(prefers-reduced-motion:reduce){dialog.ql-room-settings[open]{animation:none}}
.ql-room-settings.offcanvas{z-index:10020}
body:has(.ql-room-settings.show)>.offcanvas-backdrop{z-index:10010}
#ql-room-settings .offcanvas-header button{border:0;border-radius:8px;background:#edf2f7;color:#40566b;font-size:24px;width:36px;height:36px;line-height:1}