.board-page{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.board-tools{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto}.board-tools h2,.board-tools h3{margin:.2rem 0 .7rem}.board-tools label{display:grid;gap:5px;margin:10px 0}.board-tools select,.board-tools textarea,.board-tools input[type=number]{width:100%;font:inherit;border-radius:10px;border:1px solid var(--line);padding:10px;background:#18273a;color:var(--text)}.board-tools textarea{resize:vertical}.board-tools input[type=color]{width:100%;height:45px;padding:4px}.board-tools input[type=range]{width:calc(100% - 42px)}.tool-row{display:flex;gap:7px;margin:8px 0}.tool-row button{flex:1}.board-tools button.active{outline:3px solid var(--accent);outline-offset:1px}.board-tools .hint,#status{font-size:13px;opacity:.75}.board-workspace{padding:10px;overflow:hidden}#board{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;touch-action:none;cursor:crosshair;box-shadow:0 0 0 1px var(--line)}@media(max-width:850px){.board-page{grid-template-columns:1fr}.board-tools{position:static;max-height:none}.board-workspace{padding:4px}}
.remote-panel[hidden]{display:none!important}.remote-panel{display:grid;gap:8px;justify-items:center;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0d1825;text-align:center}.remote-panel #remoteQr{padding:8px;background:#fff;border-radius:8px}.remote-panel #remoteQr img,.remote-panel #remoteQr canvas{display:block;width:150px;height:150px}.remote-panel a{overflow-wrap:anywhere}.remote-body{min-height:100vh}.remote-main{max-width:760px;margin:0 auto;padding:18px}.remote-card{display:grid;gap:14px}.remote-card h1{margin:0}.remote-card label{display:grid;gap:6px}.remote-card textarea,.remote-card select,.remote-card input[type=number]{width:100%;font:inherit;border-radius:12px;border:1px solid var(--line);padding:13px;background:#18273a;color:var(--text)}.remote-card textarea{resize:vertical;font-size:20px}.remote-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.remote-card input[type=color]{width:100%;height:50px}.remote-card button.active{outline:3px solid var(--accent)}.remote-preview{min-height:90px;padding:14px;overflow-wrap:anywhere;border:1px dashed var(--line);border-radius:12px;background:#173f32}.remote-card #remoteSend{min-height:56px;font-size:20px}.remote-card .hint,#remoteStatus{opacity:.8}@media(max-width:560px){.remote-main{padding:12px}.remote-grid{grid-template-columns:1fr 1fr}.remote-grid label:first-child{grid-column:1/-1}}
.text-style-row{display:grid;grid-template-columns:1fr 1fr}.text-style-row button{min-width:0}.text-style-row button.active{background:#315f58}#addText,#plotFunction{width:100%}#functionTools[hidden]{display:none!important}#functionTools input{width:100%;font:inherit;border-radius:10px;border:1px solid var(--line);padding:10px;background:#18273a;color:var(--text)}