.gen{background:var(--pc-canvas);min-height:100vh}.gen-header{z-index:40;border-bottom:1px solid var(--pc-border);-webkit-backdrop-filter:saturate(1.5)blur(12px);backdrop-filter:saturate(1.5)blur(12px);background:#ffffffd1;position:sticky;top:0}.gen-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:68px;margin:0 auto;padding:0 32px;display:flex}.gen-logo img{width:172px}.gen-status{border:1px solid var(--pc-border);background:var(--pc-surface);height:30px;color:var(--pc-muted);white-space:nowrap;cursor:help;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.gen-status-dot{background:var(--pc-success-dot);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #08bfae2e}.gen-main{max-width:1200px;margin:0 auto;padding:28px 32px 96px}.gen-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.gen-aside{flex-direction:column;gap:16px;display:flex;position:sticky;top:92px}.gen-stepper{border:1px solid var(--pc-border);background:var(--pc-surface);box-shadow:var(--pc-shadow-xs);border-radius:14px;margin-bottom:40px;padding:5px;position:relative}.gen-stepper ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.gen-stepper-pill{background:var(--pc-violet-50);width:0;height:0;box-shadow:inset 0 0 0 1px var(--pc-violet-100);opacity:0;pointer-events:none;border-radius:10px;position:absolute;top:0;left:0}.gen-stepper[data-pill] .gen-stepper-pill{opacity:1}.gen-stepper[data-pill] .gen-step-btn.is-current{background:0 0}.gen-step-btn{z-index:1;width:100%;height:44px;color:var(--pc-muted);text-align:left;cursor:pointer;transition:background-color .2s var(--pc-ease), color .2s var(--pc-ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex;position:relative}.gen-step-btn:hover:not(:disabled):not(.is-current){background:var(--pc-surface-2);color:var(--pc-ink)}.gen-step-btn:disabled{color:#a6a9bd;cursor:default}.gen-step-btn.is-current{background:var(--pc-violet-50);color:var(--pc-violet-700);font-weight:600}.gen-step-num{border:1.5px solid var(--pc-border-strong);height:24px;transition:background-color .25s var(--pc-ease), border-color .25s var(--pc-ease), color .25s var(--pc-ease);border-radius:50%;flex:0 0 24px;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.gen-step-num md-icon{font-size:15px}.is-current .gen-step-num{border-color:var(--pc-violet);background:var(--pc-violet);color:#fff}.is-done .gen-step-num{border-color:var(--pc-violet-200);background:var(--pc-violet-50);color:var(--pc-violet)}.gen-step-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gen-step-head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.gen-step-head h1{letter-spacing:-.03em;margin-top:10px;font-size:clamp(28px,3vw,36px);line-height:1.15}.gen-step-head p{max-width:420px;color:var(--pc-muted);font-size:15px;line-height:1.6}.gen-guide{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;display:grid}.gen-guide-intro{background:radial-gradient(420px 260px at 100% 0%, #42b9ff1a, transparent 70%), radial-gradient(420px 300px at 0% 100%, #9b40f914, transparent 70%), var(--pc-surface);padding:52px 48px;position:relative;overflow:hidden}.gen-guide-intro h1{letter-spacing:-.035em;max-width:560px;margin:16px 0 18px;font-size:clamp(32px,4vw,48px);line-height:1.07}.gen-guide-intro>p{max-width:520px;color:var(--pc-muted);font-size:17px;line-height:1.65}.gen-guide-actions{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:32px;display:flex}.gen-guide-actions span{color:var(--pc-subtle);font-size:13.5px}.gen-guide-letters{flex-direction:column;margin:0;padding:8px;list-style:none;display:flex}.gen-guide-letters li{border-bottom:1px solid var(--pc-border);flex:1;align-items:center;gap:16px;padding:16px;display:flex}.gen-guide-letters li:last-child{border-bottom:0}.gen-guide-letters strong{color:var(--pc-ink);font-size:15.5px;font-weight:600;display:block}.gen-guide-letters li span:not(.letter-tile){color:var(--pc-muted);font-size:14px}.gen-guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.gen-guide-steps li{border:1px solid var(--pc-border);border-radius:var(--pc-radius-lg);animation:pc-fade-up .5s var(--pc-ease-out) both;animation-delay:calc(.12s + var(--i) * 70ms);background:#fff9;padding:22px 24px}.gen-guide-num{color:var(--pc-violet);font:600 12px/1 var(--pc-mono)}.gen-guide-steps h2{letter-spacing:-.01em;margin:12px 0 6px;font-size:16px}.gen-guide-steps p{color:var(--pc-muted);font-size:14px;line-height:1.55}.gen-form{padding:24px}.gen-modes{border-radius:var(--pc-radius-md);background:var(--pc-surface-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:28px;padding:4px;display:grid}.gen-mode{color:var(--pc-muted);cursor:pointer;transition:background-color .2s var(--pc-ease), color .2s var(--pc-ease), box-shadow .2s var(--pc-ease);background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;display:flex}.gen-mode strong{font-size:13.5px;font-weight:600}.gen-mode span{font-size:11.5px}.gen-mode:hover{color:var(--pc-ink)}.gen-mode[aria-checked=true]{background:var(--pc-surface);box-shadow:var(--pc-shadow-sm);color:var(--pc-ink)}.gen-mode[aria-checked=true] strong{color:var(--pc-violet)}.gen-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;display:grid}.gen-field{flex-direction:column;gap:10px;display:flex}.gen-field-label{color:var(--pc-ink);cursor:pointer;align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}.gen-field-label small{color:var(--pc-subtle);text-align:right;margin-left:auto;font-size:12.5px;font-weight:400}.gen textarea{border:1px solid var(--pc-border-strong);border-radius:var(--pc-radius-md);background:var(--pc-surface);width:100%;min-height:98px;box-shadow:var(--pc-shadow-xs);color:var(--pc-ink);resize:vertical;transition:border-color .18s var(--pc-ease), box-shadow .18s var(--pc-ease);outline:none;padding:12px 14px;font-size:14.5px;line-height:1.55}.gen textarea::placeholder{color:var(--pc-subtle);opacity:1}.gen textarea:hover{border-color:#bfc0d6}.gen textarea:focus{border-color:var(--pc-violet);box-shadow:var(--pc-ring)}.gen-field-extra{border-top:1px solid var(--pc-border);margin-top:24px;padding-top:24px}.gen-card{padding:20px}.gen-card-head{color:var(--pc-ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.gen-card-head strong{color:var(--pc-violet);font-variant-numeric:tabular-nums}.gen-checklist{gap:2px;margin:16px 0 20px;padding:0;list-style:none;display:grid}.gen-checklist li{color:var(--pc-muted);transition:color .2s var(--pc-ease);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.gen-checklist li md-icon{color:#c3c5d6;margin-left:auto;font-size:18px}.gen-checklist li.is-ok{color:var(--pc-ink)}.gen-checklist li.is-ok .letter-tile{border-color:var(--pc-violet-100);background:var(--pc-violet-50);color:var(--pc-violet)}.gen-checklist li.is-ok md-icon{color:var(--pc-success-dot);animation:pc-pop .3s var(--pc-ease-out)}.gen-hint{color:var(--pc-muted);margin-top:10px;font-size:12.5px;line-height:1.45}.gen-reset{margin-top:8px}.gen-reset:disabled{background:0 0}.gen-card-callout{margin-top:16px;font-size:13px}.gen-card-actions{gap:8px;margin-top:20px;display:grid}.gen-diag{padding:8px 24px}.gen-reformulation{border:1px solid var(--pc-violet-100);background:var(--pc-violet-50);border-radius:14px;margin:16px 0 8px;padding:18px 20px}.gen-reformulation p{color:var(--pc-ink);overflow-wrap:anywhere;margin-top:8px;font-size:15px;line-height:1.6}.gen-diag-list{margin:0;padding:0;list-style:none}.gen-diag-row{border-bottom:1px solid var(--pc-border);animation:pc-fade-up .45s var(--pc-ease-out) both;animation-delay:calc(.1s + var(--i) * 60ms);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px 0;display:grid}.gen-diag-row:last-child{border-bottom:0}.gen-diag-text strong{color:var(--pc-ink);font-size:14.5px;font-weight:600}.gen-diag-text p{color:var(--pc-muted);overflow-wrap:anywhere;margin-top:3px;font-size:14px;line-height:1.5}.gen-diag-text p.is-empty{color:var(--pc-subtle);font-style:italic}.gen-diag-status{align-items:center;gap:8px;display:flex}.gen-verdict{align-items:center;gap:12px;margin-bottom:16px;display:flex}.gen-verdict-icon{border-radius:var(--pc-radius-md);flex:0 0 40px;place-items:center;height:40px;display:grid}.gen-verdict.is-ok .gen-verdict-icon{background:var(--pc-success-bg);color:var(--pc-success)}.gen-verdict.is-warn .gen-verdict-icon{background:var(--pc-warning-bg);color:var(--pc-warning)}.gen-verdict strong{color:var(--pc-ink);font-size:15px;font-weight:600;display:block}.gen-verdict span:not(.gen-verdict-icon){color:var(--pc-muted);font-size:13px}.gen-copy{min-width:96px}.gen-history{gap:4px;margin:0;padding:0;list-style:none;display:grid}.gen-history li{border-radius:var(--pc-radius-sm);color:var(--pc-muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.gen-history li:first-child{background:var(--pc-canvas);color:var(--pc-ink)}.gen-history md-icon{color:var(--pc-subtle);font-size:17px}.gen-history .badge{margin-left:auto}.gen-empty{color:var(--pc-muted);font-size:13.5px;line-height:1.5}@media (max-width:1000px){.gen-layout{grid-template-columns:minmax(0,1fr)}.gen-aside{position:static}.gen-guide{grid-template-columns:1fr}}@media (max-width:720px){.gen-header-inner{height:60px;padding:0 18px}.gen-logo img{width:148px}.gen-main{padding:18px 18px 64px}.gen-stepper{margin-bottom:28px}.gen-step-btn{justify-content:center;padding:0 8px}.gen-step-btn:not(.is-current) .gen-step-label{display:none}.gen-stepper ol{grid-template-columns:auto auto auto auto;justify-content:space-between}.gen-step-btn.is-current{padding:0 14px 0 10px}.gen-step-head{flex-direction:column;align-items:flex-start;gap:10px}.gen-guide-intro{padding:32px 24px}.gen-guide-steps{grid-template-columns:1fr}.gen-form{padding:18px}.gen-fields{grid-template-columns:1fr}.gen-field-label small{display:none}.gen-diag{padding:4px 18px}.gen-diag-row{grid-template-columns:auto minmax(0,1fr)}.gen-diag-status{grid-column:2}}@media (max-width:400px){.gen-status{padding:0 10px;font-size:11.5px}.gen-logo img{width:132px}}