.tool-container{max-width:1000px;margin:0 auto;padding:4rem 1.5rem}.tool-header{text-align:center;margin-bottom:3rem}.tool-header h1{background:linear-gradient(135deg, red, var(--text-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.tool-header p{color:var(--text-secondary);font-size:1.1rem}.generator-layout{grid-template-columns:350px 1fr;align-items:start;gap:2rem;display:grid}.form-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem;position:sticky;top:100px}.form-grid{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.75rem;display:flex}.input-group label{font-size:.95rem;font-weight:600}.input-base{width:100%}select.input-base{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}.result-panel{flex-direction:column;gap:2rem;display:flex}.result-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.section-header h3{align-items:center;gap:.5rem;font-size:1.25rem;display:flex}.copy-btn{padding:.4rem .8rem;font-size:.85rem}.titles-list{flex-direction:column;gap:.75rem;display:flex}.title-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.title-item:hover{border-color:var(--accent-primary)}.title-text{color:var(--text-primary);font-size:1.05rem;font-weight:500}.title-category{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);margin-left:1rem;padding:.2rem .5rem;font-size:.75rem}.desc-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);white-space:pre-wrap;color:var(--text-primary);padding:1.5rem;font-size:1rem;line-height:1.7}.tags-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--accent-primary);padding:1rem;font-size:1.05rem;font-weight:500}.api-notice{color:var(--text-secondary);text-align:center;margin-top:1rem;font-size:.8rem}@media (max-width:900px){.generator-layout{grid-template-columns:1fr}.form-panel{position:static}}