.digger-dialog{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:10px;border-radius:0;background:#fffaf2;color:#164d58;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:8px;overflow:hidden;font-family:'DM Sans',sans-serif}.digger-dialog:not([open]){display:none}.digger-dialog *{box-sizing:border-box}.digger-dialog button{min-height:44px;border:1px solid #a7cbd2;border-radius:12px;padding:8px 12px;background:#e0f1f5;color:#164d58;font:700 14px 'DM Sans',sans-serif;box-shadow:none;cursor:pointer;touch-action:none}.digger-dialog button:focus-visible,.digger-dialog select:focus-visible,.digger-dialog canvas:focus-visible{outline:3px solid #286677;outline-offset:2px}.digger-dialog button:hover{background:#cfe8ed}.digger-dialog button:disabled{opacity:.45}.dd-heading,.dd-heading>div,.dd-toolbar,.dd-progress,.dd-progress label{display:flex;align-items:center;gap:8px;min-width:0}.dd-heading{justify-content:space-between;padding:0;margin:0;background:transparent;border:0;height:auto}.dd-heading h2{font:700 32px 'Amatic SC',sans-serif;margin:0}.dd-toolbar label{display:flex;align-items:center;gap:8px;margin:0 auto 0 0;font-size:13px;font-weight:700;min-width:0}.dd-toolbar select{font:700 14px 'DM Sans',sans-serif;color:inherit;background:white;border:1px solid #afc9bf;border-radius:10px;min-height:44px;padding:6px;width:180px;margin:0}.dd-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;min-height:0}.dd-stage{min-height:0;min-width:0;border:2px solid #adcdd0;border-radius:18px;overflow:hidden;background:#dceef0}.dd-stage canvas{display:block;width:100%;height:100%;touch-action:none;min-height:0}.dd-controls{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0;min-width:0}.dd-controls section{display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;gap:6px;padding:8px;border-radius:14px;background:#e9f2eb}.dd-controls section:nth-child(2){background:#eee8f5}.dd-controls section:nth-child(3){background:#e1f0f5}.dd-controls section:nth-child(4){background:#fff0d1}.dd-controls strong{font-size:12px}.dd-controls button{font-size:17px;min-height:55px;min-width:0;padding:5px}.dd-controls section:first-child button{font-size:34px}.digger-dialog .dd-held{background:#fff0c5;outline:2px solid #6d989f;outline-offset:-2px}.dd-progress{justify-content:space-between;font-size:14px;gap:12px;flex-wrap:wrap}.dd-progress label{font-size:13px;font-weight:700;margin:0}.dd-progress meter{width:120px;height:18px;accent-color:#8bb9a0}.dd-progress b{min-width:38px}.digger-dialog [data-status]{font-size:13px;line-height:1.4;margin:0;min-height:19px}.dd-popup{position:absolute;inset:10px;background:#fffaf2;border:1px solid #adcdd0;border-radius:18px;padding:18px;z-index:3;box-shadow:0 0 0 100vmax #234b5666;display:flex;flex-direction:column;gap:16px;overflow:auto}.dd-popup>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.dd-popup h2{font:700 30px 'Amatic SC',sans-serif;margin:0}.dd-popup p{font-size:17px;line-height:1.7;max-width:70ch;margin:0}.dd-popup>button{align-self:flex-start}
@media(orientation:portrait){.dd-workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:6px}.dd-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dd-controls section{grid-template-columns:1fr 1fr;padding:6px;gap:4px}.dd-controls strong{grid-column:span 2;text-align:center;font-size:12px}.dd-controls button{min-height:48px;font-size:15px}.dd-toolbar{flex-wrap:wrap;gap:5px}.dd-toolbar label{width:100%;}.dd-toolbar select{flex:1}.dd-toolbar button{flex:1;font-size:12px;padding:5px;min-height:40px}.dd-progress{font-size:12px}.dd-progress meter{width:90px}.dd-progress label{font-size:12px}.digger-dialog [data-status]{font-size:12px}.dd-popup p{font-size:14px;line-height:1.5}}
@media(orientation:landscape) and (max-height:500px){.digger-dialog{padding:6px;gap:4px}.dd-heading h2{font-size:25px}.dd-heading button,.dd-toolbar button{min-height:36px;padding:5px 9px;font-size:12px}.dd-toolbar select{min-height:36px;width:155px;font-size:12px}.dd-toolbar label{font-size:11px;gap:5px}.dd-workspace{grid-template-columns:minmax(0,1fr) 275px;gap:6px}.dd-controls{gap:4px}.dd-controls section{padding:3px;grid-template-columns:40px 1fr 1fr;gap:4px}.dd-controls strong{font-size:10px}.dd-controls button{min-height:40px;font-size:13px}.dd-controls section:first-child button{font-size:26px}.dd-progress,.dd-progress label{font-size:11px}.digger-dialog [data-status]{font-size:11px;min-height:16px}.dd-popup{padding:10px}.dd-popup p{font-size:14px;line-height:1.4}}
.dd-controls section[hidden]{display:none!important}.dd-toolbar label:has([data-vehicle]){margin:0}.dd-toolbar [data-vehicle]{width:110px}.dd-driving-dumper .dd-controls section{grid-template-columns:45px 1fr 1fr}.dd-driving-dumper .dd-controls button{font-size:15px}.dd-driving-dumper .dd-controls section:first-child button{font-size:34px}@media(orientation:portrait){.dd-toolbar label:has([data-vehicle]){width:auto;flex:1}.dd-toolbar label:has([data-job]){width:auto;flex:2}.dd-toolbar label select{width:100px;min-width:0}.dd-driving-dumper .dd-controls{grid-template-columns:1fr}.dd-driving-dumper .dd-controls strong{grid-column:auto}.dd-driving-dumper .dd-controls section{grid-template-columns:45px 1fr 1fr}}
.dd-garage label{margin:0;display:grid;gap:4px;min-width:0}.dd-garage select{width:100%;min-width:0}.dd-garage>p{font-size:14px;line-height:1.4}@media(orientation:landscape){.dd-garage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px}.dd-garage>div,.dd-garage>p{grid-column:1/-1}.dd-garage>button{grid-column:1/-1;justify-self:start}.dd-garage select{min-height:38px;height:38px;font-size:14px;padding:4px}.dd-garage>p{font-size:13px;line-height:1.3}}
.dd-heading{min-height:0}@media(orientation:portrait){.dd-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dd-toolbar label:has([data-job]),.dd-toolbar label:has([data-vehicle]){grid-column:span 2;width:100%;margin:0;font-size:11px;gap:4px}.dd-toolbar label select{width:100%;min-width:0;font-size:12px}.dd-toolbar button{width:100%;min-width:0}.dd-controls section{min-width:0}}

/* Keep bitmap dimensions out of layout: resizing the drawing must never resize its grid. */
.dd-stage{position:relative;contain:size layout}.dd-stage canvas{position:absolute;inset:0;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%}

.dd-controls>[data-travel]{grid-column:1/-1;background:#fff0d1;min-width:0}.dd-controls>[hidden],.dd-toolbar>[hidden]{display:none!important}