.yz-float { position:fixed; right:26px; bottom:110px; width:136px; height:192px; z-index:1100; }
.yz-launch { display:flex; flex-direction:column; align-items:center; width:136px; height:192px; padding:0; border:0; background:transparent; color:#253732; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; }
.yz-launch:focus-visible { outline:2px solid #56786b; outline-offset:5px; border-radius:20px; }
.yz-launch canvas,.yz-robot-fallback { display:block; width:136px; height:168px; pointer-events:none; filter:drop-shadow(0 9px 7px #23332933); }
.yz-robot-fallback { object-fit:contain; }
.yz-robot-fallback[hidden],.yz-float [hidden] { display:none!important; }
.yz-float-name { font:700 12px/1.6 Manrope,system-ui,sans-serif; letter-spacing:.08em; padding:2px 7px; color:#263b32; background:#fafbf8ef; border:1px solid #647c5726; border-radius:10px; white-space:nowrap; }
.yz-float.dock-dragging .yz-launch { cursor:grabbing; }
.yz-float-panel { position:fixed; box-sizing:border-box; width:268px; max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain; padding:20px; color:#253732; background:#fffffc; border:1px solid #52694c26; border-radius:18px; box-shadow:0 16px 50px #22362a24; font:13px/1.5 Manrope,system-ui,sans-serif; z-index:1101; }
.yz-float-panel header { display:flex; justify-content:space-between; align-items:center; }
.yz-float-panel[hidden],.yz-floating-work[hidden] { display:none!important; }
.yz-float,.yz-float .yz-launch { width:84px; height:124px; }
.yz-float .yz-launch canvas,.yz-float .yz-robot-fallback { width:84px; height:104px; }
.dock-dani-home:has(>.yz-float) { min-height:52px!important; padding-block:4px!important; }
.dock-dani-home>.yz-float,.dock-dani-home>.yz-float .yz-launch { width:144px; height:44px; }
.dock-dani-home>.yz-float .yz-launch { flex-direction:row; }
.dock-dani-home>.yz-float :is(canvas,.yz-robot-fallback) { width:32px; height:40px; }
.yz-float-panel { width:340px; padding:14px; color:#242428; background:#fff; border-color:#e3e3e8; border-radius:14px; }
.yz-float-panel .yz-robot-player { padding:12px 0; border-block:1px solid #e3e3e8; margin-block:8px; }
.yz-robot-player>div { display:flex; justify-content:center; gap:8px; }
.yz-robot-player>strong { display:block; letter-spacing:0; font-size:14px; overflow-wrap:anywhere; }
.yz-robot-player [data-robot-playback=play],.yz-float-panel>a { background:#b91c43; color:#fff; }
.yz-robot-music-frame { display:block; width:100%; height:clamp(160px,30dvh,240px); border:1px solid #e3e3e8; border-radius:10px; background:#fff; }
.yz-float-panel>details { font-size:12px; margin-top:8px; }
.yz-float-panel>details>summary { cursor:pointer; padding:6px 0; color:#626268; }
.yz-floating-work { position:fixed; inset:0; z-index:1050; background:#fff; }
.yz-floating-work>iframe { display:block; width:100%; height:calc(100% - 42px); border:0; }
.yz-floating-work-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; height:42px; padding:4px 12px; background:#25252b; color:white; font:12px Inter,sans-serif; }
.yz-floating-work-bar button { min-height:32px; border:0; border-radius:6px; background:#3d3d45; color:white; padding:4px 12px; cursor:pointer; }
.yz-float-panel strong { font-size:15px; letter-spacing:.07em; }
.yz-float-panel p { margin:12px 0; color:#526159; }
.yz-float-panel button,.yz-float-panel a { display:block; box-sizing:border-box; min-height:44px; padding:11px 13px; font:inherit; border:1px solid #46624f33; border-radius:9px; background:transparent; color:#263f31; text-decoration:none; cursor:pointer; }
.yz-float-panel header button { border:0; padding:8px; }
.yz-float-panel>a { background:#314f40; color:white; text-align:center; }
.yz-float-panel label { display:flex; gap:8px; align-items:center; min-height:44px; margin-top:8px; }
.yz-float-panel input { width:17px; height:17px; accent-color:#314f40; }
.yz-float-panel button:focus-visible,.yz-float-panel a:focus-visible { outline:2px solid #56786b; outline-offset:3px; }
@media(max-width:600px) {
  .yz-float,.yz-launch { width:100px; height:148px; }
  .yz-launch canvas,.yz-robot-fallback { width:100px; height:124px; }
}