:root{color-scheme:light;--bg: #ffffff;--panel: #ffffff;--panel2: #ffffff;--border: #ECECEC;--text: #000000;--muted: #000000;--accent: #7CC9FC;--danger: #d6002f;--shadow: none;--radius: 0px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.25}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}::selection{background:#7cc9fc59}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(520px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.muted{color:var(--text);opacity:.55}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);outline:none}.field input:focus{border-color:var(--accent);box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:var(--radius);border:1px solid #000;background:#fff;cursor:pointer}.btn:hover{background:#f5f5f5}.btn.primary{background:#000;color:#fff;border-color:#000}.btn.primary:hover{background:#111}.btn.danger{background:#fff;border-color:#000;color:#000}.btn:disabled{opacity:.5;cursor:not-allowed}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.brand{font-weight:700;letter-spacing:.2px}.brand,h1,h2,h3{font-weight:700}.title-link{display:inline-block;padding:18px 28px;border:1px solid var(--border);color:var(--accent);font-size:36px;letter-spacing:.2px}.section-title{font-size:18px;font-weight:700}.page{padding:16px}.boards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.board-tile{padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;box-shadow:none}.board-tile:hover{background:#fafafa}.canvas-shell{position:relative;height:calc(100vh - 58px);overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.1) 1px,transparent 1px);background-size:24px 24px}.canvas-content{position:absolute;top:0;left:0;transform-origin:0 0}.toolbar{position:absolute;top:12px;left:12px;z-index:30;display:flex;gap:10px;padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.el{position:absolute;border-radius:var(--radius);border:1px solid var(--border);background:#fff;box-shadow:none;overflow:hidden}.el.selected{outline:2px solid var(--accent)}.el-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none}.el-title{font-size:12px;color:var(--muted)}.el-body{padding:10px}.text-editor{min-height:80px;padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;outline:none}.mini-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.mini-btn{padding:6px 8px;border-radius:var(--radius);border:1px solid #000;background:#fff;cursor:pointer;font-family:var(--mono);font-size:12px}.mini-btn:hover{background:#f5f5f5}