@import url('/static/common/css/style.css');


/* 轻量私有样式，继承公共风格 */

.main h2 { margin-bottom: 12px; }
.sub-title { margin: 0 0 8px 0; font-size: 16px; color: #344767; }

.two-col { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 18px; align-items: start; }
.col-left, .col-right { min-width: 0; }

.beauty-textarea { min-height: 280px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; width: 100%; }
.rs-input { height: 44px; padding: 0 12px; border: 1px solid rgba(60,60,67,0.18); border-radius: 10px; background: #fff; width: 120px; outline: none; transition: box-shadow .2s, border-color .2s; }
.rs-input:focus { border-color: rgba(66,133,244,.5); box-shadow: 0 0 0 3px rgba(66,133,244,.16); }
.rs-input.small { width: 96px; }

.opt-grid { display: grid; gap: 12px; }
.opt-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.opt-label { font-weight: 600; color: #344767; }
.rs-check { display: inline-flex; align-items: center; gap: 8px; }
.rs-check input[type="checkbox"],
.rs-check input[type="radio"] { accent-color: #4285f4; width: 18px; height: 18px; }

.rs-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; align-items: center; }
.buttons-below { margin-top: 14px; }
.output { min-height: 260px; }

.header-top { display: flex; justify-content: space-between; align-items: center; }
.header-left { display: flex; align-items: center; gap: 14px; }
.header-right { width: auto !important; }
.header .header-nav { display: flex; gap: 8px; align-items: center; width: auto !important; flex-wrap: nowrap !important; }

@media (max-width: 900px) {
  .two-col { grid-template-columns: 1fr; }
  .beauty-textarea { min-height: 220px; }
}