.view canvas[hidden]{display:none}
#sliceCanvas{cursor:ns-resize}
#sliceFull{font-size:11px;width:100%;margin-top:8px}
#slicePlan{padding:8px;border-left:2px solid #7ad7ff;background:#16222e;margin-top:14px}
.offsets select{margin-top:5px;padding:6px 4px;font-size:12px}
#sliceName{display:block;width:100%;margin-top:6px;padding:7px 8px;background:#101923;border:1px solid #425166;border-radius:4px;color:#e4edf7;font:inherit;font-size:12px}
.hint{margin:9px 0 0;font-size:10px;line-height:1.4;color:var(--teal)}
.panehead-actions{display:flex;align-items:center;gap:10px}
#exportPng{padding:4px 9px;font-size:10px;letter-spacing:1px;border-radius:5px}
#sliceFullField,#sliceCentre{font-size:11px;padding:8px 6px}
#sliceGenerate,#sliceExport{font-size:12px}
#sliceGenerate{border-color:#7ad7ff}
#sliceExport:disabled{opacity:.45;cursor:default}
.modal{position:fixed;inset:0;z-index:20;background:#040810d0;display:flex;align-items:center;justify-content:center;padding:20px}
.modal[hidden]{display:none}
.modal-card{width:min(430px,100%);background:#111b26;border:1px solid #2d3a49;border-radius:10px;padding:22px 24px;box-shadow:0 18px 50px #00000090}
.modal-card h3{margin:0 0 12px;font-size:11px;letter-spacing:2px;color:#d7e2ee}
.modal-card p{margin:0 0 12px;font-size:12px;line-height:1.5;color:#a4b6c9;overflow-wrap:anywhere}
.modal-card progress{display:block;width:100%;height:6px;accent-color:#51d8c0;border:0;background:#1b2734}
#saveCancel{margin-top:14px;font-size:12px}
@media(max-width:850px){#slicePlan{width:100%}#sliceFull{width:auto}}