:root{color-scheme:dark;font:15px system-ui,sans-serif;background:#101218;color:#e6e9f1}*{box-sizing:border-box}body{margin:0}button,input,select,.button{font:inherit;border:1px solid #41485c;border-radius:7px;background:#232838;color:inherit;padding:9px 12px}button,.button{cursor:pointer}button:hover,.button:hover{background:#35405a}a{color:#becbf7;text-decoration:none}label{display:inline-flex;align-items:center;gap:7px}input[type=checkbox]{accent-color:#819bf0}input[type=range]{width:100px;padding:0}input[type=color]{width:42px;height:38px;padding:3px}button:disabled{opacity:.4;cursor:default}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(90vw,390px);padding:30px;background:#1b2030;border-radius:16px;display:grid;gap:15px}.login h1{margin:0;font-size:25px}#error{color:#ff8991;min-height:1em}.viewer{background:#000;overflow:hidden;height:100dvh}.viewer #screen{width:100vw;height:100dvh;display:block}.viewer #screen[hidden]{display:none}.viewer-controls{position:fixed;right:12px;top:10px;display:flex;gap:8px;align-items:center;opacity:.25}.viewer-controls:hover,.viewer-controls:focus-within{opacity:1}.viewer-controls button{background:#1119;padding:4px 8px}.viewer-controls a{font-size:12px}#notice{position:fixed;bottom:12px;left:16px;font-size:12px;color:#999;pointer-events:none}header{padding:18px 24px;border-bottom:1px solid #303649;display:flex;justify-content:space-between;gap:15px}header span,.hint{color:#929db7}nav{display:flex;align-items:center;gap:16px}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;padding:22px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.canvas-wrap{background:#08090d;border:1px solid #353b4d;border-radius:10px;padding:10px;overflow:auto}canvas{width:100%;height:auto;display:block;touch-action:none;background:#000}.publish{margin-top:16px}.primary{background:#536bc5}.danger{background:#76313b}#status{color:#b2bdd6;min-height:1.5em}aside section{background:#1a1f2d;border:1px solid #303649;border-radius:10px;padding:14px;margin-bottom:16px}h2{font-size:16px;margin:0 0 12px}.hint{font-size:12px;line-height:1.5}.layer{padding:9px;border:1px solid #373f55;border-radius:6px;margin-bottom:8px}.layer.selected{border-color:#9eb3ff;background:#2a3450}.layer-title{width:100%;text-align:left;margin-bottom:6px}.layer-actions{display:flex;align-items:center;gap:5px}.layer-actions button{padding:3px 8px}.history-item{margin-bottom:14px}.history-item img{width:100%;height:100px;object-fit:contain;background:#000;border-radius:5px}.history-item p{overflow-wrap:anywhere;margin:5px 0}.history-item button{padding:5px 8px;margin-right:4px}#history{max-height:420px;overflow:auto}aside label{margin-bottom:12px;font-size:13px}aside section>button{display:block}@media(max-width:1000px){main{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}header{padding:14px}main{padding:12px}}

.tool-buttons{display:inline-flex;gap:5px}.tool-buttons button{width:40px;height:40px;padding:9px;display:grid;place-items:center}.tool-buttons svg{width:21px;height:21px;pointer-events:none}.tool-buttons button[aria-pressed=true]{background:#536bc5;border-color:#b6c7ff;box-shadow:0 0 0 1px #b6c7ff}.tool-buttons button:focus-visible{outline:2px solid #d2dcff;outline-offset:3px}#canvas{cursor:none}

.brush-cursor{position:fixed;z-index:100;pointer-events:none;border:1px solid white;border-radius:50%;box-shadow:0 0 0 1px #111,inset 0 0 0 1px #111;transform:translate(-50%,-50%)}.brush-cursor[hidden]{display:none}.brush-cursor.eraser{border-style:dashed}

.canvas-wrap{max-height:70vh;position:relative}#canvas{max-width:none;flex-shrink:0}.zoom-toolbar .hint{font-size:12px}.board-details{border:1px solid #343d51;border-radius:8px;padding:12px;margin-top:12px}.board-details summary{cursor:pointer;color:#b9c7e7}.board-fields{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.notes-label{width:100%;display:flex;align-items:flex-start;flex-direction:column}.notes-label textarea{width:100%}textarea{font:inherit;background:#151b28;color:#e6e9f1;border:1px solid #41485c;border-radius:6px;padding:10px}.library-actions,.library-filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.library-actions button{padding:6px 8px;font-size:12px}.library-filters select{max-width:100%;padding:6px;font-size:12px}#search{width:100%}#folders{max-height:300px;overflow:auto}.folder-button{display:block;text-align:left;width:100%;border-color:transparent;background:transparent;padding:7px}.folder-button.selected{background:#354669;border-color:#819bf0}.history-meta{font-size:12px;color:#a9b9d6}.history-item .item-actions{display:flex;flex-wrap:wrap;gap:5px}.history-item .item-actions button{margin:0}.library-empty{color:#8997b1;font-size:13px}dialog{color:#e6e9f1;background:#1a2030;border:1px solid #53627e;border-radius:12px;max-width:90vw}dialog::backdrop{background:#0008}.viewer #screen{touch-action:none;user-select:none;transform-origin:center center}.viewer #screen.zoomed{cursor:grab}.viewer-controls{z-index:20;opacity:.65}.viewer-controls button{min-width:30px}aside{min-width:0}