:root{font-family:Segoe UI,Arial,sans-serif;color:#183047;background:#f3f6fa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:30px clamp(18px,4vw,58px)}
header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}
h1{font-size:30px;letter-spacing:-1px;margin:0 0 6px}p{margin:0;line-height:1.55}.sub{color:#5b6c80;font-size:15px}
.pill{background:#e5edf9;border:1px solid #c9d8f0;border-radius:30px;padding:8px 13px;font-size:13px;white-space:nowrap}
.settings{background:white;border:1px solid #d9e1eb;border-radius:14px;padding:15px 18px;margin-bottom:18px}
summary{cursor:pointer;font-weight:600;min-height:22px}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:18px}
label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}input,select,textarea,button{font:inherit}
input,select{border:1px solid #bbc8d8;border-radius:8px;padding:10px;background:white;color:#183047;width:100%}
input:focus,select:focus,textarea:focus{outline:3px solid #b8d0ff;outline-offset:1px}input[type=password]{font-family:monospace}
.hint{font-size:13px;color:#607186;margin-top:12px;line-height:1.5}a{color:#245bc7}.links{display:flex;gap:20px;margin-top:12px;font-size:13px}
.style-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.style-rules{height:220px;min-height:180px;border:1px solid #bbc8d8;border-radius:8px;font-size:14px;padding:12px}.style-section{margin-top:16px}.example{background:#f7f9fc;border:1px solid #d9e1eb;border-radius:10px;padding:14px;margin-top:12px}.example-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.example-head input{flex:1;min-width:0}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.example textarea{height:155px;min-height:120px;border:1px solid #bbc8d8;border-radius:8px;font-size:13px;padding:10px}.style-state{font-size:13px;color:#607186;margin-top:12px}.small-button{font-size:13px;min-height:35px;padding:7px 11px}.example-note{font-size:13px;color:#607186;line-height:1.5;margin-top:12px}.review-tools{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:14px;align-items:center}.review-tools p{font-size:13px;color:#607186;max-width:720px}.profile-badge{font-size:12px;font-weight:400;margin-left:10px;color:#607186}.output-hint{font-size:12px;color:#728297}#importProfileFile{display:none}
.tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}
button{cursor:pointer;border:1px solid #bbc8d8;background:white;color:#183047;border-radius:9px;min-height:43px;padding:10px 17px;font-weight:600}
button:hover{background:#eaf0f9}button.primary{background:#245bc7;border-color:#245bc7;color:white}button.primary:hover{background:#174ba9}
button:disabled{opacity:.48;cursor:default}.language{width:130px}.spacer{flex:1}.editors{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.editor{background:white;border:1px solid #d9e1eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 17px;border-bottom:1px solid #e4eaf2}
.editor-head label{margin:0;font-size:15px}.count{font-size:12px;color:#728297}
textarea{width:100%;resize:vertical;min-height:430px;height:55vh;max-height:1000px;padding:18px;line-height:1.65;border:0;border-radius:0;background:white;color:#172c42;tab-size:4}
textarea::placeholder{color:#8793a4}textarea[readonly]{background:#fcfdff}
.status{min-height:43px;padding:12px 0 6px;font-size:14px;color:#52677f;white-space:pre-wrap}.status.error{color:#a22626}
footer{border-top:1px solid #d9e1eb;margin-top:10px;padding-top:14px;color:#607186;font-size:12px;line-height:1.6}
.busy:before{content:'';display:inline-block;width:13px;height:13px;margin-right:9px;border:2px solid #c2d4ef;border-top-color:#245bc7;border-radius:50%;vertical-align:-2px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){main{padding:20px 15px}header{align-items:flex-start}.pill{display:none}.settings-grid,.editors,.example-grid{grid-template-columns:1fr}.spacer{display:none}textarea{min-height:290px;height:40vh}.style-rules{height:240px;min-height:180px}.example textarea{height:155px;min-height:120px}.tools button{padding:10px 12px}.example-head{flex-wrap:wrap}}