#tp-cfg{padding:28px 0 80px;background:var(--paper)}#tp-cfg .cfg-h1{font-size:clamp(32px,4.4vw,56px)}#tp-cfg .lead{margin:16px 0 28px}#tp-cfg .cfg-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}@media(max-width:900px){#tp-cfg .cfg-grid{grid-template-columns:1fr}}#tp-cfg .viewer{position:sticky;top:88px;background:radial-gradient(120% 90% at 50% 30%,#ffffff 0%,var(--sand) 100%);border:1px solid var(--line);border-radius:var(--r-lg);height:min(620px,calc(100vh - 110px));overflow:hidden;touch-action:none}@media(max-width:900px){#tp-cfg .viewer{position:sticky;top:72px;z-index:5;height:300px;box-shadow:var(--shadow)}}#tp-cfg .viewer canvas{display:block;width:100%;height:100%;cursor:grab}#tp-cfg .viewer canvas:active{cursor:grabbing}#tp-cfg .badge{position:absolute;left:14px;top:14px;background:#ffffffeb;border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;font-size:15px}#tp-cfg .badge b{font-size:15px;font-weight:500}#tp-cfg .vbtns{position:absolute;right:12px;bottom:12px}#tp-cfg .hint{position:absolute;left:14px;bottom:16px;font-size:12px;color:var(--muted)}@media(max-width:900px){#tp-cfg .hint{display:none}}#tp-cfg .vbtn{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;font-weight:600}#tp-cfg .step{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;margin-bottom:14px}#tp-cfg .step h3{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 14px}#tp-cfg .num{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none;font-family:var(--f-mono)}#tp-cfg .types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}#tp-cfg .type{border:1.5px solid var(--line);background:#fff;border-radius:var(--r);padding:10px;text-align:left;cursor:pointer;display:flex;gap:10px;align-items:center;transition:border-color .15s,background .15s}#tp-cfg .type svg{width:40px;height:40px;flex:none;color:var(--kraft)}#tp-cfg .type .tn{font-size:13.5px;font-weight:700;line-height:1.2}#tp-cfg .type .td{font-size:11.5px;color:var(--muted);line-height:1.25;margin-top:2px}#tp-cfg .type[aria-pressed=true],#tp-cfg .opt[aria-pressed=true]{border-color:var(--kraft);background:var(--kraft-soft)}#tp-cfg .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}#tp-cfg .chips button{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}#tp-cfg .chips button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}#tp-cfg .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#tp-cfg .row2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:480px){#tp-cfg .row2{grid-template-columns:1fr}}#tp-cfg .calc{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:15px;color:var(--muted)}#tp-cfg .calc b{color:var(--ink);font-weight:500}#tp-cfg .seg{display:grid;gap:8px}#tp-cfg .seg.c3{grid-template-columns:repeat(3,1fr)}#tp-cfg .seg.c2{grid-template-columns:repeat(2,1fr)}#tp-cfg .seg.c4{grid-template-columns:repeat(4,1fr)}@media(max-width:520px){#tp-cfg .seg.c4,#tp-cfg .seg.c3{grid-template-columns:repeat(2,1fr)}}#tp-cfg .opt{border:1.5px solid var(--line);background:#fff;border-radius:var(--r);padding:10px;text-align:left;cursor:pointer}#tp-cfg .opt b{display:block;font-size:14px}#tp-cfg .opt span{display:block;font-size:12px;color:var(--muted)}#tp-cfg .sw{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px;border:1px solid rgba(0,0,0,.15)}#tp-cfg .reco-box{margin-top:12px;border-top:1px dashed var(--line-2);padding-top:10px}#tp-cfg .reco-box summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--kraft-deep)}#tp-cfg .helper{margin-top:12px;display:grid;gap:10px;justify-items:start}#tp-cfg .helper .field{width:100%}#tp-cfg .reco{background:var(--kraft-soft);border-radius:var(--r);padding:10px 12px;font-size:14px;width:100%}#tp-cfg .small{font-size:12.5px;color:var(--muted);margin:8px 0 0}#tp-cfg .msg{font-size:13.5px;margin-top:8px}#tp-cfg .msg:empty{display:none}#tp-cfg .msg.warn{color:#9a5200}#tp-cfg .msg.err{color:var(--err)}#tp-cfg .msg.ok{color:var(--ok)}#tp-cfg .sum{background:var(--black);color:#f2f2f2;border-color:var(--black)}#tp-cfg .sum h3{color:#fff}#tp-cfg .sum .num{background:var(--signal)}#tp-cfg .sum dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0 0 16px;font-size:14px}#tp-cfg .sum dt{color:#8fa1b7;font-size:15px}#tp-cfg .sum dd{margin:0}#tp-cfg .sum .field>span{color:#c8d3e0}#tp-cfg .sum .light,#tp-cfg .sum .check{color:#c8d3e0}#tp-cfg .sum a:not(.btn){color:#8fb8e8}#tp-cfg .full{width:100%}#tp-cfg .sum .msg.err{color:#ff9b8f}#tp-cfg .sum .msg.ok{color:#9be3b0}#tp-cfg .sum .msg.warn{color:#ffc27a}#tp-cfg .sum .bad input{border-color:#ff9b8f}#tp-cfg .sum .check.bad{color:#ff9b8f}