.nav[data-tab="title-generation-rules"]::before{content:"";display:inline-block;width:20px;height:20px;flex:0 0 20px;margin-right:1px;background:currentColor;opacity:.8;mask:url('/static/material-symbols/auto_awesome.svg') center/contain no-repeat;-webkit-mask:url('/static/material-symbols/auto_awesome.svg') center/contain no-repeat}
.nav[data-tab="title-generation-rules"].active::before{opacity:1}
.title-generation-intro{padding:22px 26px;margin:0 0 18px;background:#fff;border:1px solid #e3e9ed;border-radius:18px;color:#455761;line-height:1.75}
.title-generation-intro strong{display:block;color:#172d39;font-size:18px;margin-bottom:4px}
.title-generation-card{background:#fff;border:1px solid #e3e9ed;border-radius:18px;padding:24px;box-shadow:0 6px 20px rgba(17,38,50,.04)}
.title-generation-card header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.title-generation-card header h2{font-size:20px;margin:0 0 5px;color:#152c38}
.title-generation-card header p{margin:0;color:#71818b;font-size:13px}
.title-generation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.title-generation-field{display:block;color:#53656f;font-size:14px}
.title-generation-field strong{display:block;color:#1f3c4a;font-size:15px;margin-bottom:4px}
.title-generation-field small{display:block;color:#819099;line-height:1.5;min-height:40px}
.title-generation-field textarea{display:block;box-sizing:border-box;width:100%;min-height:300px;margin-top:9px;padding:14px;border:1px solid #cedae1;border-radius:10px;background:#fafcfd;color:#1f3440;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.title-generation-field textarea:focus{background:#fff;outline:2px solid #9ac3af;border-color:#669b7d}
.title-generation-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.title-generation-actions .muted{margin-left:auto;font-size:12px}
.title-generation-history{margin-top:22px;border-top:1px solid #edf0f2;padding-top:16px}
.title-generation-history h3{margin:0 0 10px;font-size:15px}
.title-generation-history-list{display:flex;flex-wrap:wrap;gap:8px}
.title-generation-history-list button{font-size:12px}
@media(max-width:1000px){.title-generation-fields{grid-template-columns:1fr}.title-generation-field textarea{min-height:240px}}
@media(max-width:650px){.nav[data-tab="title-generation-rules"]::before{width:16px;height:16px;flex-basis:16px}.title-generation-card{padding:16px}.title-generation-card header{display:block}}