.hero{padding-top:clamp(28px,5vw,56px)}.hero__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 32px;margin-bottom:clamp(20px,3vw,32px);display:flex}.hero__title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(32px,5vw,58px);font-weight:800;line-height:1.08}.hero__line{white-space:nowrap;display:inline-block}.hero__mark{font-family:var(--mono);letter-spacing:-.05em;color:var(--green-ink);font-weight:700}.hero__lead{max-width:380px;color:var(--muted);text-wrap:pretty;margin:0;font-size:15px}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:var(--muted);font-size:13px;font-weight:600}.text-input{width:100%;height:56px;font:500 22px/1 var(--mono);font-variant-ligatures:none;color:var(--text);background:var(--bg);border:1.5px solid var(--line-strong);border-radius:var(--radius-input);caret-color:var(--green);outline:none;padding:0 16px}.text-input::placeholder{color:var(--muted);opacity:.7}.text-input:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 22%, transparent)}.select{height:44px;font:500 14px/1 var(--mono);color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-input);padding:0 12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);height:34px;color:var(--text);font:500 13px/1 var(--sans);background:0 0;border-radius:999px;padding:0 13px;transition:all .15s}.chip:hover{border-color:var(--green);color:var(--green-ink);background:var(--green-tint)}.pills{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.pill{border:1px solid var(--line-strong);height:36px;color:var(--text);font:600 13px/1 var(--sans);white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:0 15px}.pill.is-active{border-color:var(--text);background:var(--text);color:var(--bg)}.pills--sm{flex-wrap:wrap;gap:6px;overflow:visible}.pills--sm .pill{height:30px;padding:0 11px;font-size:12px;font-weight:500}.badge{background:var(--amber-tint);color:var(--amber-ink);font:700 11px/1 var(--mono);border-radius:4px;margin-right:6px;padding:3px 6px}.badge--solid{background:var(--amber);color:var(--on-amber);flex:none;margin-right:0;padding:4px 6px}.note{color:var(--muted);margin:0;font-size:13px}.image-feedback{border-radius:var(--radius-input);background:var(--bg);padding:10px 12px}.image-feedback--error{color:var(--amber-ink);background:var(--amber-tint)}.conv__actions button:disabled,.term__actions button:disabled,.more-link:disabled,.fcard:disabled{opacity:.45;cursor:not-allowed}button.more-link{text-align:left;background:0 0;border:0;padding:0;font-family:inherit}.note-slot{display:grid}.note-slot>*{grid-area:1/1;align-self:start}.note-slot>.is-hidden{visibility:hidden}.note--hangul{border-radius:var(--radius-input);background:var(--amber-tint);color:var(--amber-ink);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.5;display:flex}.drop{border:1.5px dashed var(--line-strong);text-align:center;color:var(--muted);cursor:pointer;border-radius:12px;place-items:center;gap:6px;padding:22px;font-size:13px;transition:all .15s;display:grid}.drop:hover,.drop.is-drag,.drop:focus-within{border-color:var(--green);background:var(--green-tint)}.drop__title{color:var(--text);font-weight:600}.drop--lg{padding:22px 16px}.drop--lg .drop__title{font-size:14px;font-weight:700}.samples{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sample{border-radius:var(--radius-input);background:var(--surface);aspect-ratio:4/3;border:2px solid #0000;padding:0;overflow:hidden}.sample.is-active{border-color:var(--green)}.sample img{object-fit:cover;width:100%;height:100%}.range{flex-direction:column;gap:6px;display:flex}.range__head{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.range__value{font-family:var(--mono);color:var(--text)}.seg{border:1px solid var(--line-strong);border-radius:8px;display:flex;overflow:hidden}.seg--fill{border-radius:var(--radius-input);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.seg__btn{border:0;border-right:1px solid var(--line);height:38px;color:var(--text);font:600 13px/1 var(--sans);white-space:nowrap;background:0 0;padding:0 6px}.seg__btn:last-child{border-right:0}.seg__btn--sm{border-right:0;height:32px;padding:0 12px}.seg__btn.is-active{background:var(--text);color:var(--bg)}@media (width<=759px){.hero__line{display:block}}
