#whiteboard{max-width:1400px;margin:auto}#whiteboard h1{margin-bottom:.3em}.wb-meta{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:20px 0}.wb-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:14px 0}.wb-controls label{margin:0}.wb-controls input[type=color]{width:62px;height:42px;padding:3px}.wb-controls input[type=file]{max-width:300px}.wb-surface{border:2px solid #8daab8;border-radius:16px;overflow:hidden;background:white;box-shadow:0 12px 35px #16344912}#wbCanvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}#wbEditor textarea{width:100%;box-sizing:border-box}.wb-help{margin-top:24px;border-left:5px solid #0b8e89}.wb-answer{white-space:pre-wrap;line-height:1.7;font-size:1.05rem}.wb-list-row{display:flex;gap:8px;margin:8px 0}.wb-list-row button:first-child{flex:1;text-align:left}#wbStatus{font-weight:600}#whiteboard details{margin:20px 0;padding:12px;border:1px solid #8daab866;border-radius:12px}@media(max-width:650px){.wb-meta{grid-template-columns:1fr}.wb-controls{gap:6px}.wb-controls button{padding:10px;font-size:.85rem}.wb-surface{border-radius:8px}.wb-list-row{flex-wrap:wrap}}