:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#dfe8f4;background:#101722;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{min-height:74px;padding:16px 25px;background:#172333;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #304057}header strong{font-size:21px}small{display:block;color:#92a6be;margin-top:4px}button,input,select,textarea{font:inherit;border:1px solid #40526a;border-radius:6px;background:#192739;color:inherit;padding:8px;max-width:100%}button,a{cursor:pointer}button:hover{background:#304966}button:disabled{opacity:.55;cursor:default}.primary{background:#087d87;border-color:#149ca8}label{display:block;font-size:13px;margin:10px 0;color:#aebfd2}label input:not([type=range]),label select,textarea{display:block;width:100%;margin-top:5px;color:#edf4fc}h1{font-size:24px}h2{font-size:16px;margin:16px 0}a{color:#62cbd4}.card{max-width:430px;margin:80px auto;padding:32px;background:#172333;border:1px solid #304057;border-radius:12px}.card button{width:100%;margin-top:16px}#message{margin:0;padding:8px 24px;min-height:32px;color:#ffcf83}main{display:grid;grid-template-columns:200px minmax(350px,1fr) 310px;gap:1px;background:#304057;height:calc(100vh - 108px)}main>aside{background:#172333;overflow:auto;padding:14px}main>section{background:#101722}.viewer{display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px}.toolbar label{display:flex;align-items:center;gap:5px;margin:0}.toolbar input{width:80px}#canvasHost{flex:1;min-height:280px;background:#070b11;overflow:hidden}svg{width:100%;height:100%;display:block;touch-action:none;user-select:none}.muted{font-size:12px;color:#9bb0c8;line-height:1.6}.viewer>.muted{padding:0 14px}#images button{display:block;width:100%;text-align:left;margin-bottom:6px;font-size:13px}button.selected{border-color:#58d6dc;background:#204950}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.tools{display:flex;flex-wrap:wrap;gap:5px}.tools button{font-size:12px}#saveState{font-size:12px;color:#ffcd7c}#cobb{color:#75e5dc}#users>div{font-size:12px;border-bottom:1px solid #304057;padding:8px 0}#users button{font-size:11px;padding:5px;margin:3px}dialog{border:1px solid #40526a;border-radius:10px;max-width:400px}dialog::backdrop{background:#0009}[hidden]{display:none!important}@media(max-width:1050px){main{grid-template-columns:150px minmax(300px,1fr) 260px}.toolbar{gap:4px;padding:6px}header{padding:12px}}@media(max-width:760px){header{align-items:flex-start;gap:10px}header strong{font-size:16px}nav{font-size:12px}main{display:flex;flex-direction:column;height:auto}main>aside{max-height:260px}.viewer{height:65vh}.editor{max-height:none!important}#images{display:flex;overflow:auto;gap:5px}#images button{min-width:125px}#canvasHost{min-height:200px}.card{margin:40px 16px}}