.fdr-app{max-width:1050px;margin:28px auto}.fdr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.fdr-app fieldset,.fdr-panel{min-width:0;border:1px solid var(--line,#ccc);padding:24px;border-radius:12px}.fdr-app legend{font-size:1.2rem;font-weight:700;padding:0 8px}.fdr-app label{display:block;margin:16px 0 6px}.fdr-app input{display:block;width:100%;box-sizing:border-box;padding:12px;font:inherit;color:inherit;background:var(--panel,#191a1d);border:1px solid var(--line,#aaa);border-radius:5px}.fdr-app input:focus-visible{outline:3px solid #d97706;outline-offset:3px}.fdr-app input:invalid{border-color:#b91c1c}.fdr-result{font-size:1.1rem;font-weight:700;margin-top:24px;padding-top:18px;border-top:1px solid var(--line,#ccc);font-variant-numeric:tabular-nums}.fdr-panel h2{font-size:1.3rem;margin-top:0}.fdr-panel p,.fdr-notes p{line-height:1.65}.fdr-notes{margin-top:32px;border-top:1px solid var(--line,#ccc);padding-top:16px}.fdr-app>p,#fdr-help{line-height:1.6}.fdr-preview{display:flex;align-items:center;justify-content:center;min-height:220px;font-size:clamp(2.5rem,7vw,5rem);font-weight:800;letter-spacing:-.06em;background:#182323;color:#f6b34c}.fdr-preview span{font-size:1rem;letter-spacing:.08em}@media(max-width:650px){.fdr-grid{grid-template-columns:1fr;gap:16px}.fdr-app fieldset,.fdr-panel{padding:18px}}

.fdr-app fieldset,.fdr-panel{background:var(--panel)}.fdr-panel h2{margin-bottom:16px}.fdr-panel p+p,.fdr-notes p+p{margin-top:14px}.fdr-preview{padding:30px}.fdr-result{color:var(--text)}