.theme-panel{position:fixed;inset:auto 24px 24px auto;margin:0;width:380px;max-width:calc(100vw - 24px);max-height:80vh;overflow:auto;padding:0;border:1px solid #cbdde8;border-radius:16px;background:#f8fcff;color:#173347;box-shadow:0 16px 60px #17334730;z-index:30}.theme-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #e0eaf0;cursor:move;touch-action:none}.theme-head h2{margin:0;font-size:17px}.theme-head button{font-size:12px;padding:7px 10px}.theme-body{padding:20px}.theme-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.theme-column label{font-weight:600;font-size:13px;color:#486a81}.theme-column input[type=color]{width:100%;height:49px;padding:4px;border-radius:9px;cursor:pointer;background:#fff;margin-top:9px}.theme-column output{display:block;margin:6px 0 10px;color:#7890a0;font-size:11px}.color-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.color-swatches button{height:29px;border:1px solid #b9ccd8;border-radius:7px;position:relative}.color-swatches button[aria-pressed=true]{outline:2px solid #387da8;outline-offset:2px}.theme-switch{display:flex;align-items:center;gap:10px;margin:22px 0;font-size:13px}.theme-switch input{appearance:none;width:36px;height:21px;border:0;border-radius:12px;background:#c5d5df;position:relative;padding:0;flex:none;cursor:pointer;transition:background .15s}.theme-switch input:before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 1px 3px #1234;transition:transform .15s}.theme-switch input:checked{background:#266aa1}.theme-switch input:checked:before{transform:translateX(15px)}.theme-body>.secondary{width:100%}@media(max-width:600px){.theme-panel{right:12px;bottom:12px;max-height:55vh;width:360px}.theme-body{padding:15px}.theme-head{padding:13px 15px}}