main{width:840px;max-width:calc(100% - 2em);margin:0 auto;padding:1.6em 1em 4em}.crumbs{color:rgb(var(--gray));margin-bottom:.8em;font-size:.82rem}.crumbs a{color:rgb(var(--gray));text-decoration:none}.crumbs a:hover{color:rgb(var(--accent))}main h1{letter-spacing:-.03em;margin:0 0 .3em;font-size:1.85rem;font-weight:900}.lead{color:rgb(var(--gray));margin:0 0 1.6em;line-height:1.6}.calc{border:1px solid rgb(var(--gray-light));background:rgb(var(--surface));box-shadow:var(--shadow-sm);border-radius:16px;padding:1.6em}.field{margin-bottom:1.05em}.field label{margin-bottom:.4em;font-size:.9rem;font-weight:700;display:block}.field label .hint{color:rgb(var(--gray));font-size:.8rem;font-weight:500}.drop{border:2px dashed rgb(var(--gray-light));background:rgb(var(--bg-soft));text-align:center;cursor:pointer;border-radius:12px;padding:2.2em 1em;transition:all .15s}.drop:hover,.drop.over{border-color:rgb(var(--accent));background:rgb(var(--accent-light))}.drop .big{color:rgb(var(--gray-dark));margin-bottom:.25em;font-size:1.05rem;font-weight:800}.drop .sml{color:rgb(var(--gray));font-size:.83rem}.drop input[type=file]{display:none}.methods{grid-template-columns:repeat(3,1fr);gap:.5em;display:grid}.methods button{border:1.5px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));cursor:pointer;color:rgb(var(--gray-dark));border-radius:10px;padding:.7em .4em;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .15s}.methods button.on{border-color:rgb(var(--accent));background:rgb(var(--accent-light));color:rgb(var(--accent-dark))}.qrow{align-items:center;gap:.8em;display:flex}.qrow input[type=range]{accent-color:rgb(var(--accent));flex:1}.qrow .qval{text-align:right;width:46px;color:rgb(var(--accent-dark));font-variant-numeric:tabular-nums;flex:none;font-weight:800}.calc-btn{background:rgb(var(--accent));color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5em;padding:.95em;font-family:inherit;font-size:1.05rem;font-weight:800}.calc-btn:hover{background:rgb(var(--accent-dark))}.calc-btn:disabled{opacity:.5;cursor:not-allowed}.result{margin-top:1.5em}.summary{grid-template-columns:repeat(3,1fr);gap:.8em;display:grid}.stat{border:1px solid rgb(var(--gray-light));text-align:center;background:rgb(var(--bg-soft));border-radius:12px;padding:1em}.stat .k{color:rgb(var(--gray));margin-bottom:.35em;font-size:.78rem}.stat .v{color:rgb(var(--accent-dark));letter-spacing:-.02em;font-size:1.2rem;font-weight:900}.stat.hi{background:rgb(var(--accent-light));border-color:#0000}.note{color:rgb(var(--gray));margin-top:.7em;font-size:.85rem}.preview{margin-top:1.3em}.preview h3{color:rgb(var(--gray-dark));margin:0 0 .5em;font-size:.95rem}.pv-box{border:1px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));text-align:center;border-radius:12px;padding:1em}.pv-box img{background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border-radius:8px;max-width:100%;max-height:360px}.dl-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;margin-top:1em;padding:.85em 1.6em;font-family:inherit;font-size:1rem;font-weight:800;text-decoration:none;display:inline-block}.dl-btn:hover{background:#15803d}.content{margin-top:2.5em;line-height:1.75}.content h2{margin:1.8em 0 .7em;font-size:1.3rem;font-weight:800}.content h3{margin:1.2em 0 .4em;font-size:1.05rem;font-weight:700}.content p,.content li{color:rgb(var(--gray-dark))}.content ul{padding-left:1.2em}.content .box{border:1px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));border-radius:12px;margin:1em 0;padding:1em 1.2em}.content table.doc{border-collapse:collapse;width:100%;font-size:.9rem}.content table.doc th,.content table.doc td{text-align:left;border-bottom:1px solid rgb(var(--gray-light));vertical-align:top;padding:.6em .7em}.content table.doc th{color:rgb(var(--gray));white-space:nowrap;font-weight:700}.ad-wrap{text-align:center;margin:2em 0;overflow:hidden}@media (width<=640px){.summary,.methods{grid-template-columns:1fr}}