:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f4f6;--surface:#fff;--border:#d8d8dd;--text:#16161a;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16171d;--surface:#202129;--border:#34353f;--text:#f1f1f3}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{max-width:960px;margin:0 auto;padding:1.5rem 1rem 4rem}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.375rem;padding:.4rem .7rem;font-size:.9rem}button:disabled{opacity:.4;cursor:default}input{font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:.25rem;padding:.2rem .4rem}input:hover,input:focus{border-color:var(--border);outline:none}.board-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.title{flex:1;font-size:1.75rem;font-weight:700}.board-actions{flex-shrink:0;gap:.5rem;display:flex}.rows{border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.row{min-height:8rem;display:flex}.row-controls{color:#111;flex-direction:column;flex-shrink:0;align-items:stretch;gap:.35rem;width:7rem;padding:.45rem;display:flex}.row-label-display{text-align:center;overflow-wrap:anywhere;word-break:break-word;flex:1;justify-content:center;align-items:center;padding:.25rem;font-size:1.2rem;font-weight:700;display:flex}.row-edit{flex-direction:column;flex:1;justify-content:center;gap:.35rem;display:flex}.row-label-input{text-align:center;background:#ffffffb3;font-weight:700}.row-color{background:0 0;border:none;width:100%;height:1.5rem;padding:0}.row-toolbar{justify-content:center;gap:.15rem;display:flex}.row-btn{color:#0009;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;padding:0;font-size:.8rem;line-height:1;display:inline-flex}.row-btn:hover:not(:disabled){color:#000000e6}.row-btn:disabled{color:#00000040;opacity:1}.container{background:var(--surface);outline-offset:-2px;outline:2px solid #0000;flex-wrap:wrap;flex:1;align-content:flex-start;gap:.5rem;padding:.5rem;transition:outline-color .1s;display:flex}.container--over{background:color-mix(in srgb, var(--surface) 85%, #7fbfff);outline-color:#7fbfff}.add-row{width:100%;margin:.75rem 0 2rem}.tray{border:1px dashed var(--border);border-radius:.5rem;padding:1rem}.tray h2{opacity:.7;margin-top:0;font-size:1rem}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;opacity:.75;border-radius:.5rem;margin-bottom:.75rem;padding:1.25rem}.dropzone--over{opacity:1;background:#7fbfff1a;border-color:#7fbfff}.error{color:#d33;margin:0 0 .5rem;font-size:.85rem}.card{border:1px solid var(--border);background:var(--surface);touch-action:none;border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;width:7rem;padding:.35rem;display:flex;position:relative}.card img{object-fit:cover;pointer-events:none;border-radius:.35rem}.card-label{text-align:center;width:100%;font-size:.8rem}.card-remove{border-radius:50%;width:1.4rem;height:1.4rem;padding:0;line-height:1;position:absolute;top:-.5rem;right:-.5rem}.card--preview{box-shadow:0 8px 20px #00000040}
