.tl-tool{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(28px,4.5vw,72px);display:grid}.tl-tool-copy p{color:var(--text-secondary);margin:14px 0 0;font-size:1.03rem;line-height:1.72}.tl-tool-copy p strong{color:var(--text-primary);font-weight:700}.tl-tool-copy .of-tag{margin:0 0 12px}.tl-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);min-width:0;box-shadow:var(--shadow-md);padding:clamp(20px,2.8vw,36px)}.tl-card-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;display:flex}.tl-card-line{color:var(--text-secondary);flex:320px;margin:0;font-size:1rem;line-height:1.65}.tl-embed{min-width:0}.tl-roof-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.tl-roof-form .tl-error,.tl-roof-form .tl-fine,.tl-roof-form .tl-mode{grid-column:1/-1}.tl-block-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.tl-field{flex-direction:column;min-width:0;display:flex}.tl-field label{color:var(--text-primary);margin-bottom:8px;font-size:.92rem;font-weight:700;line-height:1.3}.tl-field input{border:1px solid color-mix(in srgb, var(--text-primary) 16%, transparent);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;min-height:52px;color:var(--text-primary);box-shadow:var(--shadow-rest);outline:none;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.4;transition:border-color .15s,box-shadow .15s;display:block}.tl-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.tl-field input[aria-invalid=true]{border-color:#b42318}.tl-unit{position:relative}.tl-unit input{font-variant-numeric:tabular-nums;padding-right:104px}.tl-unit span{color:var(--text-tertiary);pointer-events:none;font-size:.86rem;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tl-run{white-space:nowrap;min-height:52px}.tl-run[aria-busy=true]{cursor:progress}.tl-spin{animation:.8s linear infinite tl-spin}@keyframes tl-spin{to{transform:rotate(360deg)}}.tl-error{color:#b42318;margin:0;font-size:.9rem;font-weight:600}.tl-fine{color:var(--text-tertiary);margin:8px 0 0;font-size:.86rem;line-height:1.55}.tl-mode{border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-subtle);color:var(--text-primary);margin:0;padding:14px 16px;font-size:.95rem;line-height:1.6}.tl-mode a{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.tl-result{border-top:1px solid var(--border);outline:none;margin-top:22px;padding-top:22px}.tl-result-tag{border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);margin:0 0 14px;padding:4px 12px;font-size:.82rem;font-weight:700;line-height:1.5;display:inline-flex}.tl-range{flex-direction:column;gap:6px;margin:0;display:flex}.tl-range-num{letter-spacing:-.035em;color:var(--text-primary);font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;line-height:1.05}.tl-range-note{max-width:56ch;color:var(--text-secondary);font-size:.94rem;line-height:1.55}.tl-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;margin:18px 0 0;display:grid}.tl-facts>div{border-top:1px solid var(--border-subtle);padding:12px 0}.tl-facts dt{color:var(--text-tertiary);font-size:.8rem;font-weight:700}.tl-facts dd{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:2px 0 0;font-size:1.08rem;font-weight:700}.tl-planes{border-top:1px solid var(--border-subtle);margin-top:10px}.tl-planes summary{min-height:var(--tap);color:var(--accent);cursor:pointer;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.tl-planes ul{margin:0 0 8px;padding:0;list-style:none}.tl-planes li{border-top:1px dashed var(--border);color:var(--text-secondary);grid-template-columns:1.2fr 1fr .7fr;gap:12px;padding:8px 0;font-size:.9rem;display:grid}.tl-live{margin-top:18px}.tl-source-line{border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-subtle);color:var(--text-primary);overflow-wrap:anywhere;flex-direction:column;gap:4px;margin:18px 0 0;padding:14px 16px;font-size:.98rem;font-weight:600;line-height:1.55;display:flex}.tl-source-line span{color:var(--text-tertiary);font-size:.8rem;font-weight:700}.tl-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.tl-link{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);height:100%;box-shadow:var(--shadow-rest);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) ease;flex-direction:column;padding:clamp(22px,2.6vw,32px);display:flex}.tl-link-icon{border-radius:var(--radius-md);background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.tl-link-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1.2rem;font-weight:800;line-height:1.25}.tl-link-line{color:var(--text-secondary);margin:8px 0 18px;font-size:.97rem;line-height:1.62}.tl-link-line strong{color:var(--text-primary);font-weight:700}.tl-link-go{color:var(--accent);align-items:center;gap:6px;margin-top:auto;font-size:.95rem;font-weight:700;display:inline-flex}@media (hover:hover){.tl-link:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}}@media (max-width:1024px){.tl-tool{grid-template-columns:minmax(0,1fr)}.tl-links{grid-template-columns:minmax(0,1fr);max-width:640px}}@media (max-width:640px){.tl-roof-form,.tl-block-form{grid-template-columns:minmax(0,1fr)}.tl-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-run,.tl-card-row .btn-primary{width:100%}}@media (prefers-reduced-motion:reduce){.tl-spin{animation:none}.tl-link,.tl-field input{transition:none}}