@keyframes fueFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fue{animation:fueFadeIn .5s ease-out}.fue__tool{padding:var(--space-6)}.fue__workspace{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media(max-width:900px){.fue__workspace{grid-template-columns:1fr}}.fue__tone-picker{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.fue__tone-btn{flex:1;background:var(--fill-muted);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:8px 12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.fue__tone-btn--active{border-color:var(--brand);color:var(--ink-2);background:var(--accent-glass, var(--fill-muted))}.fue__form{display:flex;flex-direction:column;gap:var(--space-5)}.fue__fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.fue__legend{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink);text-transform:uppercase;letter-spacing:.06em;padding:0;margin-bottom:var(--space-1)}.fue__field{display:flex;flex-direction:column;gap:6px}.fue__field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.fue__field-row{grid-template-columns:1fr}}.fue__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--ink-3)}.fue__input,.fue__textarea{background:var(--fill-muted);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-2);font-size:var(--fs-sm);padding:8px 12px;width:100%;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.fue__textarea{min-height:80px;resize:vertical}.fue__input:focus,.fue__textarea:focus{outline:none;border-color:var(--brand)}.fue__dynamic-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--fill-muted);border:1px solid var(--line);border-radius:var(--radius-md)}.fue__dynamic-item-header{display:flex;align-items:center;justify-content:space-between}.fue__dynamic-item-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.fue__preview-col{display:flex;flex-direction:column;gap:var(--space-4)}.fue__subject-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--fill-muted);border:1px solid var(--line);border-radius:var(--radius-md)}.fue__subject-field{display:flex;flex-direction:column;gap:2px;min-width:0}.fue__subject-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.fue__subject-value{font-size:var(--fs-sm);color:var(--ink-2);font-weight:var(--fw-medium);overflow-wrap:anywhere}.fue__preview-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.fue__preview-title{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--ink);margin:0}.fue__preview-body{background:var(--fill-muted);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);overflow-x:auto;font-size:var(--fs-sm);color:var(--ink-3);line-height:var(--lh-relaxed);white-space:pre-wrap;min-height:200px}.fue__example{padding:var(--space-6)}.fue__example-content{font-size:var(--fs-sm);color:var(--ink-3);line-height:var(--lh-relaxed)}.fue__example-content h2{font-size:var(--fs-base);color:var(--ink);margin-top:var(--space-6)}.fue__example-content h2:first-child{margin-top:0}