:root{--ink:#25372f;--muted:#6d7c6c;--line:#dce2d6;--accent:#2e5140;--paper:#f5f5ef;--red:#bb5d4e;--blue:#497e9e}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:14px Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,#drawing:focus-visible{outline:3px solid #9fb8a2;outline-offset:3px}button{transition:background .15s}button:hover{filter:brightness(.96)}header{display:flex;align-items:center;gap:25px;height:88px;border-bottom:1px solid var(--line);padding:0 4%;background:#f9f9f4}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:650;letter-spacing:-.6px;font-size:22px;white-space:nowrap}.brand svg{fill:none;stroke:var(--accent);stroke-width:1.3;width:34px;height:34px}.version{font-size:8px;letter-spacing:1px;font-weight:600;border:1px solid #d0dbca;padding:5px 6px;border-radius:4px;margin-left:3px}header nav{display:flex;gap:5px;margin-left:auto}.nav{border:0;background:none;color:#85917c;font-size:11px;padding:11px 13px;border-radius:5px}.nav.active{color:var(--accent);background:#e6ecdf}.quiet{background:none;border:0;font-size:11px;color:#77856f;padding:10px}main{max-width:1560px;padding:37px 4% 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#7e8d72}h1{font:400 44px Georgia,serif;letter-spacing:-1.4px;margin:13px 0}h1 em{font-weight:400;color:#819273}.intro p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.intro-actions{display:flex;gap:8px}.primary,.secondary{padding:11px 16px;font-size:11px;font-weight:550;border-radius:5px}.primary{color:#fff;background:var(--accent);border:1px solid var(--accent)}.secondary{background:#fff;border:1px solid #cfd9c6}.status{font-size:11px;line-height:1.7;background:#e9eee1;color:#667b58;border:1px solid #dbe4d2;border-radius:5px;padding:11px 15px;margin:0 0 24px}.status.dirty{background:#fff4df;border-color:#ecddba;color:#92713d}.calculator-layout{display:grid;grid-template-columns:minmax(500px,1fr) 330px;gap:25px;align-items:start}.forms{min-width:0}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:25px;margin-bottom:18px}.card-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:23px}.section-number{font-size:10px;padding:5px;border:1px solid #d6e0cd;border-radius:4px;color:#778d67;line-height:1}.card-title h2{font-size:16px;font-weight:550;letter-spacing:-.2px;margin:0 0 7px}.card-title p{font-size:11px;color:#829175;margin:0;line-height:1.6}.type-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}.type-choice>label{display:flex;align-items:center;padding:16px 12px;border:1px solid var(--line);border-radius:6px;gap:9px;cursor:pointer}.type-choice>label:has(input:checked){border-color:#8ba778;background:#f1f5eb}.type-choice input{accent-color:var(--accent);margin:0}.type-choice b{font-size:13px;font-weight:550;display:block}.type-choice small{font-size:9px;display:block;color:#839575;margin-top:5px}.type-choice svg{width:65px;height:40px;fill:none;stroke:#718a61;stroke-width:2;margin-left:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-bottom:20px}.fields.one{grid-template-columns:1fr;gap:16px}.field label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:1.5;margin-bottom:7px;color:#4e6546}.field label span{color:#9aaa8b;font-size:9px;white-space:nowrap}.field input,.field select{width:100%;background:#fcfdf9;color:#2d4429;border:1px solid #dce3d5;border-radius:5px;padding:10px 11px;font-size:13px;min-height:39px}.field input::placeholder{color:#bac3b1;font-size:11px}.field [aria-invalid=true]{border-color:#bf7861;background:#fff8f2}.field-help{font-size:10px;line-height:1.6;color:#8a987e;margin:7px 0 0}.hint{font-size:10px;line-height:1.8;color:#85977a;margin:8px 0 18px}.check-line{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.7;color:#6d805f;margin:16px 0}.check-line input{accent-color:var(--accent);margin-top:3px;flex:none}.notice{font-size:11px;line-height:1.8;color:#8b6c42;background:#f8f1e4;border-left:2px solid #c1a06b;padding:13px 15px;margin:15px 0}.measure-strip{border:1px solid #e2e8db;border-radius:6px;background:#fafbf6;padding:10px 15px;margin-bottom:22px;text-align:center}.measure-strip svg{width:100%;max-height:155px;display:block}.measure-strip p{color:#8a9a7c;font-size:9px;margin:7px 0}.side-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.side-columns>div+div{padding-left:24px;border-left:1px solid var(--line)}.side-label{font-size:9px;font-weight:600;letter-spacing:1.4px;margin-bottom:18px;color:#7d906d;display:flex;align-items:center;gap:7px}.side-dot,.legend i{display:inline-block;width:6px;height:6px;border-radius:50%}.left-dot{background:#849574}.right-dot{background:var(--red)}.form-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0}.form-bottom span{color:#879879;font-size:10px}.large{padding:15px 20px}.errors{border:1px solid #d5a38c;background:#fff5eb;color:#965840;border-radius:6px;padding:18px;font-size:12px;line-height:1.8}.errors ul{margin-bottom:0;padding-left:17px}.errors a{color:inherit}.result-sidebar{position:sticky;top:20px}.result-card{padding:28px 25px;background:#eef2e7;border:1px solid #d7e1cb;border-radius:8px}.result-card>h2{font:400 30px/1.2 Georgia,serif;letter-spacing:-.7px;margin:17px 0 20px}.result-card>h2 em{color:#839373}.empty-wheel{margin:30px auto 20px;max-width:130px}.empty-wheel svg{width:100%;fill:none;stroke:#b3c3a3;stroke-width:1}.result-card p{font-size:11px;line-height:1.9;color:#7c8f6b}.text-button{background:none;border:0;color:#5c7b46;font-size:10px;padding:4px 0;text-align:left;text-decoration:none}.small-card{padding:24px 6px}h3{font:400 23px/1.3 Georgia,serif;margin:12px 0}.small-card p{font-size:11px;line-height:1.8;color:#849775}.result-type{font-size:10px;line-height:1.6;color:#7d916a;margin-bottom:18px}.length-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;border-top:1px solid #d6e0cc;border-bottom:1px solid #d6e0cc}.length-pair>div+div{border-left:1px solid #d6e0cc;padding-left:15px}.length-pair span{font-size:8px;letter-spacing:1px;color:#7a8c68;display:block}.length-pair strong{font-family:Georgia,serif;font-size:26px;font-weight:400;display:block;margin:9px 0;white-space:nowrap}.length-pair strong small{font:10px Inter,sans-serif;display:inline}.length-pair small{display:block;font-size:9px;color:#859775}.result-note{font-size:10px;line-height:1.8;color:#889a78;margin:14px 0}.stock-row{padding:11px 0;border-top:1px solid #d6e0cc;font-size:11px;line-height:1.9}.stock-row>span{font-weight:550;display:block}.stock-row small{font-size:9px;color:#889d76}.warnings{font-size:10px;line-height:1.8;color:#8c7044}.warnings p{font-size:10px;color:inherit;background:#faf4e7;padding:10px;border-radius:4px}.full{width:100%;margin-top:15px}.result-actions{display:flex;gap:8px;margin-top:10px}.result-actions button{flex:1;padding:8px;font-size:10px}.math{margin-top:17px;border-top:1px solid #d6e0cc;padding-top:16px;font-size:10px;color:#6b805b}.math summary{cursor:pointer}.math table{width:100%;font-size:9px;border-collapse:collapse;margin:15px 0}.math td,.math th{padding:6px 3px;border-bottom:1px solid #d6e0cc;text-align:right}.math td:first-child,.math th:first-child{text-align:left}.math p{font-size:10px}.math code{font-size:10px;word-break:break-word;display:block;padding:8px 0}.visual-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.visual-heading h2,.guide-head h2{font:400 33px Georgia,serif;margin:13px 0}.visual-heading p,.guide-head p{font-size:12px;color:#849475;line-height:1.8}.export-actions{display:flex;gap:7px}.visual-layout{display:grid;grid-template-columns:minmax(400px,1fr) 280px;gap:20px}.viewer{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;position:relative}.viewer-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-size:11px;color:#819174}.view-switch{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;gap:3px}.view-switch button{border:0;background:none;border-radius:3px;font-size:10px;color:#89997c;padding:6px 9px}.view-switch .active{background:#eaf0e2;color:#526f40}#drawing{height:540px;touch-action:none;cursor:grab;background-image:radial-gradient(#dfe5d6 .6px,transparent .6px);background-size:20px 20px}#drawing:active{cursor:grabbing}#drawing svg{display:block;width:100%;height:100%}.canvas-tools{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;font-size:9px;color:#93a082}.canvas-tools button{background:white;border:1px solid var(--line);padding:5px 10px;font-size:15px}.legend{display:flex;justify-content:center;gap:18px;padding:10px;font-size:9px;color:#8c9c7b}.legend i{margin-right:5px}.red{background:#be6455}.blue{background:#527fa1}.green{background:#759476}.gray{background:#a8b6a0}#selection{font-size:10px;text-align:center;color:#8b9d7b;padding:0 12px 16px;min-height:29px}.visual-controls{margin:0}.visual-controls h3{font-size:23px}.step{display:flex;width:100%;text-align:left;align-items:center;gap:9px;margin:5px 0;padding:11px 8px;border:1px solid transparent;background:none;border-radius:5px;font-size:11px}.step span{font-size:9px;border:1px solid #d5dfc9;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.step.active{background:#edf3e5;border-color:#d8e3ca}.step.active span{background:#597347;color:white;border-color:#597347}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#748965;margin:17px 0}.toggle-row input{accent-color:var(--accent)}.divider{height:1px;background:var(--line);margin:22px 0}.model-note{font-size:11px;line-height:1.9;color:#8c7954;padding:16px 0}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:100px 20px}.empty-state h2{font:30px Georgia,serif}.empty-state p{font-size:12px;line-height:1.9;color:#829471;max-width:500px;margin:20px auto}.guide-head{margin:15px 0 35px}.guide-layout{display:grid;grid-template-columns:205px minmax(300px,850px);gap:35px}.guide-nav{position:sticky;top:20px;align-self:start}.guide-nav a{display:block;font-size:11px;color:#7b9168;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--line)}.guide-body section{background:#fff;border:1px solid var(--line);padding:28px 32px;margin-bottom:18px;border-radius:8px;scroll-margin-top:20px}.guide-body h2{font:27px Georgia,serif;margin:10px 0 20px}.guide-body h3{font:550 14px Inter,sans-serif;margin-top:24px}.guide-body p,.guide-body li{font-size:12px;line-height:1.95;color:#718765}.guide-body ul,.guide-body ol{padding-left:20px}.guide-body li{margin:9px 0}.guide-body a{color:#547a43}.guide-body code{font-size:11px;white-space:normal}.guide-body .notice{font-size:11px}footer{display:flex;justify-content:space-between;font-size:9px;color:#98a58b;border-top:1px solid var(--line);margin-top:30px;padding:20px 0 25px;gap:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;max-width:90%;padding:13px 20px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.show{opacity:1}.print-summary{display:none}@media(max-width:1100px){header{gap:10px}.version{display:none}.nav{font-size:10px;padding:10px}.calculator-layout{grid-template-columns:minmax(400px,1fr) 290px;gap:18px}.card{padding:22px}.result-card{padding:23px 20px}.length-pair strong{font-size:24px}.intro-actions{flex-direction:column}.visual-layout{grid-template-columns:minmax(350px,1fr) 245px}.visual-controls{padding:20px}.type-choice svg{display:none}}@media(max-width:800px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:18px 5% 0;gap:10px}.brand{font-size:20px}.quiet{margin-left:auto}header nav{order:3;width:100%;justify-content:space-between;margin:7px 0 0}.nav{flex:1;border-radius:5px 5px 0 0;padding:12px 7px}main{padding:28px 5% 0}.intro{align-items:flex-start}h1{font-size:33px}.intro p{font-size:11px}.intro-actions{flex-shrink:0}.intro-actions button{font-size:10px;padding:9px 10px}.calculator-layout{display:flex;flex-direction:column}.result-sidebar{position:static;width:100%}.forms{width:100%}.result-card>h2 br{display:none}.result-card>h2{font-size:28px}.empty-wheel{max-width:85px}.length-pair strong{font-size:32px}.visual-layout{display:flex;flex-direction:column}.visual-controls{width:100%}#steps{display:flex;flex-wrap:wrap}.step{width:auto}.visual-heading{display:block}.export-actions{margin-top:15px}#drawing{height:440px}.guide-layout{display:block}.guide-nav{position:static;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.guide-nav a{font-size:10px;padding:8px}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom button{width:100%}.small-card{padding:20px 0}.guide-body section{padding:24px}.status{font-size:10px}}@media(max-width:480px){.intro{display:block}.intro-actions{flex-direction:row;margin-top:20px}.intro-actions button{flex:1}.card{padding:20px 17px}.fields{gap:16px 12px}.field label{font-size:10px}.field input,.field select{padding:9px;font-size:12px}.side-columns{gap:15px}.side-columns>div+div{padding-left:15px}.type-choice{gap:8px}.type-choice>label{padding:12px 9px}.type-choice b{font-size:12px}.type-choice small{font-size:8px;line-height:1.6}.field-help{font-size:9px}h1{font-size:32px}.visual-heading h2{font-size:26px}#drawing{height:380px}.viewer-top{padding:13px 12px}.viewer-top>span{font-size:9px}.view-switch button{font-size:9px;padding:6px}.canvas-tools{padding:8px 12px}.canvas-tools>span{font-size:8px}.legend{gap:11px;font-size:8px}footer{display:block;line-height:1.9}footer span{display:block}.card-title h2{font-size:14px}}@media print{body{background:#fff}header,.intro,.status,.forms,.small-card,.result-actions,.nav,.export-actions,.visual-controls,.canvas-tools,.guide-nav,footer,#toast,#resultEmpty,.full{display:none!important}main{padding:0}.calculator-layout{display:block}.result-sidebar{position:static}.result-card{background:#fff;border:0;padding:0}.math{display:block}.math>div{display:block!important}.math summary{display:none}.math table{font-size:11px}.length-pair{max-width:500px}.result-card p,.result-note{color:#333}.warnings{color:#333}#calculator{display:block!important}.tab-content:not(#calculator){display:none!important}.print-summary{display:block;white-space:pre-line;font-size:11px;line-height:1.8}}

.saved-wheels{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;background:#eef1e8}.saved-wheels h2{margin:6px 0}.saved-wheels p{margin:5px 0}.saved-wheels>.hint{flex-basis:100%;max-width:100%}.preset-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:600px){.preset-actions{width:100%}.preset-actions button{flex:1}}

/* Laufradlabor standalone: one-column layout, independent of the blog. */
main{max-width:980px}
.calculator-layout{display:block}
.result-sidebar{position:static;margin-top:18px}
.visual-layout{display:block}
.visual-controls{margin-top:18px}
.guide-layout{display:block}
.guide-nav{position:static;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.guide-nav a{border:1px solid var(--line);border-radius:5px;padding:9px 12px;background:#fff}
.guide-nav a:last-child{border-bottom:1px solid var(--line)}
.type-select{margin:0 0 22px;padding:16px;border:1px solid var(--line);border-radius:6px;background:#fbfcf7}
.type-select label{display:block;font-size:11px;font-weight:600;letter-spacing:.2px;color:#4e6546;margin-bottom:8px}
.type-select select{width:100%;min-height:46px;padding:10px 12px;font-size:14px;color:#2d4429;background:#fff;border:1px solid #cfdac6;border-radius:5px}
.type-help{font-size:11px;line-height:1.8;color:#6c7f5f;margin:10px 0 0;padding:10px 12px;background:#f1f5eb;border-left:2px solid #9cb28a;border-radius:0 4px 4px 0}
.type-help b{color:#48603c}
.reference-help{margin:0 0 20px;border:1px solid #e0e7d8;border-radius:6px;background:#fafbf6;padding:0 16px}
.reference-help summary{cursor:pointer;font-size:12px;font-weight:600;color:#4e6546;padding:13px 0;list-style-position:inside}
.reference-help div{padding:0 0 14px;font-size:11px;line-height:1.85;color:#738664}
.reference-help p{margin:0 0 9px}
.reference-help ul{margin:0;padding-left:18px}
.reference-help li{margin:3px 0}
.reference-help b{color:#48603c}
@media(max-width:800px){
  .type-select{padding:14px}
  .type-help{font-size:10px}
  .reference-help{padding:0 13px}
}


.spoke-hit{cursor:pointer}