#contents-wrap{max-width:1080px;margin:auto;padding:24px 20px 70px;box-sizing:border-box}.title{display:flex;align-items:center;gap:14px}.prototype{font-size:14px;border-radius:100px;padding:5px 11px;background:#e8f4ec;color:#276741}.intro{line-height:1.8}.brush-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.panel{background:#fff;border:1px solid #dce5df;border-radius:14px;padding:20px;min-width:0;box-sizing:border-box}.panel label,.result-heading h2{display:block;font-size:19px;font-weight:700;margin:0 0 13px}.panel textarea{width:100%;height:260px;box-sizing:border-box;padding:14px;font:inherit;line-height:1.7;border:1px solid #bdcbc2;border-radius:8px;resize:vertical}.query-row{display:flex;gap:9px}.query-row input{min-width:0;flex:1;padding:11px;font:inherit;border:1px solid #bdcbc2;border-radius:8px}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.48}.query-row button,.actions button{border:0;border-radius:8px;background:#28764a;color:#fff;padding:10px 15px}.text-button{border:0;background:none;color:#276741;text-decoration:underline;padding:8px 0}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.suggestions button{border:1px solid #b8cfbf;border-radius:100px;background:#f4faf5;padding:5px 13px;color:#23583a}#status{min-height:3em;line-height:1.5;color:#375844}.result-panel{margin-top:18px}.result-heading{display:flex;align-items:baseline;gap:15px}.hint,.note{color:#5c6d62;font-size:14px;line-height:1.7}.result{white-space:pre-wrap;overflow-wrap:anywhere;min-height:140px;border:1px solid #dce5df;border-radius:8px;background:#fafcf9;padding:17px;font-size:17px;line-height:2}.result .selection{border:0;border-radius:3px;background:#bbebc7;color:#143b24;padding:0 1px;line-height:inherit;text-align:left}.result .selection:hover,.result .selection:focus-visible{outline:2px solid #257043}.result .selection.off{background:#e8eee9;color:inherit;text-decoration:line-through}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.actions button:nth-child(2){background:#835350}.actions button:nth-child(3){background:#64756a}.note{margin-top:20px}@media(max-width:740px){.brush-layout{grid-template-columns:1fr}.query-row{flex-wrap:wrap}.query-row button{width:100%}}