.uusi{z-index:60;color:#1b2530;--u-paperi:#f5f7f9;--u-pinta:#fff;--u-muste:#1b2530;--u-haalea:#5b6875;--u-viiva:#dee4ea;--u-navy:#1e3a5f;--u-navy2:#15293f;--u-navy-haalea:#eaf0f7;--u-ok:#2e7d4f;--u-ok-bg:#e7f2ec;--u-varo:#b26a00;--u-varo-bg:#fbf1e0;--u-puna:#b3261e;--u-puna-bg:#f8e7e4;background:#e8ecf0;font:16px/1.5 Segoe UI,system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow:auto}.uusi *{box-sizing:border-box}.uusi button{font:inherit;cursor:pointer}.uusi input,.uusi textarea,.uusi select{font:inherit;color:var(--u-muste)}.uusi-naytto{background:var(--u-paperi);flex-direction:column;max-width:1200px;min-height:100%;margin:0 auto;display:flex;box-shadow:0 0 40px #14202e1f}.uusi .hento{color:var(--u-haalea);font-size:.85rem}.uusi .piilo{display:none!important}.uusi-nappi{background:var(--u-navy);color:#fff;border:none;border-radius:9px;padding:.7rem 1.25rem;font-weight:600}.uusi-nappi:hover{background:var(--u-navy2)}.uusi-nappi:disabled{opacity:.55;cursor:not-allowed}.uusi-nappi.iso{padding:.85rem 1.6rem;font-size:1.05rem}.uusi-nappi.toissij{background:var(--u-pinta);color:var(--u-muste);border:1px solid var(--u-viiva);font-weight:500}.uusi-linkki{color:var(--u-navy);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.uusi-pilleri{background:var(--u-navy-haalea);color:var(--u-navy2);white-space:nowrap;border:2px solid #0000;border-radius:99px;align-items:center;gap:.4rem;padding:.18rem .7rem;font-size:.78rem;display:inline-flex}.uusi-pilleri .piste{border-radius:50%;flex:none;width:.55rem;height:.55rem}.uusi-pilleri.okp{background:var(--u-ok-bg)}.uusi-pilleri.varop{background:var(--u-varo-bg)}.uusi-pilleri.punap{background:var(--u-puna-bg)}.uusi .p-ok{background:var(--u-ok)}.uusi .p-varo{background:var(--u-varo)}.uusi .p-puna{background:var(--u-puna)}.uusi-etu-yla{align-items:center;gap:.8rem;padding:.8rem 1.2rem;display:flex}.uusi-logo{color:var(--u-navy);font-size:1.05rem;font-weight:700}.uusi-etu-yla .oikealle{color:var(--u-haalea);align-items:center;gap:1rem;margin-left:auto;font-size:.85rem;display:flex}.uusi-etu-sisus{text-align:center;flex:1;width:100%;max-width:42rem;margin:0 auto;padding:3vh 1.2rem 2rem}.uusi-etu-sisus h1{color:var(--u-navy2);text-wrap:balance;margin:.5rem 0 1.2rem;font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:650}.uusi-lahdekortti{background:var(--u-pinta);border:1px solid var(--u-viiva);text-align:left;border-radius:14px;overflow:hidden}.uusi-lahdetabit{border-bottom:1px solid var(--u-viiva);display:flex}.uusi-lahdetabit button{border:none;border-right:1px solid var(--u-viiva);color:var(--u-haalea);background:#f2f4f7;flex:1;padding:.7rem .4rem;font-size:.88rem}.uusi-lahdetabit button:last-child{border-right:none}.uusi-lahdetabit button.on{background:var(--u-pinta);color:var(--u-navy2);font-weight:700}.uusi-lahde-osa{padding:1.2rem}.uusi-pudota{text-align:center;color:var(--u-haalea);cursor:pointer;width:100%;font:inherit;background:0 0;border:2px dashed #b9c4ce;border-radius:10px;padding:1.4rem 1rem}.uusi-pudota:hover{border-color:var(--u-navy)}.uusi-pudota b{color:var(--u-muste)}.uusi-urlrivi{gap:.5rem;display:flex}.uusi-urlrivi input{border:1px solid var(--u-viiva);border-radius:8px;flex:1;min-width:0;padding:.65rem .9rem}.uusi-rajapinnat label{align-items:center;gap:.55rem;padding:.3rem 0;font-size:.95rem;display:flex}.uusi-rajapinnat input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--u-navy)}.uusi-rajapinnat .haku{border:1px solid var(--u-viiva);border-radius:8px;width:100%;margin-top:.5rem;padding:.6rem .8rem}.uusi-osumalista{border:1px solid var(--u-viiva);border-radius:8px;max-height:14rem;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.uusi-osumalista li{border-bottom:1px solid var(--u-viiva);align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.9rem;display:flex}.uusi-osumalista li:last-child{border-bottom:none}.uusi-osumalista .otsake{flex:1;min-width:0}.uusi-osumalista button{border:1px solid var(--u-viiva);background:var(--u-pinta);border-radius:7px;flex:none;min-width:2.2rem;height:2.2rem}.uusi-osumalista button:hover{background:var(--u-navy-haalea)}.uusi-lahdekori{background:var(--u-navy-haalea);border-radius:8px;margin-top:.7rem;padding:.6rem .8rem}.uusi-lahdekori ul{margin:.3rem 0 0;padding:0;list-style:none}.uusi-lahdekori li{align-items:center;gap:.5rem;padding:.25rem 0;font-size:.92rem;display:flex}.uusi-lahdekori .otsake{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.uusi-lahdekori button{color:var(--u-haalea);background:0 0;border:none;width:2rem;height:2rem;font-size:1rem}.uusi-lahdekori button:hover{color:var(--u-puna)}.uusi-mitoitusrivi{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.4rem;margin:1.3rem 0 .9rem;display:flex}.uusi-mitoituskentta{flex-direction:column;flex:0 0 15rem;align-items:center;gap:.3rem;display:flex}.uusi-mitoituskentta .nimi{color:var(--u-haalea);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:600}.uusi-kesto-yhd{align-items:center;gap:.35rem;display:flex}.uusi-kesto-yhd input,.uusi-stepperi input{border:1px solid var(--u-viiva);text-align:center;border-radius:8px;width:4.6rem;height:2.6rem;padding:0 .5rem;font-weight:600}.uusi-stepperi input{-moz-appearance:textfield}.uusi-stepperi input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.uusi-stepperi input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.uusi-stepperi{align-items:center;gap:.4rem;display:flex}.uusi-stepperi button{width:2.6rem;height:2.6rem;color:var(--u-muste);background:0 0;border:none;border-radius:8px;font-size:1rem;font-weight:700}.uusi-stepperi button:hover{background:var(--u-navy-haalea)}.uusi-stepperi b{border:1px solid var(--u-viiva);background:var(--u-pinta);border-radius:8px;justify-content:center;align-items:center;min-width:2.6rem;height:2.6rem;font-size:1rem;display:inline-flex}.uusi-viimeisimmat{text-align:left;width:100%;max-width:42rem;margin:0 auto;padding:0 1.2rem 3rem}.uusi-viimeisimmat h2{letter-spacing:.12em;text-transform:uppercase;color:var(--u-haalea);align-items:baseline;margin:0 0 .6rem;font-size:.75rem;display:flex}.uusi-projektit{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem;display:grid}.uusi-projekti{background:var(--u-pinta);border:1px solid var(--u-viiva);text-align:left;border-radius:10px;width:100%;padding:.8rem 1rem;display:block}.uusi-projekti b{margin-bottom:.35rem;display:block}.uusi-hakukentta{border:1px solid var(--u-viiva);background:var(--u-pinta);border-radius:8px;width:100%;margin-bottom:1rem;padding:.6rem .8rem}.uusi-studio{flex-direction:column;flex:1;min-height:0;display:flex}.uusi-stu-yla{background:var(--u-pinta);border-bottom:1px solid var(--u-viiva);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.55rem .9rem;display:flex}.uusi-takaisin{color:var(--u-navy);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;max-width:16rem;padding:.2rem .3rem;font-size:1rem;font-weight:700;overflow:hidden}.uusi-ot-valinta{border:1px solid var(--u-viiva);background:var(--u-pinta);border-radius:8px;max-width:11rem;padding:.35rem .5rem;font-size:.85rem}.uusi-pillerit{scrollbar-width:none;flex:1;gap:.4rem;min-width:0;display:flex;overflow-x:auto}.uusi-pillerit::-webkit-scrollbar{display:none}.uusi-cta{margin-left:auto}.uusi-sisalto-alue{flex:1;min-height:0;overflow:auto}.uusi-diakaista{background:var(--u-pinta);border-top:1px solid var(--u-viiva);align-items:center;gap:.45rem;padding:.6rem .9rem;display:flex;overflow-x:auto}.uusi-dia-nappula{border:2px solid var(--u-viiva);color:#33404d;text-align:left;background:#fff;border-radius:8px;flex:none;min-width:4.6rem;height:3rem;padding:.25rem .4rem;font-size:.7rem;position:relative;overflow:hidden}.uusi-dia-nappula.valittu{border-color:var(--u-navy);box-shadow:0 0 0 2px var(--u-navy-haalea)}.uusi-dia-nappula .tila-piste{border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.3rem;right:.3rem}.uusi-dia-nappula .nro{color:var(--u-navy);font-weight:700}.uusi-lisaa-dia{border:2px dashed var(--u-viiva);min-width:3rem;height:3rem;color:var(--u-haalea);background:0 0;border-radius:8px;flex:none;font-size:1.2rem}.uusi-stu-runko{grid-template-columns:1.65fr 1fr;align-content:start;gap:1rem;padding:1rem 1.1rem;display:grid}.uusi-esikatselu{aspect-ratio:16/9;background:#10161d;border-radius:12px;align-self:start;position:relative;overflow:hidden;box-shadow:0 6px 24px #14202e1a}.uusi-dia-pinta{background:linear-gradient(115deg,#fff 0%,#f3f6fa 100%);flex-direction:column;justify-content:center;padding:7% 9%;display:flex;position:absolute;inset:0}.uusi-dia-pinta:before{content:"";background:var(--u-navy);width:6px;position:absolute;top:0;bottom:0;left:0}.uusi-dia-otsikko{color:var(--u-navy2);text-wrap:balance;font-size:clamp(1rem,2.6vw,1.7rem);font-weight:700}.uusi-dia-teksti{color:#33404d;white-space:pre-line;margin-top:.7em;font-size:clamp(.75rem,1.7vw,1rem)}.uusi-soitin{color:#fff;background:linear-gradient(#0000,#0a1016b8);align-items:center;gap:.6rem;padding:.45rem .8rem;font-size:.8rem;display:flex;position:absolute;bottom:0;left:0;right:0}.uusi-soitin audio{flex:1;min-width:0;height:2rem}.uusi-muokkaus{background:var(--u-pinta);border:1px solid var(--u-viiva);border-radius:12px;align-self:start;padding:1rem 1.1rem}.uusi-muokkaus label{color:var(--u-haalea);margin:.8rem 0 .25rem;font-size:.78rem;font-weight:600;display:block}.uusi-muokkaus label:first-child{margin-top:0}.uusi-muokkaus input,.uusi-muokkaus textarea{border:1px solid var(--u-viiva);background:#fbfcfd;border-radius:8px;width:100%;padding:.55rem .7rem}.uusi-muokkaus textarea{resize:vertical}.uusi-muokkaus .rivi{align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.uusi-tyhja-tila{text-align:center;color:var(--u-haalea);padding:2.4rem 1rem}.uusi-pilleri.klikattava{cursor:pointer}.uusi-pilleri.aktiivinen{border-color:var(--u-navy)}.uusi-vaihesivu{width:100%;max-width:52rem;margin:0 auto;padding:1.2rem 1.1rem}.uusi-vaihesivu h2{color:var(--u-navy2);margin:.2rem 0;font-size:1.25rem}.uusi-kortti{background:var(--u-pinta);border:1px solid var(--u-viiva);border-radius:12px;margin:.9rem 0 0;padding:1rem 1.2rem}.uusi-kortti h3{color:var(--u-navy2);margin:0 0 .5rem;font-size:1rem}.uusi-kentta-nimi{color:var(--u-haalea);margin:0 0 .25rem;font-size:.78rem;font-weight:600;display:block}.uusi-leveakentta{border:1px solid var(--u-viiva);background:#fbfcfd;border-radius:8px;width:100%;padding:.6rem .8rem}.uusi-rakennerivi{align-items:center;gap:.4rem;margin:.3rem 0;display:flex}.uusi-rakennerivi .jarjestys{color:var(--u-haalea);text-align:right;min-width:1.3rem;font-size:.8rem}.uusi-rakennerivi input{border:1px solid var(--u-viiva);background:#fbfcfd;border-radius:7px;flex:1;min-width:0;padding:.45rem .7rem}.uusi-rakennerivi button{border:1px solid var(--u-viiva);background:var(--u-pinta);width:2.6rem;height:2.6rem;color:var(--u-haalea);border-radius:7px;flex:none;font-size:.85rem}.uusi-rakennerivi button:hover{color:var(--u-puna);border-color:var(--u-puna)}.uusi-rivilista{margin:0;padding:0;list-style:none}.uusi-rivilista li{border-bottom:1px solid var(--u-viiva);align-items:center;gap:.7rem;padding:.55rem 0;font-size:.92rem;display:flex}.uusi-rivilista li:last-child{border-bottom:none}.uusi-rivilista .otsake{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.uusi-videoruudukko{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.8rem;margin-top:.8rem;display:grid}.uusi-videokortti{border:1px solid var(--u-viiva);background:var(--u-pinta);border-radius:10px;overflow:hidden}.uusi-videokortti .mini{aspect-ratio:16/9;border-left:4px solid var(--u-navy);color:var(--u-navy2);background:linear-gradient(115deg,#fff,#f0f3f7);padding:.5rem .6rem;font-size:.68rem;font-weight:700}.uusi-videokortti .alarivi{color:var(--u-haalea);align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.72rem;display:flex}.uusi-videokortti .piste,.uusi-tarkistuslista .piste{border-radius:50%;flex:none;width:.6rem;height:.6rem;display:inline-block}.uusi-vaihtoehto{align-items:center;gap:.5rem;padding:.3rem 0;font-size:.95rem;display:flex}.uusi-vaihtoehto .kirjain{border:1px solid var(--u-viiva);border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;display:inline-flex}.uusi-vaihtoehto.oikea .kirjain{background:var(--u-ok);color:#fff;border-color:var(--u-ok)}.uusi-tarkistuslista{margin:1rem 0;padding:0;list-style:none}.uusi-tarkistuslista li{border-bottom:1px solid var(--u-viiva);align-items:center;gap:.7rem;padding:.55rem 0;font-size:.95rem;display:flex}@media (width<=760px){.uusi-vaihesivu{padding:.9rem .8rem}}.uusi-avustaja-nappi{background:var(--u-navy);color:#fff;z-index:66;border:none;border-radius:50%;width:3.4rem;height:3.4rem;font-size:1.35rem;position:fixed;bottom:1.1rem;right:max(1rem,50vw - 600px + 1rem);box-shadow:0 8px 24px #14202e52}.uusi-avustaja-nappi:hover{background:var(--u-navy2)}.uusi-avustaja-laatikko{background:var(--u-pinta);border-left:1px solid var(--u-viiva);z-index:65;width:min(26rem,100vw);padding:.6rem;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-12px 0 34px #14202e2e}@media (width<=760px){.uusi-avustaja-nappi{bottom:4.6rem;right:1rem}}.uusi-toast{z-index:80;text-align:center;border-radius:10px;max-width:min(92vw,36rem);padding:.7rem 2.2rem .7rem 1.1rem;font-size:.92rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #14202e40}.uusi-toast.ok{background:var(--u-navy2);color:#fff}.uusi-toast.virhe{background:var(--u-puna);color:#fff}.uusi-toast .sulje{color:inherit;background:0 0;border:none;font-size:1rem;position:absolute;top:.35rem;right:.4rem}.uusi-odotus{z-index:70;background:#0e141b8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.uusi-odotus .kortti{background:var(--u-pinta);text-align:center;border-radius:14px;max-width:24rem;padding:1.6rem 2rem}.uusi-pyorre{border:4px solid var(--u-navy-haalea);border-top-color:var(--u-navy);border-radius:50%;width:2.2rem;height:2.2rem;margin:0 auto .8rem;animation:.9s linear infinite uusi-py}@keyframes uusi-py{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.uusi-pyorre{animation:none}}.uusi-testibanneri{color:#7a5200;text-align:center;background:#fbf1e0;padding:.3rem .8rem;font-size:.8rem}@media (width<=760px){.uusi-stu-runko{grid-template-columns:1fr;gap:.7rem;padding:.7rem}.uusi-stu-yla{padding:.5rem .7rem}.uusi-cta{order:9;width:100%;margin-left:0}.uusi-cta .uusi-nappi{width:100%}.uusi-takaisin{max-width:10rem}.uusi-ot-valinta{max-width:8.5rem}.uusi-urlrivi{flex-direction:column}}: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,.kurssi-planner button,.kurssi-planner input,.kurssi-planner textarea{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}.napit{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.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);min-height:var(--touch-min)}.napit button.toissij{background:var(--color-background);color:var(--color-primary)}.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);min-height:var(--touch-min);align-items:center;display:flex}.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):not(.studio-kuori){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}.tilakortti{align-items:center;gap:4px var(--space-md);background:var(--color-surface,#fff);border:1px solid var(--color-accent-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:6px var(--space-md);flex-wrap:wrap;margin:4px 0;display:flex}.tilakortti-otsikko .ladattu-banneri{font-size:var(--fs-small);background:0 0;border:none;padding:0;display:inline-flex}.tilakortti-vaiheet{gap:2px var(--space-md);font-size:var(--fs-small);flex-wrap:wrap;line-height:1.3;display:flex}.tilakortti-vaihe{font-weight:var(--fw-bold);color:var(--color-text-strong);align-items:center;gap:6px;display:inline-flex}.tilakortti-vaihe small{color:var(--color-text-muted);font-weight:400;font-size:var(--fs-small)}.tilakortti-seuraava{align-items:center;gap:var(--space-sm);flex-wrap:wrap;flex-basis:100%;display:flex}.tilakortti-syy{font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.3}.tilakortti button.ensisij{min-height:var(--touch-min);padding:6px var(--space-md);font-size:var(--fs-body);border-radius:var(--radius-md);cursor:pointer;text-align:left}.tavoite-palkki{align-items:center;gap:4px var(--space-md);flex-wrap:wrap;display:flex}.tavoite-palkki label{align-items:center;gap:4px;margin:0;display:inline-flex}.tavoite-palkki input{width:4.5em}.tilakortti button.ensisij:disabled{opacity:.6;cursor:not-allowed}textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-body)}.tila{justify-content:space-between;align-items:flex-start;gap:var(--space-md);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0;font-size:var(--fs-body);line-height:1.4;display:flex}.tila.ok{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-text-strong)}.tila.virhe{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-text-strong);font-weight:var(--fw-bold)}.tila-sulje{cursor:pointer;color:inherit;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;margin:-10px -8px;font-size:1.2rem;line-height:1;display:inline-flex}.tila-sulje:hover{background:#0000000f}.paletti li.estetty{color:var(--color-text-muted);cursor:not-allowed}.paletti li.estetty small{margin:0;display:inline}button[disabled][title]{cursor:not-allowed}.vasen .vaihe .merkki{vertical-align:middle;margin-right:6px;display:inline-block}.tyokalut.vaihe-napit{align-items:center;gap:6px var(--space-sm);flex-wrap:wrap;display:flex}.tyokalut.vaihe-napit .vaihe-otsikko{font-size:var(--fs-small);color:var(--color-text-strong);white-space:nowrap;margin-right:4px}.tyokalut.vaihe-napit .paletti-nappi{font-size:var(--fs-small);margin-left:auto}.studio-kuori{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.studio-kuori>.studio{flex:1;min-height:0}