.whiteboard-page{display:grid;grid-template-rows:auto minmax(34rem,1fr);gap:.7rem;min-height:calc(100vh - 5.2rem)}
.whiteboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem .8rem;border:1px solid #5c4528;border-radius:12px;background:#100d09e8}
.whiteboard-actions,.whiteboard-remote{display:flex;align-items:center;gap:.5rem}.whiteboard-status{color:#a99a82;font-size:.78rem}.whiteboard-toolbar button.active{border-color:#d44f42;background:#59201b;color:#ffe0d8}
.whiteboard-viewport{position:relative;min-height:34rem;overflow:hidden;border:9px solid #422713;border-radius:12px;background:#21160e;box-shadow:inset 0 0 55px #000c,0 15px 35px #0008}
.whiteboard-stage{position:absolute;inset:0;overflow:hidden;background-color:#7b4d26;background-image:url('images/board_cork_tile.jpg');background-position:0 0;background-repeat:repeat;background-size:auto;touch-action:none}
.whiteboard-stage::after{position:absolute;inset:0;content:"";pointer-events:none;background:repeating-linear-gradient(14deg,#fff0 0 9px,#fff1 10px,#0001 11px);opacity:.08;box-shadow:inset 0 0 70px #0009}
.whiteboard-items,.whiteboard-connections{position:absolute;inset:0;width:100%;height:100%}.whiteboard-connections{z-index:3;pointer-events:none}.whiteboard-connections line{stroke:#ac3028;stroke-width:4;opacity:.84;filter:drop-shadow(0 2px 2px #0008)}
.whiteboard-card{position:absolute;z-index:5;width:clamp(9.5rem,13vw,13.5rem);min-height:8.5rem;padding:.55rem;transform:scale(var(--card-scale,1));transform-origin:top left;border:1px solid #5d4a2f;border-radius:5px;background:#e3d1ad;color:#24190f;box-shadow:0 10px 24px #000a;cursor:grab;touch-action:none;user-select:none}
.whiteboard-card.suspect{width:clamp(7.7rem,10vw,10.5rem);background:#d5c09c}.whiteboard-card.dragging{cursor:grabbing;box-shadow:0 18px 38px #000d}.whiteboard-card.connection-source{outline:4px solid #c94035;outline-offset:4px}
.whiteboard-pin{position:absolute;z-index:4;top:-1.15rem;left:50%;width:1.25rem;height:2rem;object-fit:contain!important;transform:translateX(-50%);filter:drop-shadow(0 3px 2px #0009);pointer-events:none}
.whiteboard-picture{position:relative;display:grid;place-items:center;width:100%;height:7.8rem;overflow:hidden;border-radius:3px;background:radial-gradient(circle,#4d3925,#17110c);color:#d2a85b;font-size:2rem}.whiteboard-picture img{pointer-events:none;user-select:none;-webkit-user-drag:none}.whiteboard-picture>img:first-child{width:100%;height:100%;object-fit:cover}.whiteboard-picture .whiteboard-play{position:absolute;left:50%;top:50%;width:3.6rem;height:3.6rem;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 7px #000c)}
.whiteboard-card>strong{display:block;margin-top:.45rem;font:700 1rem/1.1 OfficeSerif,Georgia,serif}.whiteboard-unpin,.whiteboard-item-edit{position:absolute;z-index:6;right:.2rem;top:.15rem;width:1.7rem;height:1.7rem;padding:0;border:0;border-radius:50%;background:#24180ed9;color:#ebcc8d;cursor:pointer}.whiteboard-unpin{opacity:0}.whiteboard-card:hover .whiteboard-unpin,.whiteboard-card:focus-within .whiteboard-unpin{opacity:1}
.whiteboard-card.text-note{width:clamp(9rem,12vw,12rem);min-height:7rem;padding:1rem;background:#ead89f;transform:rotate(-1deg) scale(var(--card-scale,1))}.whiteboard-card.text-note p{margin:.4rem .2rem;white-space:pre-wrap;font:600 1rem/1.3 OfficeSerif,Georgia,serif}.whiteboard-card.text-note:nth-child(2n){transform:rotate(1.2deg) scale(var(--card-scale,1))}
.whiteboard-region{position:absolute;z-index:1;min-width:8rem;min-height:7rem;border:4px dashed var(--region,#d45a4d);border-radius:18px;color:#17120d;touch-action:none;cursor:grab}.whiteboard-region>strong{display:inline-block;margin:.45rem;padding:.3rem .6rem;border-radius:5px;background:var(--region,#d45a4d);font-size:.78rem}.whiteboard-region.color-blue{--region:#72a9e8}.whiteboard-region.color-green{--region:#72c18a}.whiteboard-region.color-yellow{--region:#e7c85d}.whiteboard-region.color-white{--region:#e8e2d7}.whiteboard-region .whiteboard-item-edit{right:.35rem;top:.35rem}.whiteboard-resize{position:absolute;right:-.55rem;bottom:-.55rem;width:1.35rem;height:1.35rem;border-radius:4px;background:var(--region,#d45a4d);cursor:nwse-resize}
.whiteboard-dialog{position:relative;display:grid;gap:.8rem;width:min(34rem,calc(100vw - 2rem));max-width:34rem;padding:1.35rem 1.4rem;border-color:#856433;border-radius:15px;background:linear-gradient(145deg,#28251e,#17140f);box-shadow:0 1.4rem 4rem #000d}.whiteboard-dialog h2{margin:.1rem 3rem .3rem 0;color:#ead8b2;font:700 1.65rem/1.1 OfficeSerif,Georgia,serif}.whiteboard-dialog textarea{min-height:9rem;resize:vertical}.whiteboard-dialog label{display:grid;gap:.3rem}.whiteboard-dialog-close{position:absolute;z-index:3;top:.55rem;right:.55rem;display:grid;place-items:center;width:2.7rem;height:2.7rem;padding:0;border:0;background:transparent;cursor:pointer}.whiteboard-dialog-close img{display:block;width:100%;height:100%;object-fit:contain}.whiteboard-dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.35rem}.whiteboard-dialog-label{color:#dfc99d;font-size:.9rem}.whiteboard-custom-label span{color:#aa9a7f;font-size:.75rem}.whiteboard-pill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.whiteboard-option-pill,.whiteboard-color-pill{min-width:0;padding:.52rem .45rem;border:1px solid #ffffff1f;border-radius:999px;background:#ffffff0f;color:#ddcfb5;cursor:pointer;white-space:nowrap}.whiteboard-option-pill.selected{border-color:#d4a44d;background:#d4a44d47;color:#fff0cd;box-shadow:inset 0 0 0 1px #d4a44d}.whiteboard-color-pill{color:#17120d;font-weight:800}.whiteboard-color-pill.color-red{background:#d45a4d}.whiteboard-color-pill.color-blue{background:#72a9e8}.whiteboard-color-pill.color-green{background:#72c18a}.whiteboard-color-pill.color-yellow{background:#e7c85d}.whiteboard-color-pill.color-white{background:#e8e2d7}.whiteboard-color-pill.selected{border-color:#e2b85f;box-shadow:inset 0 0 0 2px #1a140d,0 0 0 2px #e2b85f}.whiteboard-code{text-align:center;font:700 1.5rem ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.whiteboard-modal-backdrop{z-index:2147483000!important;isolation:isolate}
.whiteboard-link-list{display:grid;gap:.45rem;max-height:55vh;overflow:auto}.whiteboard-link-list>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border:1px solid #5a4326;border-radius:8px;background:#100d09}.whiteboard-link-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evidence-pin{position:absolute;z-index:3;right:.5rem;bottom:.35rem;width:2rem;height:2.7rem;padding:0;border:0;background:transparent;cursor:pointer;filter:grayscale(1) brightness(1.3);opacity:.72}.evidence-pin img{width:100%;height:100%;object-fit:contain}.evidence-pin.active{filter:none;opacity:1}.evidence-pin:hover{transform:translateY(-2px)}
.group-evidence-media{position:relative}.group-evidence-media>.group-evidence-pin{top:.7rem;right:.7rem;bottom:auto;width:2.5rem;height:3.4rem;padding:.15rem;border-radius:9px;background:#100d09b8;opacity:.85}.group-evidence-media>.group-evidence-pin.active{background:#3c2a16e8;opacity:1}
@media(max-width:800px){.whiteboard-page{grid-template-rows:auto minmax(31rem,1fr)}.whiteboard-toolbar{align-items:stretch;flex-direction:column}.whiteboard-actions,.whiteboard-remote{justify-content:space-between;flex-wrap:wrap}.whiteboard-viewport{min-height:31rem;border-width:5px}.whiteboard-card{width:9rem}.whiteboard-picture{height:6rem}.whiteboard-card.suspect{width:7.2rem}.whiteboard-status{flex:1}.whiteboard-dialog{padding:1.1rem}.whiteboard-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whiteboard-dialog-actions{flex-wrap:wrap}}