:root{--tausta: #1d140c;--levy: #2a1f14;--reuna: #4a3826;--teksti: #f3e9d8;--himmea: #cbb89c;--hiekka: #d6be8e;--hiekka-tumma: #b9985f;--virhe: #f0a08a;--kunnossa: #9ad39a;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--tausta);color:var(--teksti);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4;font-size:14px}body{display:grid;grid-template-columns:11rem minmax(0,1fr) 14rem;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"yla yla yla" "paletti tyoalue paneeli" "ala ala ala";gap:0;height:100%;overflow:hidden}#ylapalkki{grid-area:yla;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;background:var(--levy);border-bottom:1px solid var(--reuna)}#ylapalkki h1{font-size:1.1rem;margin-right:8px}.kentta{display:inline-flex;align-items:center;gap:6px}.kentta span{color:var(--himmea)}.kentta.leveä{flex:1 1 16rem}.kentta.leveä input{flex:1}input[type=text],input[type=number],select{background:var(--tausta);color:var(--teksti);border:1px solid var(--reuna);border-radius:6px;padding:5px 8px;font:inherit;min-width:0}input[type=number]{width:6.5rem}.napit{display:flex;flex-wrap:wrap;gap:6px}button,.nappi-label{background:var(--reuna);color:var(--teksti);border:1px solid transparent;border-radius:8px;padding:6px 10px;font:inherit;cursor:pointer}button:hover,.nappi-label:hover{border-color:var(--hiekka-tumma)}button:disabled{opacity:.45;cursor:default}button.ensisijainen{background:var(--hiekka);color:#2a1d10;font-weight:700}#paletti{grid-area:paletti;display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--levy);border-right:1px solid var(--reuna);overflow:auto}.tyokalu{text-align:left}.tyokalu.valittu{background:var(--hiekka);color:#2a1d10;font-weight:700}#tyoalue{grid-area:tyoalue;position:relative;min-width:0;min-height:0;background:#12100c}#nakyma{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.ohje{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 10px;border-radius:8px;background:#1c140cd9;color:var(--himmea);font-size:.85rem;pointer-events:none}#paneeli{grid-area:paneeli;padding:10px;background:var(--levy);border-left:1px solid var(--reuna);overflow:auto}#paneeli h2{font-size:.95rem;color:var(--hiekka);margin:6px 0}.kentat{display:grid;grid-template-columns:auto 1fr;gap:6px 8px;align-items:center;margin-bottom:12px}.kentat label{color:var(--himmea)}#poista{width:100%}#alapalkki{grid-area:ala;padding:8px 12px;background:var(--levy);border-top:1px solid var(--reuna);max-height:30vh;overflow:auto}#tila{color:var(--himmea)}#tila.virhe{color:var(--virhe)}#tila.kunnossa{color:var(--kunnossa)}#virheet{list-style:disc;padding-left:1.4rem;color:var(--virhe)}#linkki-rivi{margin-top:6px}#linkki-rivi[hidden]{display:none}@media(max-width:760px){body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"yla" "paletti" "tyoalue" "paneeli" "ala"}#ylapalkki{gap:4px 8px;padding:6px 8px}#ylapalkki h1{font-size:1rem}.kentta.leveä{flex-basis:100%}button,.nappi-label{padding:4px 8px;font-size:.9rem}#paletti{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;border-right:0;border-bottom:1px solid var(--reuna)}.tyokalu{white-space:nowrap}#paneeli{max-height:26vh;border-left:0;border-top:1px solid var(--reuna)}.ohje{display:none}#alapalkki{max-height:18vh}}