:root{--primary:#2563eb;--primary-dark:#1d4ed8;--surface:#ffffff;--surface-muted:#f8fafc;--border:#e2e8f0;--border-dark:#cbd5e1;--text-main:#0f172a;--text-muted:#64748b;--success:#10b981;}
.tool-hero{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;margin-bottom:1rem;}
.hero-text{flex:1;min-width:260px;}
.hero-text h1{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:0;}
.hero-subtitle{font-size:18px;color:var(--text-muted);max-width:640px;margin-bottom:1rem;margin-top:0;}
@media (max-width:767px){.hero-text h1{font-size:clamp(1.75rem,5vw,2.5rem);}.hero-subtitle{font-size:clamp(1rem,3vw,1.125rem);}}

.rtg-card{background:var(--surface);border-radius:1rem;border:1px solid var(--border);box-shadow:0 2px 12px rgba(15,23,42,0.04);overflow:hidden;margin-bottom:2rem;}
.rtg-bar{padding:1.25rem;}
@media (min-width:768px){.rtg-bar{padding:1.5rem;}}
.rtg-form{display:flex;flex-direction:column;gap:1.25rem;}
.rtg-hint{display:flex;align-items:flex-start;gap:0.625rem;padding:0.75rem 1rem;font-size:0.9375rem;line-height:1.45;color:var(--text-muted);background:rgba(37,99,235,0.05);border-radius:0.5rem;border-left:3px solid var(--primary);margin:0;}
.rtg-hint-icon{flex-shrink:0;color:var(--primary);}
.rtg-fields{display:grid;grid-template-columns:1fr;gap:1rem;}
@media (min-width:640px){.rtg-fields{grid-template-columns:minmax(0,120px) 1fr 1fr;}}
.rtg-field{display:flex;flex-direction:column;gap:0.35rem;}
.rtg-label{font-weight:600;font-size:0.9375rem;color:var(--text-main);}
.rtg-input,.rtg-select{width:100%;padding:0.7rem 1rem;font-size:1rem;color:var(--text-main);background:var(--surface);border:1px solid var(--border);border-radius:0.5rem;transition:border-color 0.2s,box-shadow 0.2s;}
.rtg-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;padding-right:2.25rem;}
.rtg-input:focus,.rtg-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.12);}
.rtg-input:hover,.rtg-select:hover{border-color:var(--border-dark);}
.rtg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.rtg-actions{display:flex;flex-wrap:wrap;gap:0.75rem;}
.rtg-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.35rem;font-size:1rem;font-weight:600;border-radius:0.5rem;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;border:none;}
.rtg-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;}
.rtg-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,99,235,0.28);}
.rtg-btn-primary:active{transform:translateY(0);}
.rtg-btn-primary:focus{outline:2px solid var(--primary);outline-offset:2px;}
.rtg-btn-primary.loading,.rtg-btn-primary:disabled{cursor:wait;opacity:0.88;}
.rtg-btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border);}
.rtg-btn-ghost:hover{border-color:var(--primary);color:var(--primary);}
.rtg-btn-ghost:focus{outline:2px solid var(--primary);outline-offset:2px;}

.rtg-outcome{padding:1.25rem;border-top:1px solid var(--border);background:var(--surface-muted);}
@media (min-width:768px){.rtg-outcome{padding:1.5rem;}}
.rtg-outcome-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 1rem;}
.rtg-list{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:0.75rem;}
.rtg-item{background:var(--surface);border-radius:0.75rem;padding:1.125rem 1.25rem;border:1px solid var(--border);box-shadow:0 1px 3px rgba(15,23,42,0.04);transition:border-color 0.2s,box-shadow 0.2s;}
.rtg-item.has-topic{border-color:var(--primary);box-shadow:0 4px 14px rgba(37,99,235,0.12);}
.rtg-num{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(37,99,235,0.12);color:var(--primary);font-weight:700;font-size:0.875rem;margin-bottom:0.6rem;}
.rtg-item-title{font-size:1.0625rem;font-weight:600;color:var(--text-main);line-height:1.45;margin:0 0 0.5rem;}
.rtg-meta{display:flex;flex-wrap:wrap;gap:0.4rem;}
.rtg-tag{display:inline-block;padding:0.3rem 0.65rem;border-radius:9999px;font-size:0.8rem;font-weight:600;}
.rtg-tag.type{background:#e0e7ff;color:#4338ca;}
.rtg-tag.audience{background:#fce7f3;color:#9d174d;}

.rtg-tips{padding:1rem 0;border-top:1px solid var(--border);}
.rtg-tips-title{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 0.6rem;}
.rtg-tips-list{list-style:none;padding:0;margin:0;}
.rtg-tips-list li{position:relative;padding-left:1.35rem;font-size:0.9375rem;color:var(--text-muted);margin-bottom:0.4rem;}
.rtg-tips-list li:last-child{margin-bottom:0;}
.rtg-tips-list li::before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:700;}
.rtg-foot{display:flex;flex-wrap:wrap;gap:0.5rem;padding-top:0.75rem;}
.rtg-foot-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.55rem 1rem;font-size:0.875rem;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:0.5rem;cursor:pointer;transition:color 0.2s,border-color 0.2s,background 0.2s;}
.rtg-foot-btn:hover{color:var(--primary);border-color:var(--primary);}
.rtg-foot-btn:focus{outline:2px solid var(--primary);outline-offset:2px;}
.rtg-foot-btn.copied{background:var(--success);border-color:var(--success);color:#fff;}
.rtg-share{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border);}
.rtg-share-title{font-size:0.875rem;font-weight:600;color:var(--text-main);margin:0 0 0.6rem;}
.rtg-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:0.5rem;}
.rtg-share-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 0.65rem;font-size:0.8125rem;font-weight:600;color:#fff;text-decoration:none;border-radius:0.375rem;transition:transform 0.15s,opacity 0.15s;}
.rtg-share-btn:hover{transform:translateY(-1px);opacity:0.95;}
.rtg-share-x{background:#0f172a;}
.rtg-share-fb{background:#1877f2;}
.rtg-share-in{background:#0a66c2;}
.rtg-share-rd{background:#ff4500;}
.rtg-share-tg{background:#229ed9;}
.rtg-share-wa{background:#25d366;color:#0f172a;}

.rtg-empty{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem 1.25rem;background:var(--surface-muted);border:1px dashed var(--border);border-radius:0.75rem;margin:0 1.25rem 1.25rem;}
@media (min-width:768px){.rtg-empty{margin:0 1.5rem 1.5rem;min-height:220px;}}
.rtg-empty-inner{text-align:center;max-width:260px;}
.rtg-empty-icon{display:block;color:var(--text-muted);opacity:0.5;margin-bottom:0.75rem;}
.rtg-empty-title{font-size:1.0625rem;font-weight:600;color:var(--text-main);margin:0 0 0.25rem;}
.rtg-empty-desc{font-size:0.9375rem;color:var(--text-muted);margin:0;}

.rtg-content{margin-bottom:2rem;}
.rtg-content-h2{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 0.6rem;}
.rtg-content p{font-size:1rem;line-height:1.55;color:var(--text-muted);margin:0 0 1rem;}
.rtg-content p:last-child{margin-bottom:0;}

@media (prefers-reduced-motion:reduce){.rtg-btn,.rtg-item,.rtg-share-btn,.rtg-foot-btn{transition:none;}}