.schets-open{overflow:hidden}
.schets-venster{box-sizing:border-box;width:min(960px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:24px;border:1px solid #7995a6;border-radius:14px;background:#142631;color:#eef3f5;font:16px/1.5 system-ui;overscroll-behavior:contain}
.schets-venster::backdrop{background:#06111cdd}
.schets-venster h2{font:600 1.6rem/1.2 system-ui;margin:0 0 10px}
.schets-venster p{margin:10px 0;color:#c1cfd9}
.schets-gereedschap,.schets-acties{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}
.schets-gereedschap label{display:flex;gap:8px;align-items:center;font-size:.9rem}
.schets-gereedschap input,.schets-gereedschap select{min-height:44px;border:1px solid #7893a4;border-radius:6px;background:#10202b;color:#eef3f5;font:16px system-ui;padding:5px}
.schets-gereedschap input[type=color]{width:50px;cursor:pointer}
.schets-venster .button{min-height:44px;border:1px solid #7893a4;white-space:normal}
.schets-gereedschap .button{background:#1b3545;color:#eef3f5}
.schets-gereedschap [aria-pressed=true]{background:#f2dec1;color:#13212a;border-color:#f2dec1}
.schets-venster :focus-visible{outline:3px solid #eaba77;outline-offset:3px}
.schets-papier{position:relative;line-height:0;background:white;border-radius:3px}
.schets-papier canvas{display:block;position:static;width:100%;height:auto;aspect-ratio:3/2;background:white;touch-action:none;cursor:crosshair;opacity:1;border:0;max-width:100%}
.schets-aanwijzer{position:absolute;width:12px;height:12px;border:2px solid #111;border-radius:50%;box-shadow:0 0 0 2px white;transform:translate(-50%,-50%);pointer-events:none}
.schets-venster .schets-hulp{font-size:.8rem}
.schets-venster .schets-status{color:#f1d7b5;min-height:1.5em}
.schets-acties{justify-content:flex-end;margin-bottom:0}
@media(max-width:600px){.schets-venster{padding:16px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.schets-gereedschap{gap:8px}.schets-gereedschap .button{font-size:.8rem;padding:8px 10px}.schets-gereedschap label{flex:1 1 auto}.schets-acties .button{flex:1}.schets-venster h2{font-size:1.4rem}}