.combiner-heading{padding-bottom:32px}.combiner-heading h1{font-size:clamp(40px,5.5vw,76px)}.combiner-tool{padding-bottom:64px}.combiner-intro{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:24px}.combiner-intro p{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}.combiner-intro button{background:none;border:0;padding:8px 0;cursor:pointer;white-space:nowrap}
.combiner-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.combiner-lists>div{min-width:0}.combiner-lists label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}.combiner-lists label>span{color:var(--orange);font-size:11px;margin-right:9px}.combiner-lists small{font-size:10px;font-weight:400;color:var(--muted)}
.combiner-tool textarea{display:block;width:100%;border:1px solid var(--line);background:#fffdf8;border-radius:4px;padding:18px;color:var(--ink);font:14px/1.7 Inter,Arial,sans-serif;resize:vertical;min-height:180px;height:250px}.combiner-tool textarea:focus{outline:2px solid var(--orange);outline-offset:2px}.combiner-tool textarea::placeholder{color:#a2a397}.list-count{font-size:11px;color:var(--muted);margin:10px 0 0}.combiner-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}.combiner-controls p{font-size:12px;margin:0;color:var(--muted)}.combiner-tool button{cursor:pointer}.combiner-note{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 0}#combiner-message{font-size:13px;line-height:1.6;min-height:22px;margin:14px 0 0}#combiner-result{border-top:1px solid var(--line);margin-top:22px;padding-top:32px}.combiner-result-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.combiner-result-heading h2{font-size:28px;letter-spacing:-1px;margin:0}.combiner-result-heading h2 span{font-size:16px;color:var(--muted);font-weight:400;letter-spacing:0}.combiner-result-heading>div{display:flex;gap:12px}.combiner-result-heading .button{padding:12px 16px}#combiner-result label{margin-bottom:12px}#combined-words{height:340px}
@media(max-width:1000px){.combiner-lists{gap:16px}.combiner-lists small{display:block;margin-top:6px}.combiner-lists label{min-height:36px}}
@media(max-width:650px){.combiner-heading h1{font-size:42px;letter-spacing:-2px}.combiner-lists{grid-template-columns:1fr;gap:24px}.combiner-lists label{min-height:0}.combiner-lists small{display:inline}.combiner-tool textarea{height:180px}.combiner-intro{flex-direction:column;gap:6px}.combiner-result-heading{align-items:flex-start;flex-direction:column}.combiner-controls .button{padding:16px}.combiner-result-heading>div{flex-wrap:wrap}}

.combiner-morph-option{margin-top:24px}.combiner-morph-option label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.combiner-morph-option input{width:18px;height:18px;accent-color:var(--orange)}.combiner-morph-option p{font-size:11px;line-height:1.7;color:var(--muted);max-width:720px;margin:10px 0 0}.combiner-tool button:disabled{opacity:.6;cursor:wait}

.combiner-brackets{display:block;margin:0 0 12px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font:12px/1.4 Inter,Arial,sans-serif}.combiner-brackets:hover{border-color:var(--orange);color:var(--orange)}.combiner-brackets:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

.combiner-operators{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.combiner-operators .combiner-brackets{margin:0}.combiner-brackets[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper,#f6f5ef)}