:root{font-family:Arial,Helvetica,sans-serif;color:#202823;background:#f4f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea,select{font:inherit}button,a,select,summary{touch-action:manipulation}button{cursor:pointer}header{height:86px;max-width:1440px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde1d9}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:700;letter-spacing:.14em;font-size:17px}.brand img{width:39px;height:39px;object-fit:contain;mix-blend-mode:multiply}.brand span{font-weight:400;letter-spacing:0;font-size:14px;color:#687267;margin-left:10px}.badge{font-size:12px;display:flex;align-items:center;gap:8px}.badge i{height:6px;width:6px;border-radius:50%;background:#5f7d60}main{max-width:1370px;margin:0 auto;padding:36px 32px 28px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:48px}.eyebrow,.section-label{font-size:10px;letter-spacing:.17em;font-weight:700;color:#758072}h1{font-family:Georgia,serif;font-size:44px;font-weight:400;letter-spacing:-.04em;margin:16px 0}.intro{color:#626c60;font-size:14px;line-height:1.65;margin:0 0 28px}label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}select{width:100%;padding:12px;border-radius:8px;border:1px solid #ccd3c7;background:#fff;color:#202823}.hint{font-size:11px;line-height:1.6;color:#687267;min-height:34px}.section-label{margin:26px 0 12px}#examples{display:grid;gap:7px}.example{border:1px solid #d9dfd4;background:transparent;text-align:start;padding:11px 12px;border-radius:8px;color:#424e3e;font-size:12px;transition:background .2s,border-color .2s}.example:hover{background:#e6eadf;border-color:#b7c2ad}.dataset{font-size:12px;margin:22px 0}.dataset summary{cursor:pointer}.record{padding:10px 0;border-bottom:1px solid #dce2d5;line-height:1.6;overflow-wrap:anywhere}.record strong{display:block;font-size:11px}.limits{font-size:11px;line-height:1.65;color:#6d7769;border-top:1px solid #dce2d5;padding-top:18px}.limits strong{color:#404c3b}.workspace{border:1px solid #dce1d6;border-radius:18px;background:#fff;display:flex;flex-direction:column;height:calc(100dvh - 150px);min-height:520px;max-height:1000px;box-shadow:0 18px 55px #24351a06;overflow:hidden}.chat-head{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0e9}.chat-head strong{font-size:14px;letter-spacing:.09em}.chat-head span{display:block;font-size:11px;color:#7a8374;margin-top:5px}.quiet{border:1px solid #dde2d6;background:#fff;border-radius:7px;padding:8px 11px;font-size:11px;color:#636e5c}.quiet:hover{background:#f3f5ef}#messages{flex:1;overflow:auto;padding:27px;scroll-behavior:smooth;overscroll-behavior:contain}.message{margin:0 0 22px;max-width:92%}.message.user{margin-left:auto;max-width:85%;background:#eef1e9;padding:14px 17px;border-radius:13px 13px 3px 13px}.who{font-size:10px;letter-spacing:.08em;color:#7e8877;margin-bottom:8px;font-weight:700}.reply{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin:0}.trace{margin-top:12px;font-size:11px;color:#5d6c52}.trace summary{cursor:pointer}.trace pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f8f4;border:1px solid #e6eadf;border-radius:8px;padding:12px;line-height:1.6;color:#53604a;font-size:11px}#composer{padding:18px 25px 20px;border-top:1px solid #edf0e9}.input-row{display:flex;align-items:center;gap:14px;border:1px solid #d7dfce;padding:9px 11px 9px 15px;border-radius:12px}.input-row:focus-within{border-color:#768962;box-shadow:0 0 0 3px #edf0e7}textarea{flex:1;min-width:0;border:none;resize:none;outline:none;padding:7px 0;background:transparent;font-size:14px;line-height:1.5;color:#24301c}#send{background:#293921;color:#fff;border:none;border-radius:9px;width:41px;height:41px;font-size:25px;flex-shrink:0}#send:disabled{opacity:.45;cursor:wait}.form-note{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#818a7b;margin-top:11px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:2px solid #71875c;outline-offset:3px}@media(min-width:950px){aside{max-height:calc(100dvh - 150px);overflow:auto;padding-right:5px}}@media(max-width:900px){main{gap:25px;grid-template-columns:260px minmax(0,1fr);padding:25px 20px}header{padding:0 25px}h1{font-size:37px}}@media(max-width:700px){header{height:68px;padding:0 18px}.brand{font-size:15px}.brand span{display:none}.badge{font-size:10px}main{display:flex;flex-direction:column;padding:22px 14px;gap:22px}aside{padding:0 5px}h1{font-size:34px;margin:10px 0}.intro{margin-bottom:15px}.eyebrow{font-size:9px}#examples{grid-template-columns:1fr 1fr}.section-label{margin-top:15px}.hint{min-height:0}.limits{font-size:10px;margin-top:16px}.limits p{margin:5px 0}.workspace{height:650px;min-height:490px;max-height:85dvh}.chat-head{padding:18px}#messages{padding:20px 16px}#composer{padding:14px}.form-note{font-size:9px}.message{max-width:98%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.choice,.confirm{font-size:12px;padding:10px 13px;border:1px solid #cad5bf;border-radius:8px;background:#f6f8f1;color:#35482a;text-align:start;line-height:1.4}.choice:hover{background:#e9f0de}.confirm{background:#293921;color:white;border-color:#293921}.choices button:disabled{opacity:.45;cursor:default}.draft{margin-top:15px;border:1px solid #cad7bc;border-radius:12px;padding:18px;background:#fafcf7}.draft-tag{font-size:9px;letter-spacing:.1em;color:#6a795a;margin-bottom:14px}.destination{font-size:11px;color:#758268;margin-top:5px;overflow-wrap:anywhere}.draft-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;padding:14px 0;border-top:1px solid #e1e8d8;border-bottom:1px solid #e1e8d8}.draft-warning{font-size:11px;line-height:1.5;color:#717e62}

.notification{margin:12px 0;padding:15px;border-radius:12px;border:1px solid #c8d9df;background:#edf5f8;color:#294654}.notification-tag{font-size:8px;letter-spacing:.08em;margin-bottom:10px;color:#548093}.notification strong{font-size:13px}.notification p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notification small{font-size:9px;color:#65818e}.notification-empty{font-size:11px;line-height:1.6;color:#75806d}
