.huvud{position:sticky;top:0;z-index:30}
.tool-page{padding:clamp(2.5rem,6vw,5rem) 0 5rem;background:linear-gradient(180deg,#fff 0%,var(--bg) 34%)}
.tool-top{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;border-bottom:1px solid var(--line);padding-bottom:2rem}.tool-top .ord{font-size:clamp(2.8rem,6vw,4.8rem);line-height:.98;letter-spacing:-.055em;margin:0 0 1rem}.tool-top .ord span{color:var(--green)}.tool-top .ingress{margin:0;max-width:58ch;color:var(--muted);font-size:1.05rem}.tool-proof{background:var(--dark);color:#fff;border-radius:16px;padding:1rem 1.15rem;max-width:220px}.tool-proof strong{display:block;font-size:1.7rem;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tool-proof span{display:block;margin-top:.4rem;font-size:.72rem;line-height:1.45;color:#b8c5bc}
.tool-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;margin-top:2.5rem}.tool-main{min-width:0}.tool-side{display:grid;gap:1rem;position:sticky;top:88px}
.slapp{display:grid;place-items:center;gap:.4rem;padding:clamp(3.5rem,8vw,5.5rem) 1.5rem;border:1px dashed var(--line-strong);border-radius:22px;background:var(--surface);text-align:center;cursor:pointer;box-shadow:0 18px 50px rgba(16,21,18,.05);transition:border-color 180ms var(--ease-out),background-color 180ms var(--ease-out),transform 180ms var(--ease-out)}.slapp:hover{border-color:var(--green);background:#fcfdfb}.slapp--over{border-color:var(--green);background:var(--green-soft)}.slapp:focus-within{outline:3px solid var(--amber);outline-offset:3px}.slapp input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.slapp__ikon{width:52px;height:52px;border-radius:16px;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center;margin-bottom:.5rem}.slapp__ikon svg{width:24px;height:24px}.slapp__titel{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.slapp__rad{font-size:.88rem;color:var(--muted)}
.offline{display:flex;align-items:baseline;gap:.55rem;margin:.8rem 0 0;font-size:.8rem;line-height:1.5;color:var(--muted)}.offline__prick{width:7px;height:7px;border-radius:50%;background:var(--line-strong);flex:none;transform:translateY(-1px)}.offline[data-lage='redo']{color:var(--ink)}.offline[data-lage='redo'] .offline__prick{background:var(--green)}.offline[data-lage='varning'] .offline__prick{background:var(--amber)}
.filer{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}.fil{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.fil__namn{font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fil__lage{grid-column:1;font-size:.78rem;line-height:1.45;color:var(--muted)}.fil__lage--klart{color:var(--green)}.fil__lage--fel{color:#a33}.fil__knapp{align-self:center;grid-column:2;grid-row:1/span 2;padding:.5rem .8rem;border:0;border-radius:999px;background:var(--ink);color:#fff;font:inherit;font-size:.78rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform 160ms var(--ease-out),opacity 160ms var(--ease-out)}.fil__knapp:hover{transform:scale(1.02)}.fil__ta-bort{grid-column:2;grid-row:2;justify-self:end;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.78rem;cursor:pointer}.fil__ta-bort:hover{color:var(--ink)}
.knapp{width:100%;margin-top:1rem;min-height:52px;padding:.9rem 1.2rem;border:0;border-radius:999px;background:var(--green);color:#fff;font:inherit;font-size:.98rem;font-weight:700;cursor:pointer;box-shadow:0 10px 24px rgba(27,107,73,.16);transition:transform 160ms var(--ease-out),background-color 160ms var(--ease-out),opacity 160ms var(--ease-out)}.knapp:hover:not(:disabled){background:var(--green-dark)}.knapp:active:not(:disabled){transform:scale(.985)}.knapp:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.framsteg{height:3px;margin:.7rem 2px 0;border-radius:999px;background:var(--line);overflow:hidden}.framsteg span{display:block;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left center}
.stampel{margin:1rem 0 0;font-size:.8rem;line-height:1.55;color:var(--muted)}.stampel strong{color:var(--ink);font-weight:600}.stampel a{color:var(--green-dark);text-decoration:none;font-weight:600}.fot{margin:1.5rem 0 0;font-size:.8rem;line-height:1.6;color:var(--muted)}
.val{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem}.val__rubrik{margin:0 0 .4rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green-dark)}.val__rad{display:grid;grid-template-columns:auto 1fr;gap:.1rem .65rem;padding:.8rem 0;border-bottom:1px solid var(--line);cursor:pointer}.val__rad--fast{cursor:default}.val__rad input{grid-row:1/span 2;margin-top:.25rem;width:17px;height:17px;accent-color:var(--green)}.val__namn{font-size:.92rem;font-weight:600}.val__not{grid-column:2;font-size:.77rem;line-height:1.45;color:var(--muted)}.val__ord{display:grid;gap:.2rem;padding:1rem 0 0}.val__ord textarea{width:100%;margin-top:.45rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:.88rem;line-height:1.5;resize:vertical}.val__ord textarea:focus{border-color:var(--green);outline:none}
.licens{margin:0;padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.licens__rubrik{margin:0;font-size:1rem;font-weight:700}.licens__text{margin:.4rem 0 0;font-size:.8rem;line-height:1.5;color:var(--muted)}.kop{display:grid;grid-template-columns:1fr 1fr;gap:.6rem .7rem;margin-top:1rem}.kop__falt{display:flex;flex-direction:column;gap:.25rem;min-width:0}.kop__falt--bred{grid-column:1/-1}.kop__namn{font-size:.74rem;color:var(--muted)}.kop__valfritt{opacity:.65}.kop__falt input{width:100%;height:40px;padding:0 .7rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:.88rem}.kop__falt input:focus{border-color:var(--green);outline:none}.kop__knapp{grid-column:1/-1;width:100%;min-height:44px;margin-top:.2rem;font-size:.88rem}.kop__fot{grid-column:1/-1;margin:0;font-size:.72rem;text-align:center;color:var(--muted)}.kop__fot a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.licens__befintlig{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line)}.licens__etikett{display:block;margin-bottom:.4rem;font-size:.74rem;color:var(--muted)}.licens__rad{display:flex;align-items:center;gap:.3rem;padding:.2rem;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.licens__rad:focus-within{border-color:var(--green)}.licens__rad input{flex:1 1 auto;min-width:0;height:34px;padding:0 .5rem;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.76rem}.licens__rad input:focus{outline:none}.licens__aktivera{flex:0 0 auto;height:34px;padding:0 .8rem;border:0;border-radius:8px;background:var(--green);color:#fff;font:inherit;font-size:.76rem;font-weight:600;cursor:pointer}.licens__aktivera:hover{background:var(--green-dark)}.licens__fel{margin:.5rem 0 0;font-size:.76rem;line-height:1.45;color:#a33}.licens__klart{margin:0;font-size:.8rem;color:var(--green)}
.tool-local{background:var(--dark);color:#fff;border-radius:18px;padding:1.15rem;display:grid;gap:.3rem}.tool-local strong{font-size:.9rem}.tool-local span{font-size:.77rem;line-height:1.5;color:#b8c5bc}.tool-local a{margin-top:.25rem;font-size:.77rem;font-weight:700;color:#a9d8bd;text-decoration:none}.tool-local a:hover{color:#fff}
@media(max-width:980px){.tool-top{grid-template-columns:1fr}.tool-proof{max-width:none}.tool-grid{grid-template-columns:1fr}.tool-side{position:static;grid-row:auto}}
@media(max-width:700px){.tool-page{padding-top:2.5rem}.tool-top .ord{font-size:clamp(2.4rem,11vw,3.4rem)}.slapp{padding:3rem 1rem}.kop{grid-template-columns:1fr}.licens{padding:1rem}}
@media(prefers-reduced-motion:reduce){.slapp,.knapp,.fil__knapp{transition:none}}