@layer components{.tool-page h1{margin-top:.4rem;margin-bottom:.55rem}.tool-page .intro{font-size:1.05rem}.tool-page .tool-box{margin-top:1rem}.tool-page .draw-total{color:var(--ink)}.tool-box{border:1px solid var(--line);border-top:3px double var(--measure);background-color:var(--surface);background-image:var(--grain);box-shadow:var(--notebook-shadow);gap:1rem;min-width:0;padding:clamp(.75rem,3vw,1.5rem);display:grid}.tool-form{gap:.65rem;min-width:0;display:grid}.tool-secondary{justify-self:start;font-size:.9rem}.tool-result{gap:.75rem;min-width:0;display:grid}.tool-result h2,.tool-page .result-head,.tool-page .supply-head{font:400 1.25rem/1.2 var(--display);margin:.35rem 0 0}.tool-chosen{font-size:.92rem;line-height:1.3}.tool-chosen strong{font-weight:650;display:block}.tool-next{font-weight:650}.tool-page .crumbs a,.power-row-name a,.tool-page td a,.frame-list a,.tool-next a{margin-block:-.9rem;padding-block:.9rem;display:inline-block}.tool-page .crumbs{line-height:1.5}.power-total-bar{z-index:2;background-color:var(--surface);background-image:var(--grain);border-block:1px solid #bbc2ce66;margin-inline:clamp(-1.5rem,-3vw,-.75rem);padding:.4rem clamp(.75rem,3vw,1.5rem);position:sticky;top:0}.power-total-bar .draw-summary{flex-wrap:wrap;align-items:baseline;gap:0 .9rem;display:flex}.power-rows{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.power-rows li{border-bottom:1px solid #bbc2ce66;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;align-items:end;gap:.2rem .4rem;padding-bottom:.55rem;display:grid}.power-row-name{overflow-wrap:anywhere;flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:.1rem .6rem;font-size:.95rem;font-weight:600;line-height:1.3;display:flex}.power-row-name small{color:var(--muted);font-size:.78rem;font-weight:400}.power-rows .tool-field{font-size:.76rem}.power-remove{padding:0;font-size:1.2rem}.power-tool .draw-total strong{font-size:2.6rem}.supply-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.supply-row{border-left:3px solid var(--forest);padding:.1rem 0 .1rem .6rem}.supply-row[data-kind=unconfirmed],.supply-row[data-kind=chained]{border-color:#b98b2e}.supply-row[data-kind=no]{border-color:var(--conflict)}.supply-row summary{cursor:pointer;align-content:center;gap:.05rem;min-height:44px;list-style-position:inside;display:grid}.supply-row summary::-webkit-details-marker{display:none}.supply-row summary strong{font-weight:650}.supply-row summary span{color:var(--muted);font-size:.88rem}.supply-row details>a{align-items:center;gap:.3rem;min-height:44px;font-size:.9rem;display:inline-flex}.supply-outputs{color:var(--muted);margin-top:.2rem;font-size:.86rem}.supply-none>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.output-map{gap:.4rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.output-map li{gap:.1rem;font-size:.88rem;display:grid}.output-load{overflow-wrap:anywhere;font-weight:600}.output-where{color:var(--muted);font-size:.82rem}.output-bar{background:#dfe3ea;border-radius:2px;height:7px;display:block;overflow:hidden}.output-bar i{background:var(--ink);height:100%;display:block}.tool-page .tool-heading{font:400 1.35rem/1.2 var(--display);margin:1.6rem 0 .5rem}.tool-page .article-table{overflow-x:auto}.tool-page .article-table table{min-width:34rem}.tool-page .article-table caption{text-align:left;color:var(--muted);padding-bottom:.4rem;font-size:.9rem}.tool-page .article-table td small,.tool-page .article-table th small{color:var(--muted);font-size:.78rem;display:block}.tool-page .article-table th[scope=row]{text-align:left;font-weight:650}.tool-box .article-table table{min-width:0}.power-tool .article-table th,.power-tool .article-table td{overflow-wrap:normal}.size-tool .article-table td small{display:block}.size-table .tool-note{margin-top:.6rem}.size-steppers{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.size-steppers li{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.size-steppers li>div{min-width:0;line-height:1.25;display:grid}.size-steppers strong{font-weight:650}.size-steppers small{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}.stepper{flex:none;align-items:center;display:inline-flex}.stepper button{width:44px;padding:0;font-size:1.2rem}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2.2rem;font-weight:650}.picked-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.picked-list li{justify-content:space-between;align-items:center;gap:.5rem;font-size:.92rem;display:flex}.picked-list small{color:var(--muted);font-size:.78rem;display:block}.picked-list button{flex:none;width:44px;padding:0;font-size:1.2rem}.size-gaps{border:0;gap:.1rem;margin:0;padding:0;display:grid}.size-gaps legend{padding:0 0 .15rem;font-size:.9rem;font-weight:650}.size-gaps label{align-items:center;gap:.6rem;min-height:44px;display:flex}.size-gaps input{flex:none;width:1.2rem;height:1.2rem}.frame-list{gap:.9rem;min-width:0;margin:0;padding:0;list-style:none;display:grid}.frame-list li{gap:.3rem;min-width:0;display:grid}.frame-list p{font-size:.92rem;line-height:1.35}.frame-list strong{font-weight:650}.frame-list .gear-drawing{background-color:#edf1ec;background-image:var(--grain)}.size-chips{flex-wrap:wrap;gap:.3rem;display:flex}.more-boards>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.copy-link{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.copy-link button{font-size:.9rem}.copy-link span{color:var(--muted);font-size:.88rem}.copy-link .tool-field{flex-basis:100%}.copy-link input{font:12px var(--mono)}.tool-faq{gap:.85rem;display:grid}.tool-faq h3{font:400 1.12rem/1.25 var(--display);margin:0 0 .15rem}.tool-links ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.tool-links li a{align-items:center;min-height:44px;font-weight:600;display:inline-flex}@media (min-width:900px){.power-tool,.size-tool{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;column-gap:1.75rem}.power-tool .tool-form{grid-area:1/1}.power-tool .power-rows{grid-area:2/1}.power-total-bar{background:0 0;border:0;grid-area:1/2;margin-inline:0;padding:0;position:static}.power-tool .tool-result{grid-area:2/2/span 4}.power-tool .copy-link,.power-tool .tool-next,.power-tool .planner-notice{grid-column:1}.size-tool .tool-form{grid-area:1/1}.size-tool .tool-result{grid-area:1/2/span 2}.size-tool .copy-link{grid-area:2/1}}}