body{background:#17100d;color:#fff1e8}.topbar{background:#21140f;border-color:#523422}.topbar .brand-mark{background:#ff9d68;color:#2d160c}.topbar .navcta{background:#ff9d68;color:#2d160c}.title-app{width:min(1140px,calc(100% - 48px));margin:auto;padding:43px 0 58px}.title-index,.title-panel-top,.title-composer>label,.title-meter>div,.title-stats span,.title-check-panel>div>span{font-size:8px;font-weight:950;letter-spacing:.15em;color:#d99a74}.title-index span{margin-left:9px;color:#987462}.title-intro h1{font-size:clamp(48px,7vw,80px);line-height:.91;letter-spacing:-4px;margin:17px 0}.title-intro h1 em{font-style:normal;color:#ff9d68}.title-intro p{max-width:540px;color:#c6aa99;font-size:12px;line-height:1.7}.title-studio{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:25px}.title-composer,.title-preview,.title-check-panel{padding:21px;border:1px solid #583a2a;border-radius:10px;background:#281a13;min-width:0}.title-composer{background:linear-gradient(140deg,#2d1c14,#21140f)}.title-panel-top{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #583a29;color:#e7a17b}.title-panel-top b{font-size:7px;color:#ffad80}.title-composer>label{display:block;margin:18px 0 8px;color:#d4a58c}.title-composer textarea{width:100%;height:155px;resize:vertical;padding:14px;background:#170f0b;border:1px solid #6d4831;border-radius:6px;color:#fff1e8;font-size:17px;line-height:1.5;outline:none}.title-composer textarea:focus{border-color:#ff9d68;box-shadow:0 0 0 3px #ff9d681e}.title-meter{margin-top:15px}.title-meter>div{display:flex;justify-content:space-between;color:#bd8e72}.title-meter b{color:#ffe4d3}.title-track{height:6px;margin-top:7px;background:#4a2b1d;border-radius:9px;overflow:hidden}.title-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#e36c41,#ffb16b);transition:width .2s}.title-composer>button{margin-top:17px;padding:8px 11px;border:1px solid #704b34;background:transparent;border-radius:4px;color:#e0b59c;font-size:8px;cursor:pointer}.title-preview{background:#1e1713;border-color:#4d382c}.title-search-card{display:flex;align-items:center;gap:13px;padding:22px 0;border-bottom:1px solid #4a3529}.title-thumb{flex:0 0 130px;height:82px;display:grid;place-items:center;align-content:center;gap:5px;background:linear-gradient(135deg,#663a25,#aa5737);border-radius:6px;color:#ffe9d8;font-size:22px}.title-thumb small{font-size:7px;letter-spacing:.16em}.title-search-card>div+div{min-width:0}.title-search-card small{display:block;color:#a78877;font-size:7px}.title-search-card strong{display:block;margin:7px 0;color:#fff0e6;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.title-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:15px}.title-stats>div{padding:10px;background:#2c1e17;border:1px solid #523a2b;border-radius:5px}.title-stats span{display:block;font-size:6px;color:#c58e6e}.title-stats b{display:block;margin-top:7px;color:#ffad80;font-size:17px}.title-check-panel{display:grid;grid-template-columns:.65fr 1fr;gap:20px;margin-top:14px;background:#211610}.title-check-panel h2{margin:6px 0;font-size:19px}.title-check-panel p{font-size:9px;color:#b99d8c}.title-check-panel pre{margin:0;min-height:120px;padding:13px;background:#170f0b;border:1px solid #513a2b;border-radius:6px;color:#e8c6b2;white-space:pre-wrap;font:9px/1.8 ui-monospace,monospace}.title-disclaimer{margin-top:13px;padding:12px 15px;background:#291910;border-left:3px solid #ff9d68;color:#c4a28f;font-size:9px}.title-disclaimer b{color:#ffad80;margin-right:7px}.faq h2{border-color:#503526}.faq p{color:#c4a795}.footer{background:#100b08;border-color:#4a3022}@media(max-width:820px){.title-studio{grid-template-columns:1fr}.title-check-panel{grid-template-columns:1fr}}@media(max-width:620px){.title-app{width:calc(100% - 26px);padding:26px 0 43px}.title-intro h1{letter-spacing:-2.5px}.title-composer,.title-preview,.title-check-panel{padding:15px}.title-thumb{flex-basis:98px;height:70px}.title-stats{gap:4px}.title-stats>div{padding:7px}.title-stats span{font-size:5px}}