@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#51a35a;--accent-strong:#3f8748;--accent-ink:#2c6435;--accent-soft:#e8f3ec;--accent-fill:#3b7f44;--accent-fill-hover:#2c6435;--on-accent:#fff;--bg:#fafafa;--surface:#fff;--surface-muted:#f4f4f5;--surface-hover:#0000000a;--surface-active:#0000000f;--border:#00000014;--border-strong:#00000029;--text:#18181b;--text-muted:#60646b;--text-faint:#6b6f76;--text-disabled:#9a9ea6;--danger:#b23c30;--danger-ink:#b23c30;--danger-soft:#fbeae8;--warn:#d99a1e;--warn-ink:#8a5a11;--warn-soft:#fbf1de;--info:#3b6fd8;--info-ink:#2852a8;--info-soft:#e8effc;--ok:var(--accent);--ok-ink:var(--accent-ink);--ok-soft:var(--accent-soft);--chart-mark:#51a35a;--focus:var(--accent-fill);--focus-halo:color-mix(in srgb, var(--accent) 40%, transparent);--radius-sm:6px;--radius:8px;--radius-lg:12px;--shadow-card:none;--shadow-pop:0 8px 24px #0000001f;--btn-radius:var(--radius-sm);--btn-h:32px;--btn-h-sm:28px;--btn-fs:.8125rem;--btn-pad:.75rem;--badge-radius:4px;--input-h:34px;--input-fs:.875rem;--input-radius:var(--radius-sm);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--font-sans:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-system:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.14s;--maxw:1200px;--sidebar-w:232px;--mobilebar-h:0px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#62b76b;--accent-strong:#7ac783;--accent-ink:#8fd398;--accent-soft:#62b76b24;--accent-fill:#62b76b;--accent-fill-hover:#7ac783;--on-accent:#0e0f11;--bg:#0e0f11;--surface:#151619;--surface-muted:#1b1c20;--surface-hover:#ffffff0a;--surface-active:#ffffff12;--border:#ffffff14;--border-strong:#ffffff29;--text:#ececef;--text-muted:#9a9ba3;--text-faint:#85888f;--text-disabled:#5f6168;--danger:#e08074;--danger-ink:#e8968b;--danger-soft:#e0807424;--warn:#e0b04f;--warn-ink:#e0b878;--warn-soft:#e0b87824;--info:#6f9cf5;--info-ink:#9dbcff;--info-soft:#78a0ff24;--chart-mark:#56a95f;--shadow-pop:0 8px 24px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#62b76b;--accent-strong:#7ac783;--accent-ink:#8fd398;--accent-soft:#62b76b24;--accent-fill:#62b76b;--accent-fill-hover:#7ac783;--on-accent:#0e0f11;--bg:#0e0f11;--surface:#151619;--surface-muted:#1b1c20;--surface-hover:#ffffff0a;--surface-active:#ffffff12;--border:#ffffff14;--border-strong:#ffffff29;--text:#ececef;--text-muted:#9a9ba3;--text-faint:#85888f;--text-disabled:#5f6168;--danger:#e08074;--danger-ink:#e8968b;--danger-soft:#e0807424;--warn:#e0b04f;--warn-ink:#e0b878;--warn-soft:#e0b87824;--info:#6f9cf5;--info-ink:#9dbcff;--info-soft:#78a0ff24;--chart-mark:#56a95f;--shadow-pop:0 8px 24px #00000080}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-feature-settings:"cv11", "ss01";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}img,svg{max-width:100%;display:block}a{color:var(--accent-ink);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--accent-strong)}h1,h2,h3{letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{letter-spacing:-.02em;font-size:1.375rem}h2{font-size:1rem}h3{font-size:.875rem}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--focus-halo)}@media (prefers-reduced-motion:reduce){:root{--dur:0s}*,:before,:after{scroll-behavior:auto!important}}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100dvh;display:grid}.app__body{flex-direction:column;min-width:0;display:flex}.container{width:100%;max-width:var(--maxw);padding-inline:var(--space-6);margin-inline:auto}.main{padding-block:var(--space-6) var(--space-7);flex:1}.sidebar{gap:var(--space-2);height:100dvh;padding:var(--space-3) var(--space-2) var(--space-2);border-right:1px solid var(--border);background:var(--bg);z-index:20;flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__head{gap:var(--space-2);padding-inline:var(--space-1);flex-direction:column;display:flex}.sidebar__brandrow{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:32px;padding-inline:var(--space-2);display:flex}.brand{align-items:center;gap:var(--space-2);letter-spacing:-.015em;color:var(--text);font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand__dot{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px}.ikoninappi.sidebar__close{display:none}.sidebar__scroll{gap:var(--space-4);min-height:0;padding-inline:var(--space-1);scrollbar-width:thin;flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav{flex-direction:column;gap:1px;display:flex}.nav__heading{padding:0 var(--space-2) var(--space-1);color:var(--text-faint);font-size:.75rem;font-weight:500}.nav__link{align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.nav__link:hover{background:var(--surface-hover);color:var(--text)}.nav__link[aria-current=page]{background:var(--surface-active);color:var(--text)}.nav__icon{width:16px;height:16px;color:var(--text-faint);flex:none}.nav__link[aria-current=page] .nav__icon{color:var(--accent-ink)}.nav__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav__count{border-radius:var(--badge-radius);background:var(--surface-active);min-width:18px;color:var(--text-muted);text-align:center;flex:none;padding:0 5px;font-size:.6875rem;font-weight:600;line-height:18px}.sidebar__action{align-items:center;gap:var(--space-2);width:100%;min-height:30px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font:inherit;cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-size:.8125rem;text-decoration:none;display:flex}.sidebar__action:hover{color:var(--text);border-color:var(--border-strong)}.sidebar__actions{gap:var(--space-1);flex-direction:column;display:flex}.projektivalitsin{position:relative}.projektivalitsin__nykyinen{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text);list-style:none;display:flex}.projektivalitsin__nykyinen::-webkit-details-marker{display:none}summary.projektivalitsin__nykyinen{cursor:pointer}summary.projektivalitsin__nykyinen:hover{background:var(--surface-hover)}.projektivalitsin__teksti{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.projektivalitsin__nimi{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.projektivalitsin__ala{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.projektivalitsin__lista{inset-inline:0;z-index:30;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop);margin:0;list-style:none;position:absolute;top:calc(100% + 4px)}.projektivalitsin__lista a{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text);font-size:.8125rem;text-decoration:none;display:block}.projektivalitsin__lista a:hover,.projektivalitsin__lista a[aria-current=true]{background:var(--surface-hover)}.sidebar__foot{gap:var(--space-2);padding:var(--space-2) var(--space-1) 0;border-top:1px solid var(--border);flex-direction:column;display:flex}.sidebar__user{align-items:center;gap:var(--space-2);padding-inline:var(--space-2);min-width:0;display:flex}.sidebar__userteksti{flex-direction:column;min-width:0;line-height:1.3;display:flex}.sidebar__username{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.sidebar__email{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.sidebar__footrow{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.teemavalitsin{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);gap:2px;padding:2px;display:inline-flex}.teemavalitsin__nappi{width:26px;height:22px;color:var(--text-faint);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.teemavalitsin__nappi:hover{color:var(--text)}.teemavalitsin__nappi[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.teemavalitsin__nappi svg{width:14px;height:14px}.ikoninappi{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.ikoninappi:hover{background:var(--surface-hover);color:var(--text)}.ikoninappi svg{width:16px;height:16px}.mobilebar,.app__backdrop{display:none}@media (max-width:1023.98px) and (min-width:768px){:root{--sidebar-w:56px}.sidebar{padding-inline:var(--space-1);align-items:center}.sidebar__head,.sidebar__scroll,.sidebar__foot{align-items:center;width:100%;padding-inline:0}.sidebar__brandrow{justify-content:center;padding:0}.brand__name,.nav__label,.nav__heading,.projektivalitsin__teksti,.projektivalitsin__chevron,.sidebar__userteksti,.sidebar__action-label,.sidebar__action .kbd-ryhma{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{align-items:center}.nav__link,.sidebar__action{justify-content:center;width:36px;min-height:32px;padding:0;position:relative}.nav__count{min-width:16px;padding:0 3px;font-size:.625rem;line-height:16px;position:absolute;top:-2px;right:-4px}.projektivalitsin__nykyinen{padding:var(--space-1);justify-content:center}.projektivalitsin__lista{width:220px;inset-inline:0 auto}.sidebar__user{justify-content:center;padding:0}.sidebar__footrow,.teemavalitsin{flex-direction:column}}@media (max-width:767.98px){:root{--mobilebar-h:52px}.app{grid-template-columns:minmax(0,1fr)}.container{padding-inline:var(--space-4)}.main{padding-block:var(--space-5) var(--space-6)}.mobilebar{z-index:15;align-items:center;gap:var(--space-2);height:var(--mobilebar-h);padding-inline:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--bg);display:flex;position:sticky;top:0}.mobilebar .brand{margin-right:auto}.sidebar{width:min(280px,86vw);box-shadow:var(--shadow-pop);visibility:hidden;transition:transform .2s var(--ease), visibility 0s linear .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app[data-nav-open=true] .sidebar{visibility:visible;transition:transform .2s var(--ease);transform:none}.ikoninappi.sidebar__close{display:inline-grid}.sidebar__action .kbd-ryhma{display:none}.app[data-nav-open=true] .app__backdrop{z-index:19;background:#00000052;display:block;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){.sidebar,.app[data-nav-open=true] .sidebar{transition:none}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.page-head__main{flex-direction:column;gap:2px;min-width:0;display:flex}.page-head__back{align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);color:var(--text-muted);font-size:.8125rem;text-decoration:none;display:inline-flex}.page-head__back:hover{color:var(--text)}.page-head__meta{color:var(--text-muted);font-size:.8125rem}.page-head__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:start;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.card--wide{grid-column:1/-1}.card__head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:24px;display:flex}.card__title{letter-spacing:0;color:var(--text);font-size:.8125rem;font-weight:600}.card__lead{letter-spacing:-.02em;font-size:1.625rem;font-weight:600;line-height:1.15}.card__note{color:var(--text-muted);font-size:.8125rem}.card__actions{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.dl{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(8rem,auto) 1fr;margin:0;font-size:.8125rem;display:grid}.dl dt{color:var(--text-muted)}.dl dd{margin:0}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--btn-h);padding:0 var(--btn-pad);border-radius:var(--btn-radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:var(--btn-fs);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover);color:var(--on-accent)}.btn--ghost,.btn--quiet{color:var(--text-muted);padding-inline:var(--space-2);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled),.btn--quiet:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--danger{color:var(--danger-ink);border-color:var(--border-strong)}.btn--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-ink);border-color:#0000}.btn--block{width:100%}.btn--sm{min-height:var(--btn-h-sm);padding-inline:var(--space-2);font-size:.75rem}.form{gap:var(--space-4);flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text);font-size:.8125rem;font-weight:500}.field__hint{color:var(--text-faint);font-size:.75rem}.field__error{color:var(--danger-ink);font-size:.75rem;font-weight:500}.input,.textarea,.select{width:100%;font:inherit;font-size:var(--input-fs);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--input-radius);min-height:var(--input-h);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:.375rem .625rem}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.textarea{resize:vertical;min-height:7rem;line-height:1.5}.input:focus,.textarea:focus,.select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-halo);outline:none}input[type=checkbox],input[type=radio]{accent-color:var(--accent-fill)}.field>input[type=checkbox]{align-self:flex-start}.field--inline{align-items:center;gap:var(--space-2);flex-flow:wrap}.field--inline .field__hint{flex-basis:100%}.field__check{align-items:center;gap:var(--space-2);color:var(--text);font-size:.8125rem;display:flex}.form__row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.form__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}fieldset{border:none;margin:0;padding:0}.form__group{border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-2);gap:var(--space-3);display:grid}.form__group>legend{padding:0}.notice{border-radius:var(--radius);padding:var(--space-2) var(--space-3);border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);font-size:.8125rem}.notice--ok{background:var(--ok-soft);color:var(--ok-ink);border-color:#0000}.notice--warn{background:var(--warn-soft);color:var(--warn-ink);border-color:#0000}.notice--error{background:var(--danger-soft);color:var(--danger-ink);border-color:#0000}.notice--info{background:var(--info-soft);color:var(--info-ink);border-color:#0000}.badge{border-radius:var(--badge-radius);background:var(--surface-muted);min-height:20px;color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;align-items:center;gap:5px;padding:0 6px;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex}.badge--ok,.badge--accent{background:var(--ok-soft);color:var(--ok-ink);border-color:#0000}.badge--warn{background:var(--warn-soft);color:var(--warn-ink);border-color:#0000}.badge--danger{background:var(--danger-soft);color:var(--danger-ink);border-color:#0000}.badge--info{background:var(--info-soft);color:var(--info-ink);border-color:#0000}.badge__dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.empty{color:var(--text-faint);padding:var(--space-4) 0;font-size:.8125rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:40rem;font-size:.8125rem}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);vertical-align:top}.table td{padding-block:.625rem}.table th{color:var(--text-muted);white-space:nowrap;background:var(--surface-muted);font-size:.75rem;font-weight:500}.table tbody tr{transition:background-color var(--dur) var(--ease)}.table tbody tr:hover{background:var(--surface-hover)}.table tr:last-child td{border-bottom:none}.table td a{color:var(--text);font-weight:500;text-decoration:none}.table td a:hover{color:var(--accent-ink);text-decoration:underline}.request-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.request-list>li{padding:var(--space-3) 0;border-top:1px solid var(--border);gap:var(--space-1);flex-direction:column;display:flex}.request-list>li:first-child{border-top:none;padding-top:0}.request-list__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.request-list__subject{font-weight:500}.request-list__meta{color:var(--text-faint);font-size:.75rem}.request-list__body{color:var(--text-muted);white-space:pre-wrap;font-size:.8125rem}.mono{font-family:var(--font-mono);font-size:.8125rem}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.app__sidebar-slot{display:contents}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table--compact td{padding-block:var(--space-2)}.segmentit{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);gap:2px;padding:2px;display:inline-flex}.segmentit__linkki{min-height:26px;padding:0 var(--space-3);color:var(--text-muted);white-space:nowrap;border-radius:4px;align-items:center;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.segmentit__linkki:hover{color:var(--text)}.segmentit__linkki[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.status-icon{color:var(--text-disabled);flex:none}.status-icon__merkki{stroke:#fff}:root[data-theme=dark] .status-icon__merkki{stroke:var(--bg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .status-icon__merkki{stroke:var(--bg)}}.status-icon--avoin{color:var(--text-faint)}.status-icon--tyon_alla{color:var(--info)}.status-icon--odottaa_asiakasta{color:var(--warn)}.status-icon--valmis,.status-icon--tehty,.status-icon--nykyinen{color:var(--accent)}.status-icon--peruttu,.status-icon--tuleva{color:var(--text-disabled)}.stepper{gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.stepper__vaihe{gap:var(--space-2);padding-top:var(--space-1);color:var(--text-faint);flex-direction:column;font-size:.8125rem;display:flex;position:relative}.stepper__vaihe:not(:last-child):after{content:"";top:calc(var(--space-1) + 7px);left:22px;right:calc(-1 * var(--space-2) + 6px);background:var(--border-strong);height:1px;position:absolute}.stepper__vaihe--tehty:not(:last-child):after{background:var(--accent)}.stepper__teksti{flex-direction:column;gap:2px;display:flex}.stepper__vaihe--tehty{color:var(--text-muted)}.stepper__vaihe--nykyinen{color:var(--text)}.stepper__vaihe--nykyinen .stepper__nimi{font-weight:600}.stepper__kuvaus{color:var(--text-faint);font-size:.75rem}@media (max-width:40rem){.stepper{gap:var(--space-3);grid-auto-flow:row}.stepper__vaihe{flex-direction:row;align-items:flex-start}.stepper__vaihe:not(:last-child):after{top:calc(var(--space-1) + 18px);bottom:calc(-1 * var(--space-3) + 2px);width:1px;height:auto;left:6.5px;right:auto}}.rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.row+.row{border-top:1px solid var(--border)}.row__inner{align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);color:var(--text);transition:background-color var(--dur) var(--ease);text-decoration:none;display:flex}.row__inner--link:hover{background:var(--surface-hover);color:var(--text)}.row__inner--link:focus-visible{outline-offset:-2px}.row__leading,.row__trailing{align-items:center;gap:var(--space-2);flex:none;display:flex}.row__trailing{color:var(--text-faint);font-size:.75rem}.row__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row__line{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.row__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;font-weight:500;overflow:hidden}.row__meta{color:var(--text-faint);flex:none;font-size:.75rem}.row__extra{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.card>.rows{margin-inline:calc(-1 * var(--space-5))}.card>.rows .row__inner{padding-inline:var(--space-5)}@media (max-width:40rem){.row__line{flex-direction:column;gap:0}}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-4);scrollbar-width:none;overflow-x:auto}.tabs__list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex}.tabs__tab{align-items:center;gap:var(--space-2);min-height:36px;color:var(--text-muted);white-space:nowrap;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.tabs__tab:hover,.tabs__tab[aria-current=page]{color:var(--text)}.tabs__tab[aria-current=page]:after{content:"";background:var(--text);border-radius:0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs__count{color:var(--text-faint);font-weight:500}.avatar{letter-spacing:0;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.avatar--sm{width:20px;height:20px;font-size:.5625rem}.avatar--md{width:28px;height:28px;font-size:.6875rem}.avatar--lg{width:40px;height:40px;font-size:.875rem}.avatar--s0{color:#2c6435;background:#e3efe5}.avatar--s1{color:#2b4f8f;background:#e4ebf7}.avatar--s2{color:#7a4f12;background:#f5eadb}.avatar--s3{color:#6a3b7d;background:#efe5f3}.avatar--s4{color:#8f3328;background:#f6e3e1}.avatar--s5{color:#3f444b;background:#e6e8eb}:root[data-theme=dark] .avatar--s0{color:#9fd8a6;background:#1f3323}:root[data-theme=dark] .avatar--s1{color:#a8c2f2;background:#1e2a40}:root[data-theme=dark] .avatar--s2{color:#e7c38a;background:#3a2c17}:root[data-theme=dark] .avatar--s3{color:#d4b0e2;background:#33233b}:root[data-theme=dark] .avatar--s4{color:#eda79e;background:#3d2220}:root[data-theme=dark] .avatar--s5{color:#c4c7cc;background:#26282c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .avatar--s0{color:#9fd8a6;background:#1f3323}:root:not([data-theme=light]) .avatar--s1{color:#a8c2f2;background:#1e2a40}:root:not([data-theme=light]) .avatar--s2{color:#e7c38a;background:#3a2c17}:root:not([data-theme=light]) .avatar--s3{color:#d4b0e2;background:#33233b}:root:not([data-theme=light]) .avatar--s4{color:#eda79e;background:#3d2220}:root:not([data-theme=light]) .avatar--s5{color:#c4c7cc;background:#26282c}}.kbd{border:1px solid var(--border);background:var(--surface);min-width:18px;height:18px;color:var(--text-faint);font-family:var(--font-sans);border-bottom-width:2px;border-radius:4px;place-items:center;padding:0 4px;font-size:.6875rem;font-weight:500;line-height:1;display:inline-grid}.kbd-ryhma{gap:2px;margin-left:auto;display:inline-flex}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.empty-state--compact{padding:var(--space-5) var(--space-3);border:0}.empty-state__icon{width:36px;height:36px;margin-bottom:var(--space-1);border-radius:var(--radius);background:var(--surface-muted);color:var(--text-faint);place-items:center;display:grid}.empty-state__title{font-size:.875rem;font-weight:600}.empty-state__text{max-width:42ch;color:var(--text-muted);font-size:.8125rem}.empty-state__action{margin-top:var(--space-2)}.dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(32rem,100vw - 2rem);max-height:calc(100dvh - 4rem);color:var(--text);box-shadow:var(--shadow-pop);margin:auto;padding:0}.dialog--sm{width:min(24rem,100vw - 2rem)}.dialog--lg{width:min(44rem,100vw - 2rem)}.dialog::backdrop{background:#00000052}.dialog[open]{animation:nousu var(--dur) var(--ease)}.dialog__panel{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;display:flex}.dialog__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dialog__title{font-size:.9375rem}.dialog__description{color:var(--text-muted);font-size:.8125rem}.dialog__footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}@keyframes nousu{0%{opacity:0;transform:translateY(4px)scale(.99)}}.toasts{right:var(--space-4);bottom:var(--space-4);z-index:60;align-items:flex-end;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-2);max-width:min(24rem,100vw - 2rem);min-height:40px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-pop);pointer-events:auto;animation:nousu var(--dur) var(--ease);font-size:.8125rem;display:flex}.toast__merkki{background:var(--text-disabled);border-radius:50%;flex:none;width:8px;height:8px}.toast--ok .toast__merkki{background:var(--accent)}.toast--error .toast__merkki{background:var(--danger)}.toast__teksti{padding-block:var(--space-1);flex:1}.toast:not(:has(button)){padding-right:var(--space-3)}.dropzone{gap:var(--space-3);flex-direction:column;display:flex}.dropzone__alue{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-6) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-muted);font:inherit;text-align:center;cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;font-size:.8125rem;display:flex}.dropzone--compact .dropzone__alue{padding:var(--space-4) var(--space-3)}.dropzone__alue:hover:not(:disabled),.dropzone__alue[data-paalla]{border-color:var(--accent-fill);background:var(--accent-soft);color:var(--text)}.dropzone__alue:disabled{opacity:.5;cursor:not-allowed}.dropzone__ikoni{width:32px;height:32px;margin-bottom:var(--space-1);border-radius:var(--radius);background:var(--surface-muted);color:var(--text-muted);place-items:center;display:grid}.dropzone__label{color:var(--text);font-weight:500}.dropzone__hint{color:var(--text-faint);font-size:.75rem}.thread{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.thread__viesti{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:flex}.thread__viesti .avatar{margin-top:1px}.thread__viesti--sisainen{background:var(--warn-soft);border-color:#0000}.thread__runko{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.thread__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:.8125rem;display:flex}.thread__tekija{font-weight:600}.thread__rooli{color:var(--accent-ink);font-size:.75rem;font-weight:500}.thread__aika{color:var(--text-faint);margin-left:auto;font-size:.75rem}.thread__viesti--sisainen .thread__aika{color:var(--warn-ink)}.thread__body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem}.thread__liitteet{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.paletti{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(36rem,100vw - 2rem);max-height:min(28rem,100dvh - 6rem);color:var(--text);box-shadow:var(--shadow-pop);margin:12vh auto auto;padding:0;overflow:hidden}.paletti[open]{animation:nousu var(--dur) var(--ease)}.paletti::backdrop{background:#0000003d}.paletti__panel{max-height:inherit;flex-direction:column;display:flex}.paletti__haku{align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--border);display:flex}.paletti__hakuikoni{color:var(--text-faint);flex:none}.paletti__syote{min-width:0;height:48px;color:var(--text);font:inherit;background:0 0;border:0;flex:1;font-size:.9375rem}.paletti__syote::placeholder{color:var(--text-faint)}.paletti__syote:focus{outline:none}.paletti__tulokset{min-height:0;padding:var(--space-1) var(--space-2) var(--space-2);flex:1;overflow-y:auto}.paletti__lista,.paletti__lista ul{margin:0;padding:0;list-style:none}.paletti__ryhma{padding:var(--space-2) var(--space-2) var(--space-1);color:var(--text-faint);font-size:.6875rem;font-weight:500}.paletti__rivi{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;display:flex}.paletti__rivi[aria-selected=true]{background:var(--surface-active)}.paletti__ikoni{color:var(--text-faint);flex:none}.paletti__otsikko{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.paletti__kuvaus{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-faint);font-size:.75rem;overflow:hidden}.paletti__enter{color:var(--text-faint);flex:none;margin-left:auto}.paletti__tyhja{padding:var(--space-5) var(--space-2);text-align:center;color:var(--text-muted);font-size:.8125rem}.paletti__ohje{gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);color:var(--text-faint);font-size:.75rem;display:flex}.paletti__ohje span{align-items:center;gap:3px;display:inline-flex}@media (prefers-reduced-motion:reduce){.dialog[open],.paletti[open],.toast{animation:none}}.tyylit{gap:var(--space-7);flex-direction:column;display:flex}.tyylit__osio{gap:var(--space-3);flex-direction:column;display:flex}.tyylit__osio>h2{font-size:.9375rem}.tyylit__rivi{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tyylit__varit{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));display:grid}.tyylit__vari{gap:var(--space-1);color:var(--text-muted);flex-direction:column;font-size:.75rem;display:flex}.tyylit__nayte{border-radius:var(--radius);border:1px solid var(--border);height:40px}.chat{gap:var(--space-3);flex-direction:column;display:flex}.chat__stream{gap:var(--space-3);min-height:40dvh;max-height:62dvh;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.chat__stream--transcript{max-height:none}.chat__msg{gap:var(--space-2);max-width:46rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);flex-direction:column;font-size:.9375rem;display:flex}.chat__msg--mine{background:var(--accent-soft);color:var(--accent-ink);align-self:flex-end}.chat__msg--agent{background:var(--surface-muted);border:1px solid var(--border);align-self:flex-start}.chat__text{white-space:pre-wrap}.chat__approvals{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.chat__diff{gap:var(--space-3)}.chat__changes{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chat__changes>li{gap:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-3);flex-direction:column;display:flex}.chat__changes>li:first-child{border-top:none;padding-top:0}.chat__change-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem}.chat__before,.chat__after{padding:var(--space-2) var(--space-3);border-radius:var(--radius);white-space:pre-wrap;font-size:.9375rem}.chat__before{background:var(--danger-soft);color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.chat__after{background:var(--accent-soft);color:var(--accent-ink)}.chat__changes--source .chat__before,.chat__changes--source .chat__after{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.8125rem;line-height:1.55;overflow-x:auto}.chat__changes--source .chat__before{text-decoration:none}@media (max-width:40rem){.chat__stream{max-height:55dvh;padding:var(--space-3)}.chat__msg{max-width:100%}}.force,.force__panel{gap:var(--space-3);flex-direction:column;display:flex}.force__lead{font-weight:600}.force__paths{gap:var(--space-1);flex-direction:column;max-height:18rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.force__paths>li{align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.force__paths>li:first-child{border-top:none}.editor{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--rd-on-accent:#06281a;--rd-accent-wash:#00dc8214;--rd-accent-glow:#00dc8273;--rd-rail:#141417;--rd-raised:#2a2a30;--rd-sunken:#00000059;--rd-glass:linear-gradient(180deg, #ffffff0a, #ffffff03 38%, #fff0);--rd-inset:inset 0 1px 0 #ffffff0d;--rd-ease:cubic-bezier(.2, .8, .2, 1);--rd-rail-w:clamp(340px, 27vw, 420px);--accent:#00dc82;--accent-strong:#34e89e;--accent-ink:#34e89e;--accent-soft:#00dc8224;--bg:#0f0f12;--surface:#1a1a1e;--surface-muted:#202024;--border:#ffffff12;--border-strong:#ffffff24;--text:#fafafa;--text-muted:#fafafa9e;--text-faint:#fafafa85;--danger:#e0673f;--danger-soft:#e0673f21;--warn-ink:#e0a13f;--warn-soft:#e0a13f24;--shadow-card:var(--rd-inset);--surface-hover:#ffffff0f;--surface-active:#ffffff14;--danger-ink:var(--danger);--ok-ink:var(--accent-ink);--ok-soft:var(--accent-soft);--accent-fill:var(--accent);--accent-fill-hover:var(--accent-strong);--on-accent:var(--rd-on-accent);--focus:var(--accent-strong);--radius:10px;--radius-lg:14px;--btn-radius:999px;--btn-h:38px;--btn-h-sm:30px;--btn-fs:.875rem;--btn-pad:var(--space-4);--badge-radius:999px;--input-h:38px;--input-fs:.9375rem;--input-radius:var(--radius);font-family:var(--font-system);font-feature-settings:normal;font-variant-numeric:normal;background:var(--bg);height:100dvh;color:var(--text);scrollbar-color:#ffffff2e transparent;background-image:radial-gradient(900px 520px at 14% -8%,#00dc8212,#0000 60%),radial-gradient(760px 480px at 102% 4%,#00dc820b,#0000 55%);background-attachment:fixed;flex-direction:column;font-size:14px;line-height:1.55;display:flex;overflow:hidden}.editor ::-webkit-scrollbar{width:9px;height:9px}.editor ::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px}.editor ::-webkit-scrollbar-thumb:hover{background:#ffffff2e padding-box padding-box}:where(.editor) h1{letter-spacing:-.011em;font-size:1.5rem}:where(.editor) h2{letter-spacing:-.011em;font-size:1.0625rem}:where(.editor) h3{letter-spacing:-.011em;font-size:.9375rem}:where(.editor) .btn{line-height:inherit}:where(.editor) .btn:hover:not(:disabled){transform:translateY(-1px)}:where(.editor) .btn:active:not(:disabled){transform:none}:where(.editor) .btn--quiet,:where(.editor) .btn--ghost{padding-inline:var(--space-3)}:where(.editor) .btn--danger:hover:not(:disabled){background:var(--surface-muted);border-color:var(--border-strong)}:where(.editor) .btn--sm{padding-inline:var(--space-3);font-size:.8125rem}:where(.editor) .field{gap:var(--space-1)}:where(.editor) .input,:where(.editor) .textarea,:where(.editor) .select{padding:.5rem .75rem;transition:none}:where(.editor) .notice{padding:var(--space-3) var(--space-4);font-size:.875rem}:where(.editor) .card__note{font-size:.875rem}:where(.editor) .card__head{min-height:0}:where(.editor) .card__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8125rem}:where(.editor) .badge{gap:var(--space-1);min-height:0;line-height:inherit;padding:.1rem .55rem}:where(.editor) .empty,:where(.editor) .field__check{font-size:.875rem}.editor .card{background-image:var(--rd-glass);box-shadow:var(--rd-inset);padding:var(--space-4);gap:var(--space-3)}.editor .btn{transition:background-color .18s var(--rd-ease), border-color .18s var(--rd-ease), color .18s var(--rd-ease), transform .18s var(--rd-ease);font-weight:600}.editor .btn--primary{background:var(--accent);color:var(--rd-on-accent);border-color:#0000}.editor__publish:not(:disabled){box-shadow:0 4px 18px -6px var(--rd-accent-glow)}.editor .btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:#0000}.editor .btn--primary:disabled{opacity:.42}.editor .btn--quiet:hover:not(:disabled){background:#ffffff0f}.editor .input,.editor .textarea,.editor .select{background:var(--rd-sunken);border-color:var(--border);color:var(--text)}.editor .input::placeholder,.editor .textarea::placeholder{color:var(--text-faint)}.editor .input:focus,.editor .textarea:focus,.editor .select:focus{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--accent-soft);background:#0000008c;outline:none}.editor input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.iconbtn{width:30px;height:30px;color:var(--text-faint);cursor:pointer;transition:background-color .16s var(--rd-ease), color .16s var(--rd-ease);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:inline-grid}.iconbtn:hover:not(:disabled){color:var(--text);background:#ffffff0f}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.iconbtn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong)}.seg{border:1px solid var(--border);background:#0000004d;border-radius:9px;flex:none;gap:3px;padding:3px;display:flex}.seg__btn{width:28px;height:24px;color:var(--text-faint);cursor:pointer;transition:background-color .16s var(--rd-ease), color .16s var(--rd-ease);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.seg__btn:hover{color:var(--text)}.seg__btn[aria-pressed=true]{background:var(--rd-raised);color:var(--text)}.editor__bar{z-index:5;align-items:center;gap:var(--space-3);height:56px;padding-inline:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#0f0f12b8;flex:none;display:flex;position:relative}.editor__bar .btn{min-height:34px;font-size:.8125rem}.editor__back{align-items:center;gap:var(--space-2);color:var(--text-muted);transition:background-color .16s var(--rd-ease), color .16s var(--rd-ease);border-radius:999px;flex:none;padding:6px 12px 6px 9px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.editor__back:hover{color:var(--text);background:#ffffff0f}.editor__rule{background:var(--border);flex:none;width:1px;height:20px}.editor__site{align-items:center;gap:var(--space-2);min-width:0;display:flex}.editor__mark{background:var(--accent);width:24px;height:24px;box-shadow:0 4px 16px -6px var(--rd-accent-glow);color:var(--rd-on-accent);border-radius:7px;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.editor__name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.editor__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.editor__history{flex:none;align-items:center;gap:2px;display:flex}.editor__chip{border:1px solid var(--border);background:var(--rd-raised);color:var(--text-muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.btn__count{background:#06281a40;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:18px;padding-inline:6px;font-size:.6875rem;font-weight:700;display:inline-flex}.editor__banners{flex-direction:column;flex:none;display:flex}.editor__banner{align-items:center;gap:var(--space-2);padding:7px var(--space-4);background:var(--warn-soft);color:var(--warn-ink);border-bottom:1px solid #e0a13f80;font-size:.75rem;font-weight:500;display:flex}.editor__banner svg{flex:none}.editor__banner--ok{background:var(--accent-soft);color:var(--accent-strong);border-bottom-color:#00dc8266}.editor__banner--error{background:var(--danger-soft);color:var(--danger);border-bottom-color:#e0673f73}.editor__tabs{margin:var(--space-3) var(--space-3) 0;border:1px solid var(--border);background:#0000004d;border-radius:999px;gap:3px;padding:3px;display:none}.editor__tab{min-height:32px;color:var(--text-faint);font:inherit;cursor:pointer;transition:background-color .16s var(--rd-ease), color .16s var(--rd-ease);background:0 0;border:0;border-radius:999px;flex:1;font-size:.8125rem;font-weight:600}.editor__tab[aria-selected=true]{background:var(--rd-raised);color:var(--text)}.editor__body{flex:1;min-height:0;display:flex}.editor__side{width:var(--rd-rail-w);border-right:1px solid var(--border);background:var(--rd-rail);background-image:linear-gradient(#ffffff06,#0000 220px);flex-direction:column;flex:none;min-width:0;display:flex}.editor__canvas{flex-direction:column;flex:1;min-width:0;display:flex}.editor__body--chatonly{justify-content:center}.editor__body--chatonly .editor__side{border-left:1px solid var(--border);width:100%;max-width:34rem}.editor__solo{place-content:center;justify-items:start;gap:var(--space-4);min-height:0;padding:var(--space-6) var(--space-4);flex:1;display:grid;overflow-y:auto}.editor__solo .card{width:min(32rem,100%)}.editor__solo h1{font-size:1.25rem}.canvas{flex-direction:column;height:100%;min-height:0;display:flex}.canvas__chrome{align-items:center;gap:var(--space-3);min-height:46px;padding-inline:var(--space-4);border-bottom:1px solid var(--border);flex:none;display:flex}.canvas__url{align-items:center;gap:var(--space-2);border:1px solid var(--border);min-width:0;color:var(--text-muted);background:#0000004d;border-radius:999px;padding:5px 8px 5px 10px;font-size:.75rem;display:inline-flex}.canvas__url svg{color:var(--text-faint);flex:none}.canvas__domain{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas__draft{background:var(--warn-soft);color:var(--warn-ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 8px;font-size:.625rem;font-weight:600}.canvas__tools{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.preview__status{align-items:center;gap:var(--space-2);color:var(--text-muted);white-space:nowrap;font-size:.75rem;display:inline-flex}.preview__dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:999px;flex:none}.preview__dot--busy{background:var(--warn-ink);box-shadow:0 0 0 3px var(--warn-soft);animation:1.2s ease-in-out infinite preview-pulse}.preview__dot--fail{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}@keyframes preview-pulse{0%,to{opacity:1}50%{opacity:.3}}.canvas__bar{flex:none;height:2px;overflow:hidden}.canvas__bar[data-on=true]{background:var(--rd-accent-wash)}.canvas__bar[data-on=true]:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:34%;height:100%;animation:canvas-scan 1.6s var(--rd-ease) infinite;display:block}@keyframes canvas-scan{0%{transform:translate(-110%)}to{transform:translate(330%)}}.canvas__stage{min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);flex:1;justify-content:center;display:flex;position:relative}.canvas__frame{border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:100%;transition:max-width .25s var(--rd-ease);background:#101014;display:flex;overflow:hidden;box-shadow:0 32px 64px -34px #000000f2}.canvas[data-width=mobile] .canvas__frame{max-width:392px}.preview__frame{background:#101014;border:0;flex:1;width:100%}.preview__empty{width:100%;padding:var(--space-6);place-items:center;display:grid}.canvas__stage[data-pick=true] .canvas__frame{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 32px 64px -34px #000000f2}.pick__anchor{z-index:4;max-width:calc(100% - 16px);animation:pick-in .16s var(--rd-ease);position:absolute}.pick__anchor[data-suunta=yla]{animation-name:pick-in-yla}@keyframes pick-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes pick-in-yla{0%{opacity:0;transform:translateY(6px)}}.pick{gap:var(--space-3);width:21rem;max-width:100%;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);background-image:var(--rd-glass);box-shadow:0 24px 48px -24px #000000e6, var(--rd-inset);flex-direction:column;display:flex}.pick__head{align-items:center;gap:var(--space-2);display:flex}.pick__head .iconbtn{margin-left:auto}.pick__tag{background:var(--rd-raised);color:var(--text-muted);font-family:var(--font-mono);border-radius:999px;flex:none;padding:2px 7px;font-size:.6875rem}.pick__page,.pick__path{min-width:0;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.pick__body{gap:var(--space-2);flex-direction:column;display:flex}.editor .pick__text{min-height:4.5rem;font-size:.875rem}.pick__note{color:var(--text-muted);font-size:.8125rem}.pick__msg{padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:.75rem}.pick__msg--virhe{background:var(--danger-soft);color:var(--danger)}.pick__msg--ok{background:var(--accent-soft);color:var(--accent-ink)}.pick__foot{gap:var(--space-2);flex-wrap:wrap;display:flex}.pick__img{align-items:center;gap:var(--space-2);display:flex}.pick__thumb{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--rd-sunken);object-fit:cover;flex:none;width:58px;height:44px}.pick__thumb--tyhja{color:var(--text-faint);place-items:center;display:grid}.pick__path{font-family:var(--font-mono);font-size:.6875rem}.pick__pudotus{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--rd-sunken);color:var(--text-muted);transition:background-color .16s var(--rd-ease), border-color .16s var(--rd-ease), color .16s var(--rd-ease);flex-wrap:wrap;font-size:.75rem;display:flex}.pick__pudotus:hover{border-color:var(--accent)}.pick__pudotus--paalla{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.pick__pudotus-teksti{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pick__pudotus .btn{flex:none}.pick__lataus-keha{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:999px;flex:none;width:15px;height:15px;animation:.8s linear infinite pick-keha}@keyframes pick-keha{to{transform:rotate(360deg)}}.pick__grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--rd-sunken);grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;max-height:10.5rem;padding:5px;display:grid;overflow-y:auto}.pick__grid>p{grid-column:1/-1}.pick__cell{border-radius:var(--radius-sm);min-height:46px;color:var(--text-faint);cursor:pointer;background:#ffffff08;border:1px solid #0000;place-items:center;padding:0;display:grid;overflow:hidden}.pick__cell img{object-fit:cover;width:100%;height:46px}.pick__cell[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.pick__cell:disabled{cursor:default;opacity:.45}.chat__pick{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);border:1px solid var(--border);background:var(--rd-raised);border-radius:999px;padding:3px 4px 3px 10px;font-size:.75rem;display:flex}.chat__pick-page{color:var(--text-faint);font-family:var(--font-mono);flex:none;font-size:.6875rem}.chat__pick-text{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat__pick-drop{width:22px;height:22px;margin-left:auto}.editor .chat{flex:1;gap:0;min-height:0}.chat__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex:none;display:flex}.chat__title{letter-spacing:-.01em;margin-right:auto;font-size:.8125rem;font-weight:600}.chat__new{border:1px solid var(--border);color:var(--text-faint);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;padding:2px 9px;font-size:.6875rem;font-weight:600;transition:color .12s,border-color .12s}.chat__new:hover{border-color:var(--border-strong);color:var(--text)}.chat__quota{color:var(--text-faint);white-space:nowrap;background:#ffffff0f;border-radius:999px;padding:2px 9px;font-size:.6875rem;font-weight:600}.chat__quota--out{background:var(--warn-soft);color:var(--warn-ink)}.editor .chat__stream{min-height:0;max-height:none;padding:var(--space-4);box-shadow:none;background:0 0;border:0;border-radius:0;flex:1}.chat__intro{gap:var(--space-3);flex-direction:column;display:flex}.chat__empty{color:var(--text-muted);font-size:.8125rem}.chat__examples{gap:var(--space-2);flex-wrap:wrap;display:flex}.chat__example{border:1px solid var(--border);color:var(--text-muted);font:inherit;cursor:pointer;transition:border-color .16s var(--rd-ease), color .16s var(--rd-ease);background:0 0;border-radius:999px;padding:5px 11px;font-size:.75rem}.chat__example:hover{border-color:var(--border-strong);color:var(--text)}.editor .chat__msg{border-radius:13px;max-width:92%;padding:9px 12px;font-size:.8125rem;line-height:1.55}.editor .chat__msg--mine{background:var(--surface-muted);border:1px solid var(--border);color:var(--text)}.editor .chat__msg--agent{background:var(--surface);background-image:var(--rd-glass);border:1px solid var(--border);box-shadow:var(--rd-inset)}.chat__tool{color:var(--text-muted);background:#ffffff0f;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px;font-size:.6875rem;font-weight:500;display:inline-flex}.chat__tool-dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.chat__tool--running .chat__tool-dot{animation:1.2s ease-in-out infinite preview-pulse}.chat__tool--done{background:var(--accent-soft);color:var(--accent-strong)}.chat__tool--failed{background:var(--danger-soft);color:var(--danger)}.chat__system{border:1px solid var(--border);color:var(--text-faint);text-align:center;background:#ffffff0a;border-radius:10px;align-self:stretch;padding:6px 12px;font-size:.75rem;line-height:1.5}.chat__thinking{align-items:center;gap:var(--space-2);color:var(--text-faint);font-size:.75rem;display:flex}.chat__dots{gap:4px;display:inline-flex}.chat__dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s infinite chat-bounce}.chat__dots i:nth-child(2){animation-delay:.15s}.chat__dots i:nth-child(3){animation-delay:.3s}@keyframes chat-bounce{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}.chat__error{margin-inline:var(--space-4);flex:none}.chat__composer{padding:var(--space-3) var(--space-4) 0;flex:none}.chat__inputwrap{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--rd-sunken);transition:background-color .18s var(--rd-ease), border-color .18s var(--rd-ease), box-shadow .18s var(--rd-ease);flex-direction:column;display:flex}.chat__inputwrap:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--accent-soft);background:#0000008c}.chat__input{width:100%;min-height:3.4rem;max-height:11rem;color:var(--text);font:inherit;resize:none;background:0 0;border:0;padding:0;font-size:.8125rem;line-height:1.55}.chat__input:focus{outline:none}.chat__input::placeholder{color:var(--text-faint)}.chat__composer-foot{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.chat__composer-tools{align-items:center;gap:var(--space-2);min-width:0;display:flex}.chat__hint{min-width:0;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.chat__composer--raahaus .chat__inputwrap{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat__pudotus{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2);border:1px dashed var(--accent);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-ink);font-size:.75rem;display:flex}.chat__liitevirhe{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:.75rem}.chat__liitteet{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.chat__liite{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--rd-sunken);place-items:center;width:62px;height:48px;display:grid;position:relative;overflow:hidden}.chat__liite-kuva{object-fit:cover;width:100%;height:100%}.chat__liite-koko{border-top-left-radius:var(--radius-sm);color:#fff;background:#0009;padding:1px 4px;font-size:.5625rem;line-height:1.4;position:absolute;bottom:0;right:0}.chat__liite-pois{color:#fff;background:#0009;border-radius:999px;width:18px;height:18px;position:absolute;top:2px;right:2px}.chat__liite-pois:hover:not(:disabled){color:#fff;background:#000c}.chat__liite--tyo{border-style:dashed}.chat__liite-keha{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:999px;width:16px;height:16px;animation:.8s linear infinite chat-keha}@keyframes chat-keha{to{transform:rotate(360deg)}}.chat__liitekuva{max-width:100%;max-height:11rem;margin-bottom:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);object-fit:contain;display:block}.chat__liitemerkki{background:var(--rd-raised);color:var(--text-muted);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.6875rem;display:inline-flex}.chat__meta{padding:var(--space-2) var(--space-4) var(--space-4);color:var(--text-faint);flex:none;font-size:.6875rem;line-height:1.5}.editor .chat__before,.editor .chat__after{border:1px solid var(--border);font-size:.8125rem}.editor .chat__before{border-color:#e0673f40}.editor .chat__after{background:var(--rd-accent-wash);color:var(--text);border-color:#00dc8240}.overlay{z-index:60;position:fixed;inset:0}.overlay__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;animation:overlay-fade .3s var(--rd-ease);background:#00000080;border:0;padding:0;position:absolute;inset:0}.overlay__panel{inset-block:0;border-left:1px solid var(--border-strong);background:var(--rd-rail);width:min(34rem,94vw);animation:drawer-in .42s var(--rd-ease);flex-direction:column;display:flex;position:absolute;right:0;box-shadow:-30px 0 80px -30px #000c}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.overlay__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex:none;display:flex}.overlay__head h2{letter-spacing:-.02em;font-size:1rem}.overlay__head h2:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.overlay__sub{color:var(--text-muted);max-width:46ch;margin-top:3px;font-size:.75rem}.overlay__body{gap:var(--space-4);padding:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sisalto__heading{flex-direction:column;justify-content:center;min-width:0;display:flex}.sisalto__subtitle{color:var(--text-faint);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.sisalto{min-height:0;padding:var(--space-5) var(--space-4) var(--space-6);flex:1;overflow-y:auto}.sisalto__wrap{gap:var(--space-4);flex-direction:column;width:min(58rem,100%);margin-inline:auto;display:flex}.sisalto__toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sisalto__toolbar-end{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.sisalto__title{font-size:1.0625rem;font-weight:600}.sisalto__tabs{gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--rd-sunken);padding:3px;display:flex}.sisalto__tab{border-radius:var(--radius-sm);color:var(--text-muted);padding:5px 12px;font-size:.8125rem;font-weight:500;text-decoration:none}.sisalto__tab:hover{color:var(--text);background:#ffffff0d}.sisalto__tab[aria-current=page]{color:var(--rd-on-accent);background:var(--accent)}.sisalto__search{align-items:center;gap:var(--space-2);display:flex;position:relative}.sisalto__search-icon{color:var(--text-faint);pointer-events:none;place-items:center;display:grid;position:absolute;left:9px}.sisalto__search-input{width:14rem;max-width:100%;padding-left:30px}.sisalto__uusi{gap:var(--space-2);flex-direction:column;display:flex}.sisalto__uusi .btn{gap:var(--space-2)}.sisalto__lista{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.sisalto__rivi{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);background-image:var(--rd-glass);box-shadow:var(--rd-inset);color:inherit;transition:border-color .16s var(--rd-ease), background-color .16s var(--rd-ease);text-decoration:none;display:flex}.sisalto__rivi:hover{border-color:var(--border-strong);background-color:var(--surface-muted)}.sisalto__rivi-kuvake{border-radius:var(--radius-sm);background:var(--rd-sunken);width:30px;height:30px;color:var(--text-faint);flex:none;place-items:center;display:grid}.sisalto__rivi-teksti{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sisalto__rivi-otsikko{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sisalto__rivi-meta{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.sisalto__rivi .badge{flex:none}.sisalto__pohja{color:var(--text-faint);max-width:44rem;font-size:.75rem}.sisalto__split{flex:1;min-height:0;display:flex}.sisalto__form-col{border-right:1px solid var(--border);background:var(--rd-rail);flex-direction:column;flex:none;width:min(clamp(22rem,34vw,34rem),100%);min-height:0;display:flex}.sisalto__form-wrap{gap:var(--space-4);min-height:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sisalto__preview-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sisalto__doc-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.sisalto__doc-head .badge{flex:none}.sisalto__kentta-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.sisalto__pakollinen{color:var(--accent-ink)}.sisalto__laskuri{font-variant-numeric:tabular-nums;color:var(--text-faint);flex:none;font-size:.6875rem}.sisalto__laskuri--yli{color:var(--danger);font-weight:600}.editor .input[aria-invalid=true],.editor .textarea[aria-invalid=true]{border-color:var(--danger)}.sisalto__paiva{width:12rem;max-width:100%}.sisalto__teksti{min-height:12rem;font-family:var(--font-sans);line-height:1.6}.sisalto__lukutila{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--rd-sunken);max-height:14rem;color:var(--text-muted);white-space:pre-wrap;padding:.5rem .75rem;font-size:.875rem;line-height:1.6;overflow-y:auto}.sisalto__kuva{gap:var(--space-2);flex-direction:column;display:flex}.sisalto__kuva-nyt{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--rd-sunken);flex-wrap:wrap;display:flex}.sisalto__kuva-thumb{object-fit:cover;border-radius:var(--radius-sm);width:56px;height:42px;color:var(--text-faint);background:#ffffff0a;flex:none;place-items:center;display:grid}.sisalto__kuva-teksti{flex-direction:column;flex:8rem;gap:2px;min-width:0;display:flex}.sisalto__kuva-nimi{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.sisalto__kuva-napit{gap:var(--space-1);flex-wrap:wrap;flex:none;display:flex}.sisalto__lataus,.sisalto__kortti{gap:var(--space-2);flex-direction:column;display:flex}.sisalto__kortti-otsikko{letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-size:.75rem;font-weight:600}.sisalto__tallennus{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--bg);flex:none;display:flex}.sisalto__tallennus .btn{flex:none}.sisalto__tallennus-viesti{min-width:0;color:var(--text-faint);font-size:.75rem}.sisalto__tallennus-viesti--ok{color:var(--accent-ink)}.sisalto__tallennus-viesti--virhe{color:var(--danger)}.sisalto__esikatselu{flex-direction:column;height:100%;min-height:0;display:flex}.sisalto__polku{color:var(--text-faint)}.sisalto__esikatselu-viesti{margin:var(--space-2) var(--space-4) 0;flex:none}.sisalto__kehys{min-height:0;padding:var(--space-4);flex:1}.sisalto__kehys>*{border-radius:var(--radius-lg);width:100%;height:100%}@media (max-width:64rem){.sisalto__split{flex-direction:column;overflow-y:auto}.sisalto__form-col{border-right:0;width:100%}.sisalto__form-wrap{overflow-y:visible}.sisalto__tallennus{z-index:2;position:sticky;bottom:0}.sisalto__preview-col{border-top:1px solid var(--border);flex:none;height:70vh}}@media (max-width:48rem){.sisalto{padding:var(--space-4) var(--space-3) var(--space-5)}.sisalto__toolbar-end,.sisalto__search,.sisalto__uusi,.sisalto__uusi .btn{width:100%}.sisalto__search-input{flex:1;width:auto}.sisalto__preview-col{height:60vh}.sisalto__kehys{padding:var(--space-3)}}@media (min-width:64.0625rem){.editor__body[data-assistant=hidden] .editor__side{display:none}}@media (max-width:64rem){.editor__tabs{display:flex}.editor__side{border-right:0;flex:1;width:auto}.editor__body[data-tab=esikatselu] .editor__side,.editor__body[data-tab=avustaja] .editor__canvas{display:none}.canvas__stage{padding:var(--space-3)}.canvas__panel{display:none}.chat__head{justify-content:flex-end}.chat__title{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (max-width:48rem){.editor__bar{gap:var(--space-2);padding-inline:var(--space-2) var(--space-3)}.editor__back-label,.editor__message-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor__back{padding:6px 9px}.editor__message{width:36px;padding-inline:0}.editor__rule,.editor__chip,.seg{display:none}.canvas__chrome{padding-inline:var(--space-3)}.canvas__frame,.canvas[data-width=mobile] .canvas__frame,.editor .chat__msg{max-width:100%}}@media (prefers-reduced-motion:reduce){.preview__dot--busy,.chat__dots i{animation:none}.chat__liite-keha,.pick__lataus-keha{border-top-color:var(--border-strong);border-right-color:var(--accent);animation:none}.canvas__bar[data-on=true]:after{background:var(--accent-soft);width:100%;animation:none}.overlay__panel,.overlay__backdrop,.pick__anchor{animation:none}.canvas__frame{transition:none}}.auth{align-content:center;place-items:center;gap:var(--space-5);min-height:100dvh;padding:var(--space-6) var(--space-4);display:grid}.auth__brand{font-size:.9375rem}.auth__box{gap:var(--space-5);width:100%;max-width:380px;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.auth__head{gap:var(--space-1);flex-direction:column;display:flex}.auth__head h1{font-size:1.25rem}.auth__head p{font-size:.8125rem}.auth__foot{text-align:center;max-width:380px;color:var(--text-faint);font-size:.75rem}.auth__divider{align-items:center;gap:var(--space-3);color:var(--text-faint);font-size:.75rem;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--border);flex:1;height:1px}@media (max-width:30rem){.auth__box{padding:var(--space-5) var(--space-4)}}.seo-valo{align-items:center;gap:var(--space-3);display:flex}.seo-dot{background:var(--text-faint);width:.75rem;height:.75rem;box-shadow:0 0 0 3px var(--surface-muted);border-radius:999px;flex:none}.seo-dot--punainen{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.seo-dot--keltainen{background:var(--warn-ink);box-shadow:0 0 0 3px var(--warn-soft)}.seo-dot--vihrea{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.seo-valo__teksti{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.seo-luvut{gap:var(--space-5);flex-wrap:wrap;display:flex}.seo-luku{flex-direction:column;gap:.1rem;display:flex}.seo-luku__arvo{font-size:1.375rem;font-weight:600;line-height:1.1}.seo-luku__nimi{color:var(--text-muted);font-size:.75rem}.seo-luku--blokkeri .seo-luku__arvo{color:var(--danger)}.seo-tunnus{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.02em;font-size:.6875rem}.seo-ryhmat{gap:var(--space-4);flex-direction:column;display:flex}.seo-ryhma{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-2);background:var(--surface);flex-direction:column;display:flex}.seo-ryhma__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.seo-ryhma__otsikko{font-weight:600}.seo-ryhma__korjaus{color:var(--text-muted);font-size:.875rem}.seo-sivut{gap:var(--space-1);color:var(--text-muted);flex-direction:column;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.seo-sivut code{font-family:var(--font-mono);color:var(--text);font-size:.75rem}.seo-details>summary{cursor:pointer;color:var(--text-muted);padding:var(--space-2) 0;font-size:.875rem}.seo-details>summary:hover{color:var(--text)}.seo-details[open]>summary{margin-bottom:var(--space-3)}.seo-md{gap:var(--space-3);flex-direction:column;font-size:.9375rem;display:flex}.seo-md h2{margin-top:var(--space-3)}.seo-md h3{margin-top:var(--space-2)}.seo-md h4{letter-spacing:.01em;color:var(--text-muted);margin-top:var(--space-2);font-size:.875rem;font-weight:600}.seo-md__list{gap:var(--space-1);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.seo-md__list .seo-md__list{margin-top:var(--space-1);color:var(--text-muted);font-size:.875rem}.seo-md code{font-family:var(--font-mono);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.05rem .3rem;font-size:.8125rem}.seo-md hr{border:none;border-top:1px solid var(--border);width:100%}.seo-md .table{min-width:32rem}.seo-kytkin{align-items:center;gap:var(--space-2);display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kavijat__head{flex-wrap:wrap}.kavijat-jaksot{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:2px;display:inline-flex}.kavijat-jaksot__linkki{color:var(--text-muted);white-space:nowrap;border-radius:4px;padding:.15rem .7rem;font-size:.8125rem;text-decoration:none}.kavijat-jaksot__linkki:hover{color:var(--text)}.kavijat-jaksot__linkki--valittu{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border);font-weight:600}.kavijat-kpi{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin:0;display:grid}.kavijat-kpi__ruutu{flex-direction:column;gap:.15rem;display:flex}.kavijat-kpi__ruutu dd{margin:0}.kavijat-kpi__nimi{color:var(--text-muted);font-size:.8125rem}.kavijat-kpi__arvo{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.15}.kavijat-delta{color:var(--text-muted);white-space:nowrap;font-size:.8125rem}.kavijat-delta--hyva{color:var(--accent-ink)}.kavijat-delta--huono{color:var(--danger)}.kavijat-kaavio{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.kavijat-kaavio__otsikko{color:var(--text-muted);font-size:.8125rem}.kavijat-kaavio__runko{padding-top:.5rem;padding-left:2.75rem;position:relative}.kavijat-kaavio__y{width:2.25rem;position:absolute;top:.5rem;bottom:0;left:0}.kavijat-kaavio__y span{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.6875rem;line-height:1;position:absolute;right:0;transform:translateY(50%)}.kavijat-kaavio__svg{width:100%;height:10rem;overflow:visible}.kavijat-kaavio__viiva{stroke:var(--border);stroke-width:1px}.kavijat-palkki__osuma{fill:#0000}.kavijat-palkki__merkki{fill:var(--chart-mark);transition:opacity .12s}.kavijat-palkki:hover .kavijat-palkki__merkki{opacity:.75}.kavijat-palkki:hover .kavijat-palkki__osuma{fill:var(--surface-muted)}.kavijat-kaavio__x{height:1rem;color:var(--text-faint);font-variant-numeric:tabular-nums;margin-left:2.75rem;font-size:.6875rem;position:relative}.kavijat-kaavio__x span{white-space:nowrap;line-height:1;position:absolute;top:0;transform:translate(-50%)}.kavijat-taulukko>summary{cursor:pointer;color:var(--text-muted);padding:var(--space-1) 0;font-size:.8125rem}.kavijat-taulukko>summary:hover{color:var(--text)}.kavijat-taulukko[open]>summary{margin-bottom:var(--space-2)}.kavijat-taulukko .table-wrap{max-height:20rem;overflow-y:auto}.kavijat-taulukko__table{min-width:0}.kavijat-luku{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.kavijat-listat{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.kavijat-lista{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.kavijat-lista__otsikko{color:var(--text-muted);font-size:.8125rem;font-weight:600}.kavijat-lista__tyhja{color:var(--text-faint);font-size:.875rem}.kavijat-lista__rivit{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kavijat-lista__rivi{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid var(--border);font-size:.875rem;display:flex}.kavijat-lista__rivi:last-child{border-bottom:none}.kavijat-lista__rivi--osuus{flex-wrap:wrap;row-gap:.3rem}.kavijat-lista__nimi{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kavijat-lista__nimi--polku{font-family:var(--font-mono);font-size:.8125rem}.kavijat-osuus{background:var(--surface-muted);height:4px;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;flex-basis:100%;overflow:hidden}.kavijat-osuus__tayte{background:var(--chart-mark);border-radius:999px;height:100%;display:block}.kavijat__alaviite{color:var(--text-faint);font-size:.75rem}.tn-mallit{font-size:1.125rem}.tn-trendi__alue{position:relative}.tn-trendi__viiva{fill:none;stroke:var(--chart-mark);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.tn-trendi__piste{border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;transform:translate(-50%,50%)}.tn-trendi__merkki{background:var(--chart-mark);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;transition:transform .12s}.tn-trendi__piste:hover{background:var(--surface-muted)}.tn-trendi__piste:hover .tn-trendi__merkki{transform:scale(1.35)}.tn-selite{max-width:48rem}.nakyvyys-kysymysrivi{gap:var(--space-2);grid-template-columns:minmax(12rem,1fr) 9rem auto;align-items:center;display:grid}@media (max-width:40rem){.nakyvyys-kysymysrivi{grid-template-columns:1fr}}.nakyvyys-ehdotukset{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.nakyvyys-ehdotus{align-items:baseline;gap:var(--space-2);font-size:.9375rem;display:flex}.nakyvyys-ehdotus .badge{margin-left:auto}