:root{--color-primary:#1f4e79;--color-accent:#2e75b6;--color-accent-light:#6ba4dc;--color-background:#fff;--color-surface:#f5f7fa;--color-text-strong:#1f4e79;--color-text-body:#2a3340;--color-text-muted:#5a6b7b;--color-text-on-primary:#fff;--color-border:#d6dee7;--color-border-strong:#a9b8c7;--color-success:#2e7d5b;--color-warning:#b7791f;--color-error:#c0392b;--color-info:#2e75b6;--color-success-bg:#e7f2ec;--color-warning-bg:#fbf1e0;--color-error-bg:#f8e7e4;--color-info-bg:#e9f1f9;--font-sans:"Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fs-heading:24px;--fs-body:16px;--fs-small:14px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--radius-sm:2px;--radius-md:6px;--radius-lg:12px;--radius-full:9999px;--touch-min:44px;font-family:var(--font-sans);color:var(--color-text-body);font-size:var(--fs-body)}*{box-sizing:border-box}body{background:var(--color-surface);margin:0}button:not(:disabled){cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary)}.nav button,.picker button,.tyokalut button,.lataa-rivi button,.lataa-rivi input,.dia-rivi button,.oikea .napit button,.vaihe,.status-rivi,.klippi,.keskus input,.oikea select,.tuonti button,.tuonti select,.tuonti input,.oikea button,.oikea input{min-height:var(--touch-min)}.tuonti button{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-accent);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-body)}.tuonti button.toissij{background:var(--color-background);color:var(--color-primary)}.tuonti select,.tuonti input,.oikea input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-body);font-size:var(--fs-body)}.oikea input,.oikea textarea,.oikea select{color:var(--color-text-body)}.keskus button,.keskus select,.keskus input,.oikea button,.oikea input,.oikea select,.oikea textarea{font-size:var(--fs-body)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--color-background);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.topbar strong{color:var(--color-text-strong);font-weight:var(--fw-bold);font-size:var(--fs-body)}.muted{color:var(--color-text-muted);font-size:var(--fs-small)}.avoin-projekti-muru{text-overflow:ellipsis;white-space:nowrap;max-width:32ch;font-size:var(--fs-small);color:var(--color-text-strong);background:var(--color-surface-alt,#1f4e7914);border-radius:999px;margin-left:auto;padding:2px 10px;overflow:hidden}.avustaja-kohde{border-bottom:1px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;padding:2px 12px 6px;overflow:hidden}.stage{align-items:center;gap:var(--space-lg);padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.picker{gap:var(--space-sm);flex-wrap:wrap;max-width:960px;display:flex}.picker button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-full);font-size:var(--fs-small);color:var(--color-text-body)}.picker button.on{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-accent)}.nav{gap:var(--space-sm);flex-wrap:wrap;margin-left:auto;display:flex}.nav button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-md);font-size:var(--fs-body);color:var(--color-text-body)}.nav button.on{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-accent)}.uloskirjaus{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-body);border-radius:var(--radius-md);font-size:var(--fs-small);min-height:var(--touch-min)}.editori{padding:var(--space-xl);width:100%;max-width:900px;margin:0 auto}.lataa-rivi{gap:var(--space-sm);display:flex}.lataa-rivi input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-body);color:var(--color-text-body)}.lataa-rivi button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-accent);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-md);font-size:var(--fs-body)}.diat{margin-top:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.dia-rivi{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.dia-otsikko{margin-bottom:var(--space-sm);color:var(--color-text-strong)}.dia-rivi textarea{width:100%;font:inherit;font-size:var(--fs-body);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical}.dia-rivi button{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-accent);background:var(--color-background);color:var(--color-primary);border-radius:var(--radius-md)}.dia-rivi button:disabled{opacity:.5;cursor:default}.kirjautuminen{min-height:100vh;padding:var(--space-xl);background:var(--color-surface);justify-content:center;align-items:center;display:flex}.kirjautuminen-kortti{gap:var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-xl);flex-direction:column;display:flex;box-shadow:0 8px 30px #1f4e791a}.kirjautuminen-otsikko{font-size:var(--fs-heading);font-weight:var(--fw-bold);color:var(--color-text-strong)}.kirjautuminen .kentta{gap:var(--space-xs);flex-direction:column;display:flex}.kirjautuminen .kentta input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-body);color:var(--color-text-body);min-height:var(--touch-min)}.kirjautuminen .kentta input:focus{outline:2px solid var(--color-accent);border-color:var(--color-accent)}.kirjautuminen button[type=submit]{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-accent);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-md);font-size:var(--fs-body);min-height:var(--touch-min);margin-top:var(--space-xs)}.kirjautuminen button[type=submit]:disabled{opacity:.5;cursor:default}.studio{background:var(--color-border);flex:1;grid-template-columns:220px minmax(0,1fr) 340px;gap:1px;min-height:0;display:grid}.studio>*{background:var(--color-surface);min-width:0;overflow:auto}.vasen{padding:var(--space-lg)}.lohko{margin-bottom:var(--space-xl)}.lohko-otsikko{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.vaihe{text-align:left;width:100%;font:inherit;font-size:var(--fs-body);color:var(--color-text-body);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:0 0;border:none;display:block}.vaihe:hover{background:var(--color-info-bg)}.vaihe.on{background:var(--color-info-bg);color:var(--color-primary);font-weight:var(--fw-bold)}.status-rivi{align-items:center;gap:var(--space-sm);text-align:left;width:100%;font:inherit;color:inherit;padding:var(--space-sm);border-radius:var(--radius-md);font-size:var(--fs-small);background:0 0;border:none;display:flex}.status-rivi:hover,.status-rivi.valittu{background:var(--color-info-bg)}.merkki{flex:none;width:12px;height:12px}.merkki.ok{background:var(--color-success);border-radius:50%}.merkki.dirty{background:var(--color-accent);transform:rotate(45deg)}.merkki.varoitus{background:var(--color-warning);clip-path:polygon(50% 0,100% 100%,0 100%)}.merkki.virhe{background:var(--color-error)}.keskus{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.keskus .lataa-rivi input{flex:1}.esikatselu{border-radius:var(--radius-md);background:#000}.dia-navi{background:var(--color-surface);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.esikatselu-taitto>summary{cursor:pointer;list-style:revert;margin-bottom:var(--space-xs)}.esikatselu-taitto .esikatselu{max-width:640px}.tyhja{aspect-ratio:16/9;color:var(--color-text-on-primary);opacity:.5;justify-content:center;align-items:center;display:flex}.aikajana{gap:var(--space-xs);flex-wrap:wrap;display:flex}.klippi{border:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-sm);width:44px;font-size:var(--fs-small);color:var(--color-text-body)}.klippi.t-dirty{border-color:var(--color-accent);background:var(--color-info-bg)}.klippi.t-varoitus{border-color:var(--color-warning);background:var(--color-warning-bg)}.klippi.t-virhe{border-color:var(--color-error);background:var(--color-error-bg)}.klippi.valittu{outline:2px solid var(--color-accent)}.oikea{padding:var(--space-lg)}.oikea textarea{width:100%;font:inherit;font-size:var(--fs-small);padding:var(--space-sm);margin-top:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical}.oikea .napit{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.oikea .napit button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-accent);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-md)}.oikea .napit button.toissij{background:var(--color-background);color:var(--color-primary)}.oikea .napit button:disabled{opacity:.5;cursor:default}.tyokalut{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.tyokalut button{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--color-text-body)}.tyokalut button:disabled{opacity:.5;cursor:default}.kytkin{align-items:center;gap:var(--space-sm);font-size:var(--fs-small);cursor:pointer;min-height:var(--touch-min);display:flex}.opaste{background:var(--color-info-bg);border:1px solid var(--color-accent-light);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--fs-small);color:var(--color-primary)}.selite{gap:var(--space-lg);font-size:var(--fs-small);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;display:flex}.selite>span{align-items:center;gap:var(--space-xs);display:flex}.lisa{margin-top:var(--space-lg);font-size:var(--fs-small);border-top:1px solid var(--color-border);padding-top:var(--space-md)}.lisa summary{cursor:pointer;color:var(--color-primary)}.lisa>div,.lisa>label{margin-top:var(--space-sm)}.paletti-tausta{z-index:50;background:#1f4e7959;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.paletti{background:var(--color-background);border-radius:var(--radius-lg);width:520px;max-width:90vw;overflow:hidden;box-shadow:0 12px 40px #1f4e7940}.paletti input{border:none;border-bottom:1px solid var(--color-border);width:100%;padding:var(--space-lg);font-size:var(--fs-body);outline:none}.paletti ul{padding:var(--space-xs);max-height:320px;margin:0;list-style:none;overflow:auto}.paletti li{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--fs-body);cursor:pointer}.paletti li:hover{background:var(--color-info-bg)}.render-linkki{color:var(--color-primary);font-size:var(--fs-small);font-weight:var(--fw-bold);text-decoration:none}.render-linkki:hover{text-decoration:underline}.tavoite-palkki{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt,#1f4e790f);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-small);flex-wrap:wrap;display:flex}.tavoite-palkki .tavoite-otsikko{font-weight:var(--fw-bold);color:var(--color-text-strong)}.tavoite-palkki label{color:var(--color-text-body);align-items:center;gap:6px;display:inline-flex}.tavoite-palkki input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);width:72px;color:var(--color-text-body);padding:0 var(--space-sm)}.tavoite-palkki button{min-height:var(--touch-min);font-size:var(--fs-body);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-accent);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-md);cursor:pointer}.ladattu-banneri{align-items:center;gap:var(--space-sm);background:var(--color-success-bg);color:var(--color-text-strong);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--fs-small);display:flex}.tyhja-ohje{background:var(--color-info-bg);border:1px dashed var(--color-accent-light);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--fs-small);color:var(--color-primary)}.apu{font-size:var(--fs-small);color:var(--color-text-muted);margin:2px 0 var(--space-sm);line-height:1.4;display:block}.info-vihje{border:1px solid var(--color-primary);background:var(--color-info-bg);width:20px;height:20px;color:var(--color-primary);font-size:var(--fs-small);cursor:help;vertical-align:middle;font-weight:var(--fw-bold);border-radius:50%;justify-content:center;align-items:center;margin-left:5px;line-height:1;display:inline-flex}button.ensisij{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-accent);font-weight:var(--fw-bold)}button.vaarallinen,.oikea .napit button.vaarallinen{color:var(--color-error);border-color:var(--color-error);background:var(--color-background)}.tallennus-vihje{font-size:var(--fs-small);color:var(--color-warning)}.tarkistuslista{margin:var(--space-sm) 0;padding:0;list-style:none}.tarkistuslista li{font-size:var(--fs-small);color:var(--color-text-muted);gap:var(--space-sm);align-items:baseline;padding:4px 0;display:flex}.valitsin-paneeli{width:100%;max-width:980px}.valitsin-otsikko{font-size:var(--fs-body);font-weight:var(--fw-bold);margin-bottom:var(--space-xs)}.valitsin-haku{width:100%;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);min-height:var(--touch-min)}.malli-ruudukko{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.malli-ruudukko button{text-align:left;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-md);min-height:var(--touch-min);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.malli-ruudukko button.on{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-accent)}.malli-kortti{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-md);flex-direction:column;gap:4px;display:flex}summary.lohko-otsikko{min-height:var(--touch-min);box-sizing:border-box;cursor:pointer;align-items:center;display:flex}summary.lohko-otsikko:before{content:"▸";color:var(--color-text-muted);flex:none;margin-right:8px;transition:transform .15s;display:inline-block}details[open]>summary.lohko-otsikko:before{transform:rotate(90deg)}.malli-nimi{font-size:var(--fs-small);font-weight:var(--fw-medium)}.malli-tagi{font-family:monospace;font-size:var(--fs-small);color:var(--color-text-muted)}.malli-ruudukko button.on .malli-tagi{color:var(--color-text-on-primary)}.malli-ruudukko button.malli-kortti{cursor:pointer;transition:border-color .12s,background .12s}.malli-ruudukko button.malli-kortti:hover{border-color:var(--color-accent);background:var(--color-surface-alt,#1f4e790f)}.malli-ruudukko button.malli-kortti.valittu{border-color:var(--color-accent);background:var(--color-surface-alt,#1f4e791a);box-shadow:0 0 0 2px var(--color-accent) inset}.malli-ryhma>summary{min-height:var(--touch-min);cursor:pointer;align-items:center;display:flex}.malli-ryhma>summary:before{content:"▸";color:var(--color-text-muted);margin-right:8px;transition:transform .15s;display:inline-block}.malli-ryhma[open]>summary:before{transform:rotate(90deg)}.malli-esikatselu-banneri{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:var(--color-surface-alt,#1f4e7914);border:1px solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--color-text-strong);flex-wrap:wrap;display:flex}.malli-esikatselu-banneri button{min-height:var(--touch-min)}@media (width>=901px){.shell{height:100vh;overflow:hidden}.runko{flex:1}.nakyma-alue{flex-direction:column;min-height:0;display:flex}.nakyma-alue>*{flex:1;min-height:0}.nakyma-alue>:not(.studio){overflow-y:auto}.dia-navi{z-index:5;position:sticky;top:0}}@media (width<=700px){.topbar{flex-wrap:wrap}.nav{flex-wrap:wrap;width:100%;margin-left:0}.studio{grid-template-columns:1fr}.tyokalut{flex-wrap:wrap}.stage{padding:var(--space-lg)}}.runko{align-items:stretch;min-height:0;display:flex}.nakyma-alue{flex:1;min-width:0}.avustaja-paneeli{gap:var(--space-sm);border-left:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-md);flex-direction:column;flex:0 0 360px;max-height:calc(100vh - 56px);display:flex;position:sticky;top:56px}.avustaja-otsikko{color:var(--color-text-strong);justify-content:space-between;align-items:center;font-weight:600;display:flex}.avustaja-paneeli button,.avustaja-paneeli input,.avustaja-paneeli textarea{min-height:var(--touch-min);font-size:var(--fs-small);border-radius:6px;font-family:inherit}.avustaja-paneeli input,.avustaja-paneeli textarea{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-body);padding:0 var(--space-sm)}.avustaja-paneeli textarea{padding:8px var(--space-sm);resize:none;white-space:pre-wrap;word-break:break-word;max-height:160px;line-height:1.4;overflow-y:auto}.avustaja-paneeli button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);padding:0 var(--space-md);cursor:pointer}.avustaja-paneeli button.ensisij{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.avustaja-paneeli button:disabled{opacity:.55;cursor:default}.avustaja-otsikko button{min-width:var(--touch-min);padding:0 var(--space-sm)}.avustaja-opastus{border:1px solid var(--color-border);padding:var(--space-sm);background:var(--color-info-bg);font-size:var(--fs-small);gap:var(--space-sm);border-radius:8px;flex-direction:column;display:flex}.avustaja-opastus .napit{gap:var(--space-sm);display:flex}.avustaja-loki{gap:var(--space-sm);flex-direction:column;flex:1;min-height:120px;display:flex;overflow-y:auto}.tyo-pisteet{align-items:center;gap:3px;display:inline-flex}.tyo-pisteet span{background:var(--color-primary);border-radius:50%;width:5px;height:5px;animation:1.2s infinite both tyo-blink}.tyo-pisteet span:nth-child(2){animation-delay:.2s}.tyo-pisteet span:nth-child(3){animation-delay:.4s}@keyframes tyo-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.avustaja-toimet{background:var(--color-info-bg);border:1px solid var(--color-border);border-radius:6px;margin:4px 0;padding:6px 10px;font-size:14px}.avustaja-toimet summary{cursor:pointer;color:var(--color-text-strong);font-weight:600}.avustaja-toimet ul{max-height:140px;margin:6px 0 0;padding-left:18px;overflow-y:auto}.avustaja-toimet li{color:var(--color-success)}.avustaja-ehdotukset{gap:var(--space-sm);flex-direction:column;display:flex}.ehdotus-kortti{border:1px solid var(--color-border);padding:var(--space-sm);background:var(--color-background);font-size:var(--fs-small);border-radius:8px}.ehdotus-kortti .napit{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.maksu-merkki{margin-left:4px}.avustaja-syote{gap:var(--space-sm);align-items:flex-end;display:flex}.avustaja-syote input,.avustaja-syote textarea{flex:1;min-width:0}.avustaja-tila{font-size:var(--fs-small)}.avustaja-tyhjenna{min-height:var(--touch-min);align-self:flex-start}.avustaja-avain{z-index:50;min-height:var(--touch-min);background:var(--color-primary);color:var(--color-text-on-primary);padding:0 var(--space-lg);cursor:pointer;border:none;border-radius:24px;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 8px #0003}@media (width<=900px){.runko{flex-direction:column}.avustaja-paneeli{border-left:none;border-top:1px solid var(--color-border);flex-basis:auto;max-height:50vh;position:static}}.ohje-laatikko{border:1px solid var(--color-border);border-left:4px solid var(--color-primary);background:var(--color-info-bg);padding:var(--space-md);margin-bottom:var(--space-md);font-size:var(--fs-small);border-radius:8px}.ohje-laatikko.varoitus{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.avain-rivi{border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);border-radius:8px}.avain-otsikko{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avain-rivi .apu{margin:4px 0 var(--space-sm)}.lisa-avaimet{margin-top:var(--space-md)}.lisa-avaimet>summary{cursor:pointer;min-height:var(--touch-min);align-items:center;display:flex}