.piirtosivu{overscroll-behavior:none;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;overflow:hidden}.piirtosivu .ylapalkki{z-index:2;flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:relative}.piirtosivu .tuotemerkki{align-items:center;gap:12px;display:flex}.piirtosivu .tuotemerkki .erotin{background:var(--viiva);width:1px;height:18px}.piirtosivu .kielinappi{cursor:pointer;border:0}.piirtosivu .nakyma{flex:1;min-height:0;position:relative}.piirtosivu .aloitus{flex-direction:column;justify-content:flex-end;gap:24px;padding:24px 20px 32px;display:flex;overflow:hidden}.piirtosivu .aloitus .supergrafiikka{width:auto;max-width:none;height:108%;top:-4%;right:6%}.piirtosivu .aloitus>:not(.supergrafiikka),.piirtosivu .kiitos>:not(.supergrafiikka){z-index:1;position:relative}.piirtosivu .aloitus-otsikko{font-size:clamp(40px,11vw,88px)}.piirtosivu .aloitus-otsikko span{display:block}.piirtosivu .aloitus-ingressi{max-width:32ch;margin:0;font-size:17px}.piirtosivu .piirto{grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:0 16px 16px;display:grid}.piirtosivu .alusta-alue{place-items:center;min-height:0;display:grid;container-type:size}.piirtosivu .alusta-kehys{aspect-ratio:1;background:var(--musta);width:min(100cqw,100cqh);box-shadow:inset 0 0 0 1px var(--viiva);border-radius:20px;position:relative;overflow:hidden}.piirtosivu .alusta-kehys canvas{width:100%;height:100%;position:absolute;inset:0}.piirtosivu .pinta{touch-action:none;cursor:crosshair}.piirtosivu .vihje{pointer-events:none;color:var(--teksti-3);font-family:var(--font-otsikko);text-transform:uppercase;letter-spacing:.04em;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.piirtosivu .tyokalut{flex-direction:column;justify-self:center;gap:12px;width:100%;max-width:560px;display:flex}.piirtosivu .rivi{justify-content:space-between;align-items:center;gap:8px;display:flex}.piirtosivu .vari{background:var(--c);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex:none;width:36px;height:36px;transition:transform .12s}.piirtosivu .vari[aria-pressed=true]{box-shadow:0 0 0 3px var(--musta), 0 0 0 5px var(--valkoinen);transform:scale(1.08)}.piirtosivu .segmentit{border-radius:var(--pyoristys-pill);background:var(--pinta-2);flex:1;gap:4px;padding:4px;display:flex}.piirtosivu .segmentit button{border-radius:var(--pyoristys-pill);min-height:40px;color:var(--teksti-2);font-family:var(--font-otsikko);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:1;font-size:13px;font-weight:700}.piirtosivu .segmentit button[aria-pressed=true]{background:var(--valkoinen);color:var(--musta)}.piirtosivu .koot,.piirtosivu .toiminnot{gap:8px;display:flex}.piirtosivu .koko{background:var(--pinta-2);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.piirtosivu .koko:after{content:"";width:var(--d);height:var(--d);background:var(--teksti-2);border-radius:50%}.piirtosivu .koko[aria-pressed=true]{background:var(--valkoinen)}.piirtosivu .koko[aria-pressed=true]:after{background:var(--musta)}.piirtosivu .ikoninappi.varmista{background:var(--vaara)}.piirtosivu .laheta{width:100%}@media (min-width:900px) and (min-aspect-ratio:5/4){.piirtosivu .piirto{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 340px;gap:32px;padding:8px 32px 32px}.piirtosivu .tyokalut{align-self:center;gap:20px}.piirtosivu .varit{grid-template-columns:repeat(4,56px);justify-content:space-between;row-gap:16px;display:grid}.piirtosivu .vari{width:56px;height:56px}.piirtosivu .segmentit{border-radius:28px;flex-wrap:wrap}.piirtosivu .segmentit button{flex:40%;min-height:52px}}.piirtosivu .kiitos{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px 24px 40px;display:flex;overflow:hidden}.piirtosivu .kiitos .supergrafiikka{width:auto;max-width:none;height:90%;bottom:-10%;left:6%;transform:rotate(180deg)}.piirtosivu .kiitos-otsikko{font-size:clamp(56px,18vw,120px)}.piirtosivu .kiitos-esikatselu{background:var(--musta);width:180px;height:180px;box-shadow:0 0 0 2px var(--pinta-3);border-radius:50%}.piirtosivu .kiitos-teksti{max-width:34ch;margin:0}.piirtosivu dialog{border-radius:var(--pyoristys-kortti);background:var(--pinta-2);width:min(100% - 24px,480px);max-height:calc(100dvh - 24px);color:var(--teksti);border:0;margin:auto auto 12px;padding:28px 24px 24px}@media (min-width:700px){.piirtosivu dialog{margin:auto}}.piirtosivu dialog::backdrop{background:#000000b3}.piirtosivu .vahvistus{flex-direction:column;gap:18px;display:flex}.piirtosivu .vahvistus-yla{align-items:flex-start;gap:16px;display:flex}.piirtosivu .vahvistus-yla canvas{background:var(--musta);width:96px;height:96px;box-shadow:inset 0 0 0 1px var(--viiva);border-radius:16px;flex:none}.piirtosivu .vahvistus-otsikko{font-size:clamp(28px,8vw,36px)}.piirtosivu .vahvistus p{color:var(--teksti-2);margin:0;font-size:15px}.piirtosivu .vahvistus .virhe{color:var(--valkoinen);background:#f5465326;border-radius:14px;padding:12px 16px;font-weight:600}.piirtosivu .valinta{min-height:var(--kosketus);cursor:pointer;align-items:center;gap:14px;font-weight:600;display:flex}.piirtosivu .valinta input{appearance:none;border:2px solid var(--valkoinen);cursor:pointer;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;margin:0;display:grid}.piirtosivu .valinta input:checked{background:var(--valkoinen)}.piirtosivu .valinta input:checked:after{content:"";border:solid var(--musta);border-width:0 0 3px 3px;width:12px;height:7px;transform:translateY(-2px)rotate(-45deg)}.piirtosivu .valinta input:focus-visible{outline:3px solid var(--korostus);outline-offset:3px}.piirtosivu .turnstile:empty{display:none}.piirtosivu .vahvistus-napit{flex-direction:column;gap:8px;display:flex}.piirtosivu .laskuri{z-index:10;text-align:center;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:fixed;inset:0}.piirtosivu .laskuri-numero{font-size:160px}