/* Owner controls: dark, tactile islands with restrained signal colors. */
:root{--control-surface:#090a0b;--control-panel:#17191c;--control-line:#ffffff12;--control-muted:#92989d;--control-accent:#a4efb8;--control-blue:#879cfe}
.text-edit{border:1px solid #ffffff32;border-radius:50%;background:#08090aed;color:var(--control-accent);box-shadow:0 3px 10px #0006;transition:transform .16s,background .16s}.text-edit:hover{background:#242b27;transform:scale(1.07)}.editor-active .editable-field{outline-color:#a4efb829}
.editor-toolbar{bottom:14px;width:max-content;max-width:calc(100% - 24px);border:1px solid #ffffff21;border-radius:36px;background:#08090af5;padding:7px 10px;box-shadow:0 12px 42px #0008,0 1px 0 #ffffff17 inset;gap:6px}.editor-toolbar button{border-radius:26px;min-width:66px;padding:9px 15px;color:#b6bbc1;transition:background .18s,color .18s}.editor-toolbar button:hover{background:#22272b;color:#fff}.editor-toolbar button[aria-pressed=true]{color:var(--control-accent)}.editor-toolbar .editor-add{border-radius:50%;min-width:54px;width:54px;height:54px;padding:4px;background:var(--control-accent);color:#07130b;gap:0}.editor-toolbar .editor-add svg{width:25px;height:25px}.editor-toolbar .editor-add span{font-size:10px}.editor-toolbar .editor-add:hover{background:#c3ffd2;color:#07130b}.editor-preview-label{background:#090a0bea;border:1px solid #ffffff20;border-radius:99px;padding:7px 12px;font:11px/1.3 Arial,sans-serif;letter-spacing:.03em;bottom:100px;color:#abb1b8}.editor-preview-label:before{content:'';display:inline-block;width:6px;height:6px;background:#eba76c;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #e4985150}
.editor-dialog{border:none;border-radius:34px;background:var(--control-surface);color:#f3f5f7;box-shadow:0 28px 90px #0008,0 0 0 1px #ffffff15 inset;font-family:Arial,sans-serif;scrollbar-width:thin;scrollbar-color:#444 transparent}.editor-dialog::backdrop{background:#bac0c3b8;backdrop-filter:blur(13px) saturate(.65)}.editor-dialog header{padding:22px 25px 15px;background:#090a0bf5;border:0;backdrop-filter:blur(16px);border-radius:34px 34px 0 0}.editor-dialog header h2{font-size:21px;font-weight:500;letter-spacing:-.025em}.editor-dialog header h2:before{content:'';width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:10px;background:var(--control-accent);box-shadow:0 0 12px #a4efb84d}.editor-dialog header>button{border-radius:50%;width:36px;min-height:36px;padding:0;border:none;background:#25282b;font-size:21px;color:#adb3b9}.editor-dialog .sheet-content{padding:8px 25px 26px;gap:19px}.editor-dialog .sheet-help{color:var(--control-muted);font:14px/1.55 Arial,sans-serif}.editor-dialog label{color:#aeb4bc;font-size:13px;gap:9px}.editor-dialog input,.editor-dialog textarea,.editor-dialog select{background:#17191c;border:1px solid #ffffff09;border-radius:15px;color:#f3f4f5;padding:13px 15px;outline-offset:3px}.editor-dialog select{border-radius:24px}.editor-dialog input:focus,.editor-dialog textarea:focus,.editor-dialog select:focus{outline:2px solid #a4efb88c}.editor-dialog button,.editor-dialog .file-picker{border:1px solid #ffffff0d;background:#202327;color:#e3e5e8;border-radius:99px;min-height:44px}.editor-dialog button:hover{background:#2d3237}.editor-dialog .primary{background:var(--control-accent);border:0;color:#0b1b10;font-weight:600}.editor-dialog .primary:hover{background:#c5ffd5}.editor-dialog .file-picker{border-radius:24px;background:#17191c;padding:19px;text-align:left;align-items:stretch;font-size:15px}.editor-dialog input[type=file]{font-size:13px;color:#8e969f;border-radius:0;background:none;padding:0}.editor-dialog input[type=file]::file-selector-button{background:#292e32;color:#eee;border:0;border-radius:99px;padding:10px 16px;margin-right:12px;cursor:pointer}.editor-dialog .track-row{padding:20px;border:1px solid #ffffff0c;border-radius:27px;background:#141619;gap:16px}.editor-dialog .track-row>strong{font:500 12px/1 Arial,sans-serif;color:var(--control-accent);letter-spacing:.15em}.editor-dialog .track-row input,.editor-dialog .track-row select{background:#080a0c}.editor-dialog .track-buttons{justify-content:flex-end}.editor-dialog .track-buttons button{min-height:36px;font-size:12px;padding:8px 15px;color:#bdc3ca}.editor-media-item{border:0;background:#16181b;border-radius:20px;padding:10px 13px}.editor-media-item img,.editor-media-item video{border-radius:13px}.editor-media-item .media-buttons button{min-height:36px;font-size:12px}.editor-dialog .device-card{border:0;border-radius:25px;background:#17191c;padding:20px;margin-bottom:12px}.editor-dialog .device-card strong{font-size:16px;font-weight:500}.editor-dialog .device-card span{font-size:13px;color:#929aa3}.editor-dialog .device-card .device-state{display:flex;align-items:center;gap:7px;color:var(--control-accent);margin:4px 0}.device-state:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px #a4efb859}.editor-dialog .pairing-code{background:#17191c;border:0;border-radius:28px;color:#c5fbd5;font-size:44px;letter-spacing:.15em;font-variant-numeric:tabular-nums;margin:0 0 10px}.editor-dialog .sheet-error{border-radius:15px;background:#3e201d;color:#ffc2b8;padding:12px;font-size:14px}.editor-dialog .sheet-error:empty{display:none}.editor-toast{background:#0d1210;color:#c7f5d5;border:1px solid #ffffff2b;border-radius:99px;bottom:108px;box-shadow:0 8px 30px #0006}.card .post-edit{border-radius:99px;background:#161f19;color:#afe7be;border:1px solid #a4efb833;padding:8px 15px}.editor-dialog audio{width:100%;height:42px;color-scheme:dark}.editor-dialog input[type=checkbox]{accent-color:var(--control-accent);width:20px;height:20px}
.music-monitor{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:28px;background:#16191c;box-shadow:0 1px 0 #ffffff09 inset}.monitor-identity{flex:1;min-width:0}.monitor-identity strong{display:block;font-size:15px;font-weight:500}.monitor-identity p{font-size:12px;color:var(--control-muted);margin:7px 0 0}.volume-dial{display:flex!important;position:relative;align-items:center;width:72px;height:88px;flex:none;color:#b8c3bb}.volume-dial .dial-face{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 225deg,var(--control-accent) 0deg var(--volume-sweep,216deg),#353b3c var(--volume-sweep,216deg) 270deg,transparent 270deg);position:relative;box-shadow:0 5px 13px #0005}.dial-face:before{content:'';position:absolute;inset:4px;background:radial-gradient(circle at 35% 25%,#39413f,#131716 70%);border:1px solid #4b57503b;border-radius:50%}.dial-face output{font-size:13px;position:relative;color:#ddece2;font-variant-numeric:tabular-nums}.volume-dial input[type=range]{position:absolute;inset:0;opacity:0;cursor:ew-resize;width:100%;height:65px;margin:0;padding:0}.volume-dial:focus-within .dial-face{outline:2px solid #c0f8cc;outline-offset:4px}.volume-dial>span:last-child{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.status-wave{display:flex;align-items:center;gap:3px;height:22px}.status-wave i{width:3px;border-radius:2px;background:var(--control-accent);height:var(--bar-height);opacity:.8}.status-wave.playing i{animation:signal-bar .65s ease-in-out infinite alternate;animation-delay:var(--bar-delay)}@keyframes signal-bar{to{transform:scaleY(.25)}}
@media(max-width:620px){.editor-toolbar{bottom:calc(9px + env(safe-area-inset-bottom));gap:2px;padding:6px 8px}.editor-toolbar button{min-width:51px;padding:7px 10px;font-size:11px;gap:4px}.editor-toolbar .editor-add{height:49px;width:49px;min-width:49px}.editor-dialog{border-radius:30px 30px 0 0;max-height:94svh}.editor-dialog header{padding:21px 20px 14px}.editor-dialog .sheet-content{padding:8px 20px calc(25px + env(safe-area-inset-bottom))}.editor-dialog .pairing-code{font-size:38px}.editor-dialog .field-row{gap:10px}.editor-preview-label{bottom:92px;font-size:10px}.editor-toolbar svg{height:20px;width:20px}.editor-dialog .track-row{padding:16px}.music-monitor{padding:16px}.editor-toast{max-width:calc(100% - 24px);width:max-content;text-align:center;font-size:13px}}
@media(prefers-reduced-motion:reduce){.status-wave.playing i{animation:none}.text-edit,.editor-toolbar button{transition:none}}

/* Compact, nonmodal tabs leave the website visible and interactive. */
.editor-dialog{position:fixed;inset:auto auto 101px 50%;transform:translateX(-50%);margin:0;width:390px;max-width:calc(100% - 24px);max-height:min(55svh,460px);z-index:70;border-radius:26px;border:1px solid #ffffff24;box-shadow:0 12px 45px #0009;overscroll-behavior:contain}
.editor-dialog::backdrop{background:transparent;backdrop-filter:none}
.editor-dialog header{padding:15px 18px 10px;border-radius:25px 25px 0 0}
.editor-dialog header h2{font-size:17px}.editor-dialog header>button{width:30px;min-height:30px;font-size:19px}
.editor-dialog .sheet-content{padding:7px 18px 18px;gap:12px}
.editor-dialog .sheet-help{font-size:12px;line-height:1.45}
.editor-dialog .file-picker{border-radius:19px;padding:13px;min-height:0;font-size:13px;gap:5px}
.editor-dialog input[type=file]{margin-top:4px;font-size:12px}
.editor-dialog input[type=file]::file-selector-button{padding:8px 13px}
.editor-dialog .music-monitor{padding:12px 15px;border-radius:21px;gap:8px}
.editor-dialog .monitor-identity strong{font-size:14px}.editor-dialog .monitor-identity p{font-size:11px;margin-top:5px}
.editor-dialog .volume-dial{height:77px;width:65px;gap:5px}.editor-dialog .dial-face{width:57px;height:57px}
.editor-dialog .volume-dial input[type=range]{height:57px}.editor-dialog .sheet-actions{padding-top:0;gap:8px}
.editor-dialog button{min-height:38px;font-size:13px;padding:9px 13px}.editor-dialog textarea{min-height:90px}
.editor-dialog .pairing-code{font-size:32px;padding:16px;border-radius:20px}.editor-dialog .device-card{padding:14px;border-radius:20px}
.editor-dialog input[type=checkbox]{appearance:none;width:39px;height:23px;padding:2px;border-radius:20px;background:#41464b;border:none;position:relative;flex-shrink:0}
.editor-dialog input[type=checkbox]:before{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#e5e8ec;transition:transform .15s}
.editor-dialog input[type=checkbox]:checked{background:var(--control-accent)}.editor-dialog input[type=checkbox]:checked:before{transform:translateX(16px);background:#132719}
.editor-preview-label{right:12px;bottom:100px;z-index:54}.editor-toast{z-index:80}
@media(max-width:620px){.editor-dialog{bottom:calc(93px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-height:52svh;border-radius:24px;max-width:390px}.editor-dialog header{padding:14px 16px 8px}.editor-dialog .sheet-content{padding:7px 16px 17px}.editor-dialog input,.editor-dialog textarea,.editor-dialog select{padding:10px 12px}.editor-dialog .field-row{grid-template-columns:1fr 1fr}.editor-dialog .pairing-code{font-size:30px}}
@media(max-width:360px){.editor-toolbar{gap:1px;padding-inline:5px}.editor-toolbar button{min-width:43px;padding-inline:6px;font-size:10px}.editor-toolbar .editor-add{min-width:44px;width:44px;height:48px}}