
#stFence{--f-bg:#fff;--f-ink:#0c203f;--f-muted:#627998;--f-border:#d3e3f4;--f-soft:#f6f9fc;--f-field:#fff;--f-green:#e6f7e9;--f-result:#09591b;--f-blue:#0676f9;--f-note:#edf5ff;--f-map:#e6f3e4;font:14px/1.5 Arial,Helvetica,sans-serif;color:var(--f-ink);margin:20px 0;isolation:isolate}
#stFence *{box-sizing:border-box}#stFence [hidden]{display:none!important}#stFence button,#stFence input,#stFence select{font:inherit}#stFence button{cursor:pointer}#stFence h2{font-size:18px;line-height:1.3;color:var(--f-ink);margin:0 0 16px;letter-spacing:-.2px}#stFence h3{font-size:16px;color:var(--f-ink);margin:0}#stFence p{margin:0}#stFence .f-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}#stFence .f-preset{display:flex;align-items:center;gap:8px;position:relative;padding:10px 12px;border:1px solid var(--f-border);background:var(--f-bg);border-radius:9px;text-align:left;color:var(--f-ink);min-height:94px}#stFence .f-preset:after{content:'';position:absolute;right:11px;top:13px;width:15px;height:15px;border:1px solid #94b1d0;border-radius:50%}#stFence .f-preset[aria-pressed=true]{border-color:#0788ff;box-shadow:inset 0 0 0 1px #0788ff;background:var(--f-note)}#stFence .f-preset[aria-pressed=true]:after{background:white;border:5px solid #0788ff}#stFence .f-preset b{display:block;font-size:14px;padding-right:10px}#stFence .f-preset small{display:block;font-size:12px;color:var(--f-muted);margin-top:3px}#stFence .f-art{display:block;flex-shrink:0;width:102px;height:72px;overflow:hidden}#stFence .f-art svg{width:100%;height:100%;display:block;overflow:hidden!important}#stFence svg.f-dark{display:none!important}#stFence .f-main{display:grid;grid-template-columns:.84fr 1fr;gap:14px;align-items:stretch}#stFence .f-panel{padding:20px;border:1px solid var(--f-border);background:var(--f-bg);border-radius:12px;min-width:0;box-shadow:0 2px 7px #10335103}#stFence .f-controls-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}#stFence label,#stFence .f-label{display:block;font-size:12px;font-weight:700;margin:0 0 6px;color:var(--f-ink)}#stFence .f-toggle{display:flex;border:1px solid var(--f-border);border-radius:5px;overflow:hidden;background:var(--f-soft)}#stFence .f-toggle button{padding:8px 14px;border:0;background:transparent;color:var(--f-muted);font-size:12px}#stFence .f-toggle button[aria-pressed=true]{background:var(--f-blue);color:#fff}#stFence .f-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}#stFence .f-field{min-width:0}#stFence .f-input{display:flex;align-items:center;border:1px solid var(--f-border);border-radius:6px;overflow:hidden;background:var(--f-field);height:40px}#stFence .f-input input{width:100%;min-width:0;color:var(--f-ink);background:transparent;border:0;padding:8px 10px;font-size:15px;box-shadow:none}#stFence .f-input span{padding:0 10px;color:var(--f-muted);font-size:12px;white-space:nowrap}#stFence select{width:100%;padding:8px;background:var(--f-field);color:var(--f-ink);border:1px solid var(--f-border);border-radius:6px}#stFence .f-check{display:flex;align-items:flex-start;gap:10px;margin-top:22px;font-size:12px}#stFence .f-check input{width:19px;height:19px;margin:0;accent-color:#087fff}#stFence .f-check small{display:block;font-weight:400;color:var(--f-muted);margin-top:2px}#stFence .f-costs{margin-top:22px}#stFence details{border:1px solid var(--f-border);border-radius:6px;background:var(--f-soft)}#stFence summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:12px;color:var(--f-ink)}#stFence summary::-webkit-details-marker{display:none}#stFence summary:before{content:'⌄';margin-right:12px}#stFence details[open] summary:before{content:'⌃'}#stFence details p{padding:0 12px 12px;color:var(--f-muted);font-size:12px}#stFence .f-cost-fields{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}#stFence .f-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:16px}#stFence .f-actions button{padding:12px;border-radius:7px;border:1px solid #087fff;background:transparent;color:var(--f-blue);font-size:14px;font-weight:700}#stFence .f-actions button:first-child{background:linear-gradient(120deg,#0788ff,#0968ed);color:white}#stFence .f-note{display:flex;gap:10px;background:var(--f-note);border-radius:7px;margin-top:14px;padding:13px;font-size:11px;color:var(--f-muted);line-height:17px}#stFence .f-note>b{background:#087fff;color:white;width:18px;height:18px;border-radius:50%;text-align:center;flex-shrink:0}#stFence .f-error{color:#d53545;font-size:13px;margin-top:10px}#stFence .f-result{border:1px solid #bfeac5;background:linear-gradient(120deg,var(--f-green),var(--f-green));border-radius:7px;padding:12px 19px;color:var(--f-result)}#stFence .f-result b{font-size:16px;display:block}#stFence .f-result strong{font-size:40px;line-height:1.3;display:block;font-weight:800}#stFence .f-result small{font-size:14px}#stFence .f-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}#stFence .f-stat{border:1px solid var(--f-border);border-radius:7px;padding:9px 7px;display:flex;gap:7px;align-items:center;background:var(--f-field);min-width:0}#stFence .f-stat .f-art{width:42px;height:63px}#stFence .f-stat b{font-size:12px;display:block}#stFence .f-stat strong{font-size:21px;line-height:1.5;display:block;white-space:nowrap}#stFence .f-stat small{font-size:9px;color:var(--f-muted);display:block;line-height:1.4}#stFence .f-braces{display:flex;align-items:center;gap:8px;padding:3px 12px;border:1px solid var(--f-border);background:var(--f-soft);border-radius:7px;font-size:12px;margin-bottom:12px;min-height:44px}#stFence .f-braces .f-art{width:62px;height:36px}#stFence .f-braces span{color:var(--f-muted)}#stFence .f-map{background:var(--f-map);border:1px solid transparent;border-radius:7px;padding:12px 14px 8px;min-height:340px}#stFence .f-map-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}#stFence .f-map-head small{font-size:10px;color:var(--f-muted)}#stFence .f-map-stage{width:100%;height:320px;display:flex;align-items:center;justify-content:center;position:relative;padding:2px 40px 23px 10px}#stFence .f-pasture{width:300px;height:265px;position:relative;max-width:100%;transition:width .2s,height .2s}#stFence .f-pasture>svg{width:100%;height:100%;display:block}#stFence .f-dim-x{position:absolute;bottom:-22px;left:6%;right:7%;text-align:center;border-top:1px solid currentColor;font-weight:700;font-size:13px;padding-top:1px}#stFence .f-dim-x:before{content:'‹';position:absolute;left:-3px;top:-13px;font-size:20px}#stFence .f-dim-x:after{content:'›';position:absolute;right:-3px;top:-13px;font-size:20px}#stFence .f-dim-y{position:absolute;left:101%;top:7%;height:83%;border-left:1px solid currentColor;display:flex;align-items:center;font-size:12px;font-weight:700;padding-left:6px;width:48px}#stFence .f-gate{position:absolute;left:44%;bottom:2.5%;width:15%;height:8%;background:var(--f-map);border-top:3px solid #d5b976;color:var(--f-ink);font-size:10px;text-align:center}#stFence .f-cost-result{margin-top:12px;padding:10px;background:var(--f-green);color:var(--f-result);border-radius:6px;font-size:13px}#stFence .f-cost-result strong{font-size:20px;display:block}#stFence .f-summary{margin-top:14px;padding:12px 18px}#stFence .f-summary h2{margin:0 0 7px;font-size:17px}#stFence .f-table-wrap{overflow:auto;border:1px solid var(--f-border);border-radius:6px}#stFence table{border-collapse:collapse;width:100%;font-size:11px;color:var(--f-ink);margin:0;background:var(--f-bg)}#stFence th,#stFence td{padding:4px 14px;text-align:left;border-bottom:1px solid var(--f-border);border-right:1px solid var(--f-border);line-height:1.5}#stFence th{background:var(--f-soft);font-weight:700}#stFence td:nth-child(2){font-weight:700}#stFence tr:last-child td{border-bottom:0}#stFence .f-lower{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}#stFence .f-lower .f-panel{padding:12px 18px}#stFence .f-lower h2{font-size:15px;margin-bottom:8px}#stFence .f-formula{font-size:11px;line-height:1.8;color:var(--f-muted)}#stFence .f-faq details{margin-top:4px;background:var(--f-field)}#stFence .f-faq summary{padding:3px 10px;font-size:11px}#stFence .f-faq summary:before{float:right;margin:0}#stFence .f-sources{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}#stFence .f-source{border:1px solid var(--f-border);border-radius:9px;padding:9px 18px;text-decoration:none;color:var(--f-blue);background:var(--f-bg);font-size:13px;font-weight:700;display:block}#stFence .f-source:after{content:'›';float:right}#stFence .f-source small{display:block;font-size:10px;font-weight:400;color:var(--f-muted)}#stFence :focus-visible{outline:2px solid #008aff;outline-offset:3px}
:is(html.st-master-dark,html.dark,body.dark,[data-theme="dark"]) #stFence{--f-bg:#0b2032;--f-ink:#f0f5ff;--f-muted:#b8cce3;--f-border:#245471;--f-soft:#0b2335;--f-field:#061a2a;--f-green:#044334;--f-result:#d3fff0;--f-blue:#1597ff;--f-note:#0a2339;--f-map:#032e26;color-scheme:dark}:is(html.st-master-dark,html.dark,body.dark,[data-theme="dark"]) #stFence .f-result{border-color:#008b68}:is(html.st-master-dark,html.dark,body.dark,[data-theme="dark"]) #stFence svg.f-dark{display:block!important}:is(html.st-master-dark,html.dark,body.dark,[data-theme="dark"]) #stFence .f-light{display:none}:is(html.st-master-dark,html.dark,body.dark,[data-theme="dark"]) #stFence .f-map{border-color:#0a5c49}
@media(max-width:1050px){#stFence .f-preset{padding:8px;gap:4px}#stFence .f-art{width:70px;height:60px}#stFence .f-stat .f-art{width:28px}#stFence .f-stat strong{font-size:17px}#stFence .f-panel{padding:15px}#stFence .f-toggle button{padding:8px 10px}}@media(max-width:800px){#stFence .f-main{grid-template-columns:1fr}#stFence .f-presets{grid-template-columns:1fr 1fr}#stFence .f-preset{min-height:78px}#stFence .f-preset .f-art{width:90px}#stFence .f-stat strong{font-size:22px}#stFence .f-stat .f-art{width:42px}}@media(max-width:520px){#stFence .f-lower,#stFence .f-sources{grid-template-columns:1fr}#stFence .f-panel{padding:12px}#stFence .f-preset .f-art{width:57px;height:50px}#stFence .f-preset b{font-size:11px}#stFence .f-preset small{font-size:9px}#stFence .f-preset:after{width:10px;height:10px;right:5px;top:5px}#stFence .f-preset[aria-pressed=true]:after{border-width:3px}#stFence .f-fields{gap:14px 10px}#stFence .f-stat{display:block;padding:7px}#stFence .f-stat .f-art{display:none}#stFence .f-stat strong{font-size:17px}#stFence .f-stat b{font-size:10px}#stFence .f-map-head{align-items:start}#stFence .f-map-head small{max-width:130px;text-align:right}#stFence .f-toggle button{padding:8px 10px;font-size:11px}#stFence .f-summary th,#stFence .f-summary td{padding:5px 8px}#stFence .f-map-stage{height:280px}#stFence .f-controls-head{gap:10px}}
