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}.inp{border:1.5px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));border-radius:10px;align-items:center;gap:.4em;padding:.1em .8em;transition:border-color .15s;display:flex}.inp:focus-within{border-color:rgb(var(--accent));background:rgb(var(--surface))}.inp input{color:rgb(var(--black));background:0 0;border:none;outline:none;flex:1;width:100%;padding:.6em 0;font-family:inherit;font-size:1.05rem}.inp .unit{color:rgb(var(--gray));flex:none;font-size:.9rem}.quick{flex-wrap:wrap;gap:.35em;margin-top:.45em;display:flex}.quick button{border:1px solid rgb(var(--gray-light));background:rgb(var(--surface));cursor:pointer;color:rgb(var(--gray-dark));border-radius:999px;padding:.25em .7em;font-family:inherit;font-size:.8rem}.quick button:hover{border-color:rgb(var(--accent));color:rgb(var(--accent-dark))}.row{grid-template-columns:1fr 1fr;gap:.9em;display:grid}textarea.qta{box-sizing:border-box;border:1.5px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));width:100%;color:rgb(var(--black));resize:vertical;border-radius:10px;min-height:82px;padding:.7em .8em;font-family:inherit;font-size:1.02rem;line-height:1.5;transition:border-color .15s}textarea.qta:focus{border-color:rgb(var(--accent));background:rgb(var(--surface));outline:none}.sel{box-sizing:border-box;border:1.5px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));width:100%;color:rgb(var(--black));border-radius:10px;padding:.65em .7em;font-family:inherit;font-size:1rem}.sel:focus{border-color:rgb(var(--accent));outline:none}.colors{grid-template-columns:1fr 1fr;gap:.9em;display:grid}.color-inp{border:1.5px solid rgb(var(--gray-light));background:rgb(var(--bg-soft));border-radius:10px;align-items:center;gap:.5em;padding:.3em .6em;display:flex}.color-inp input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;width:40px;height:34px;padding:0}.color-inp .cval{color:rgb(var(--gray-dark));font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:.86rem}.qr-result{text-align:center;margin-top:1.6em}.qr-frame{border:1px solid rgb(var(--gray-light));box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:12px;display:inline-block}.qr-frame canvas{width:256px;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.qr-ph{color:rgb(var(--gray));border:1.5px dashed rgb(var(--gray-light));border-radius:12px;padding:2.4em 1em;font-size:.92rem}.dl-btn{background:rgb(var(--accent));color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:1.1em;padding:.85em 1.8em;font-family:inherit;font-size:1.02rem;font-weight:800;display:inline-block}.dl-btn:hover{background:rgb(var(--accent-dark))}.note{color:rgb(var(--gray));margin-top:.7em;font-size:.85rem}.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:.55em .6em}.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){.row,.colors{grid-template-columns:1fr}}