*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0f2a33;color:#e9f2ef;font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #3e6a70;border-radius:9px;padding:8px 12px;background:#18404a;color:#eef6f3;font-weight:650;min-height:40px}button:hover{border-color:#7fd8cf}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f5cf55;outline-offset:2px}.sol{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr min(380px,40vw);grid-template-rows:56px 1fr}.sol-view{grid-column:1;grid-row:1/3;width:100%;height:100%;display:block;touch-action:none}.sol-top{grid-column:1;grid-row:1;z-index:2;display:flex;align-items:center;gap:16px;padding:8px 14px;background:linear-gradient(#0f2a33ee,#0f2a3300);pointer-events:none}.sol-top>*{pointer-events:auto}.sol-top b{font-size:17px}.sol-top small{display:block;font-size:10px;font-weight:500;color:#a9c9c6;letter-spacing:.4px}.sol-stats{font-size:11px;color:#cfe5df;background:#0b222acc;border-radius:20px;padding:5px 10px;font-variant-numeric:tabular-nums}.sol-top nav{margin-left:auto;display:flex;gap:14px}.sol-top nav a{color:#bfe6de;font-size:12px}.sol-toggle{display:none}.sol-panel{grid-column:2;grid-row:1/3;overflow:auto;background:#122f38;border-left:2px solid #d6b86c;padding:12px 14px 40px;overscroll-behavior:contain}.sol-panel section{border-bottom:1px solid #2b5059;padding:10px 0 14px}.sol-panel h2{font-size:15px;margin:4px 0 8px;color:#f5cf55}.sol-panel h2 small{font-size:10px;color:#a9c9c6;font-weight:500;margin-left:6px}.sol-note{font-size:11px;color:#a9c9c6;margin:0 0 8px}.sol-row{display:grid;grid-template-columns:118px 1fr 52px;align-items:center;gap:8px;margin:6px 0;font-size:12px}.sol-row select{grid-column:2/4;min-height:36px;border-radius:8px;border:1px solid #3e6a70;background:#0e2830;color:#eef6f3;padding:6px}.sol-row input[type=range]{width:100%;accent-color:#7fd8cf;min-height:28px}.sol-row output{font-size:11px;color:#7fd8cf;text-align:right;font-variant-numeric:tabular-nums}.sol-row input[type=color]{grid-column:2/4;width:56px;height:32px;border:0;background:none;padding:0}.sol-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:6px 0;min-height:32px}.sol-check input,.sol-on input{width:20px;height:20px;accent-color:#7fd8cf}.sol-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sol-main{background:#f5cf55;color:#2b2205;border-color:#f5cf55}.sol-surface{border:1px solid #2b5059;border-radius:11px;margin:6px 0;padding:0 10px;background:#0f2a33}.sol-surface summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none}.sol-surface summary::-webkit-details-marker{display:none}.sol-surface summary i{width:14px;height:14px;border-radius:4px;flex:none;box-shadow:0 0 0 1px #fff4}.sol-surface summary span{margin-left:auto;font-size:11px;color:#a9c9c6}.sol-surface[open]{padding-bottom:10px}.sol-small{font-size:11px;min-height:32px;padding:4px 10px;margin-top:6px}.sol-status{position:fixed;left:16px;bottom:16px;z-index:3;background:#0b222aee;border:1px solid #3e6a70;border-radius:10px;padding:8px 12px;font-size:12px}.sol-status[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.sol{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sol-top{grid-row:1;flex-wrap:wrap;gap:8px;padding:8px calc(10px + env(safe-area-inset-right)) 8px calc(10px + env(safe-area-inset-left));padding-top:calc(8px + env(safe-area-inset-top))}.sol-top nav{display:none}.sol-toggle{display:block;margin-left:auto}.sol-view{grid-row:1/4}.sol-panel{grid-column:1;grid-row:3;max-height:55dvh;border-left:0;border-top:2px solid #d6b86c;padding-bottom:calc(20px + env(safe-area-inset-bottom))}body.sol-closed .sol-panel{display:none}.sol-row{grid-template-columns:100px 1fr 46px}}@media(max-height:500px)and (orientation:landscape){.sol{grid-template-columns:1fr min(340px,48vw)}.sol-toggle{display:block;margin-left:auto}.sol-top nav{display:none}body.sol-closed .sol{grid-template-columns:1fr 0}body.sol-closed .sol-panel{display:none}}
