.data-mode-panel{position:fixed;z-index:10000;right:0;bottom:14px;display:flex;width:min(334px,calc(100vw - 8px));align-items:flex-start;color:#1a2b52;font-family:-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;transform:translateX(calc(100% - 42px));transition:transform .22s ease}
.data-mode-panel.is-open{transform:translateX(0)}
.data-mode-panel-handle{position:relative;display:grid;flex:0 0 42px;width:42px;height:56px;place-items:center;margin-top:16px;padding:0;border:1px solid #b9c7dd;border-right:0;border-radius:10px 0 0 10px;background:#1a2b52;color:#fff;font-size:0;font-weight:400;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(18,38,72,.16)}
.data-mode-panel-handle::before{position:absolute;top:50%;left:50%;content:'';display:block;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-50%) rotate(135deg);transform-origin:center}
.data-mode-panel-handle[aria-expanded="true"]::before{transform:translate(-50%,-50%) rotate(-45deg)}
.data-mode-panel-handle:hover{background:#284375}.data-mode-panel-handle:focus-visible{outline:3px solid #7fa4e8;outline-offset:2px}
.data-mode-panel-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:8px;padding:14px;border:1px solid #b9c7dd;border-radius:10px 0 0 10px;background:#f8fbff;box-shadow:0 10px 30px rgba(18,38,72,.2)}
.data-mode-panel-body strong{align-self:flex-start;padding:3px 7px;border-radius:5px;background:#1a2b52;color:#fff;font-size:11px;letter-spacing:.04em}.data-mode-panel-body span{font-size:12px;color:#68758b}.data-mode-panel-body b{font-size:14px}.data-mode-panel-body button,.data-mode-dialog button{min-height:38px;padding:8px 12px;border:1px solid #2f5cad;border-radius:7px;background:#fff;color:#244d98;font-weight:700;cursor:pointer}.data-mode-panel-body button:hover,.data-mode-dialog button:hover{background:#edf4ff}.data-mode-panel-body button.danger{border-color:#c94b58;color:#a32231}
.data-mode-modal{position:fixed;z-index:11000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,27,48,.55)}.data-mode-dialog{width:min(440px,100%);padding:24px;border-radius:12px;background:#fff;color:#1f2937;box-shadow:0 18px 60px rgba(0,0,0,.3)}.data-mode-dialog h2{margin:0 0 12px;color:#1a2b52;font-size:19px}.data-mode-dialog p{margin:0 0 22px;white-space:pre-line;line-height:1.75}.data-mode-dialog>div{display:flex;justify-content:flex-end;gap:10px}.data-mode-dialog button.primary{background:#315db0;color:#fff}
@media(max-width:640px){.data-mode-panel{bottom:76px;width:min(302px,calc(100vw - 8px))}.data-mode-panel-body{padding:12px}.data-mode-dialog{padding:20px}.data-mode-dialog>div{flex-direction:column-reverse}.data-mode-dialog button{width:100%}}