.generator-page{max-width:1080px;margin:0 auto}.generator-hero{max-width:760px;margin-bottom:26px}.generator-hero h1{margin-bottom:10px}.generator-workspace{background:rgba(255,255,255,.84);border:1px solid var(--tv-line);border-radius:24px;padding:clamp(18px,3.5vw,34px);box-shadow:var(--tv-shadow)}.generator-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(290px,.94fr);gap:25px}.generator-panel{min-width:0}.generator-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:19px}.generator-panel-head h2{font-size:clamp(1.25rem,2.3vw,1.65rem);margin:0}.generator-panel-head p{color:var(--tv-muted);margin:5px 0 0;font-size:.84rem;line-height:1.5}.generator-icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--tv-ink);background:var(--tv-lime);font-size:1.23rem;font-weight:800}.generator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.generator-field{display:grid;gap:7px;color:#40577f;font-size:.82rem;font-weight:750}.generator-field.full{grid-column:1/-1}.generator-field input,.generator-field select,.generator-field textarea{width:100%;min-width:0;color:var(--tv-ink);background:#fff;border:1px solid #cddfeb;border-radius:11px;padding:11px 12px;font:inherit;font-weight:650}.generator-field input,.generator-field select{min-height:46px}.generator-field textarea{min-height:150px;resize:vertical;line-height:1.5}.generator-field input:focus,.generator-field select:focus,.generator-field textarea:focus{border-color:var(--tv-cyan);outline:3px solid rgba(19,212,210,.15);outline-offset:0}.generator-options{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.generator-option{display:flex;align-items:center;gap:7px;padding:8px 10px;color:#40577f;background:#f5fbff;border:1px solid var(--tv-line);border-radius:10px;font-size:.78rem;font-weight:700}.generator-option input{accent-color:var(--tv-blue);width:16px;height:16px;margin:0}.generator-action{display:inline-flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:51px;color:#fff;background:linear-gradient(105deg,var(--tv-blue),var(--tv-cyan));border:0;border-radius:12px;box-shadow:0 12px 22px rgba(20,108,245,.23);font:inherit;font-weight:800;cursor:pointer}.generator-action:hover{transform:translateY(-1px);box-shadow:0 16px 27px rgba(20,108,245,.29)}.generator-action:focus-visible,.generator-copy:focus-visible{outline:3px solid rgba(19,212,210,.45);outline-offset:3px}.generator-result{display:flex;flex-direction:column;justify-content:center;min-height:370px;padding:clamp(19px,3vw,30px);overflow:hidden;color:var(--tv-ink);background:linear-gradient(145deg,#fff,#f3fcff);border:1px solid #d7ebf1;border-radius:20px;position:relative}.generator-result:before{content:"";position:absolute;top:-85px;right:-68px;width:190px;height:190px;border-radius:50%;background:rgba(19,212,210,.15)}.generator-result:after{content:"";position:absolute;bottom:-95px;left:-85px;width:180px;height:180px;border-radius:50%;background:rgba(20,108,245,.09)}.generator-result>*{position:relative;z-index:1}.generator-kicker{color:var(--tv-blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.69rem;font-weight:850}.generator-empty{color:var(--tv-muted);max-width:270px;margin:0;font-size:.91rem;line-height:1.55}.generator-value{overflow-wrap:anywhere;letter-spacing:-.05em;margin:0;color:var(--tv-ink);font-size:clamp(2rem,5vw,4.1rem);font-weight:850;line-height:1.02}.generator-value.compact{font-size:clamp(1.45rem,3.1vw,2.3rem);line-height:1.25}.generator-value.password{letter-spacing:-.025em;font-size:clamp(1.4rem,3vw,2.15rem);line-height:1.2}.generator-note{color:var(--tv-muted);margin:12px 0 0;font-size:.83rem;line-height:1.5}.generator-copy{align-self:flex-start;margin-top:18px;padding:9px 12px;color:var(--tv-blue);background:#e8f9f8;border:0;border-radius:10px;font:inherit;font-size:.79rem;font-weight:800;cursor:pointer}.generator-copy:hover{color:var(--tv-ink);background:var(--tv-lime)}.generator-history{display:grid;gap:7px;margin-top:18px}.generator-history h3{margin:0 0 3px;font-size:.8rem}.generator-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;color:#40577f;background:rgba(255,255,255,.74);border:1px solid var(--tv-line);border-radius:10px;font-size:.78rem;font-weight:700}.generator-history-item span:last-child{color:#7e91ae;white-space:nowrap;font-size:.71rem;font-weight:600}.generator-list{display:grid;gap:8px;margin:15px 0 0;padding:0;list-style:none;counter-reset:generator-items}.generator-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--tv-ink);background:#fff;border:1px solid var(--tv-line);border-radius:10px;font-size:.86rem;font-weight:750;counter-increment:generator-items}.generator-list.numbered li:before{content:counter(generator-items);display:grid;place-items:center;flex:0 0 auto;width:23px;height:23px;color:var(--tv-blue);background:#e8f9f8;border-radius:7px;font-size:.71rem;font-weight:850}.generator-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.generator-stat{padding:11px;background:rgba(255,255,255,.72);border:1px solid var(--tv-line);border-radius:11px}.generator-stat span{display:block;color:#7489a8;font-size:.7rem;font-weight:700}.generator-stat strong{display:block;margin-top:3px;color:var(--tv-ink);font-size:1.1rem}.generator-wheel-wrap{display:grid;place-items:center;min-height:265px}.generator-wheel{position:relative;width:min(260px,74vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--tv-blue) 0 60deg,var(--tv-cyan) 60deg 120deg,#2b8ff4 120deg 180deg,#68d7d0 180deg 240deg,#173c90 240deg 300deg,#8ce0db 300deg);box-shadow:0 18px 35px rgba(16,77,140,.22);transition:transform 3.3s cubic-bezier(.12,.8,.12,1)}.generator-wheel:before{content:"";position:absolute;inset:12%;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 7px rgba(20,108,245,.08)}.generator-wheel:after{content:"▼";position:absolute;top:-20px;left:50%;color:var(--tv-lime);font-size:28px;line-height:1;transform:translateX(-50%);text-shadow:0 2px 4px rgba(7,28,85,.25)}.generator-wheel-center{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:65px;height:65px;color:var(--tv-ink);background:var(--tv-lime);border:5px solid #fff;border-radius:50%;font-size:.77rem;font-weight:850;text-align:center;transform:translate(-50%,-50%)}.generator-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.generator-team{padding:12px;background:#fff;border:1px solid var(--tv-line);border-radius:12px}.generator-team h3{color:var(--tv-blue);margin:0 0 8px;font-size:.79rem}.generator-team ul{display:grid;gap:5px;margin:0;padding:0;list-style:none;color:var(--tv-ink);font-size:.79rem;font-weight:700}.generator-team li{padding-bottom:5px;border-bottom:1px solid #edf3fa}.generator-team li:last-child{border:0;padding:0}.generator-coin{display:grid;place-items:center;width:142px;height:142px;margin:0 auto 16px;color:#fff;background:radial-gradient(circle at 31% 28%,#7aece3,#0cb9c4 48%,#1676eb 100%);border:8px solid #e2fbf8;border-radius:50%;box-shadow:0 17px 30px rgba(16,120,170,.24);font-size:1.05rem;font-weight:850}.generator-dice-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:17px}.generator-die{display:grid;place-items:center;width:53px;height:53px;color:var(--tv-ink);background:var(--tv-lime);border-radius:14px;box-shadow:0 8px 16px rgba(119,189,43,.18);font-size:1.4rem;font-weight:850}.generator-page .content-block{max-width:800px}.generator-page .content-block h2{margin-top:0}.generator-page .faq-list details{background:#fff}.generator-page .faq-list p{margin-bottom:0}
@media (max-width:780px){.generator-grid{grid-template-columns:1fr}.generator-result{min-height:285px}.generator-wheel-wrap{min-height:240px}}@media (max-width:520px){.generator-workspace{border-radius:19px;padding:16px}.generator-fields{grid-template-columns:1fr}.generator-field.full{grid-column:auto}.generator-result{border-radius:17px;min-height:260px}.generator-team-grid{grid-template-columns:1fr}.generator-options{gap:7px}.generator-option{padding:7px 8px}}