.generate__type-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--bg-secondary);gap:4px;margin-top:32px;padding:4px;display:inline-flex}.generate__type-btn{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-subtle);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;padding:8px 18px;font-size:11px;transition:background-color .15s,color .15s}.generate__type-btn:hover{color:var(--color-dark)}.generate__type-btn--active{background:var(--color-dark);color:var(--bg-primary)}.generate__type-btn--active:hover{color:var(--bg-primary)}.generate__status{font-family:var(--font-serif);color:var(--color-muted);align-items:center;gap:16px;margin-top:32px;font-size:13px;display:flex}.generate__pad-preview{padding:20px}.generate__pad-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.generate__pad-name{font-family:var(--font-sans);color:var(--color-dark);font-size:14px;font-weight:500}.generate__pad-counts{gap:12px;display:flex}.generate__pad-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}@media (max-width:480px){.generate__pad-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.generate__pad-cell{aspect-ratio:1;font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--bg-secondary);justify-content:center;align-items:center;font-size:10px;display:flex}.generate__pad-more{font-family:var(--font-mono);color:var(--color-subtle);text-align:center;grid-column:1/-1;padding-top:6px;font-size:11px}.generate__auth-prompt{margin-top:32px;padding:24px}.generate__auth-prompt h3{font-family:var(--font-sans);color:var(--color-dark);margin:0;font-size:15px;font-weight:600}.generate__auth-prompt p{font-family:var(--font-serif);color:var(--color-muted);margin-top:8px;font-size:13px}.generate__auth-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.generate__form{flex-direction:column;gap:24px;margin-top:40px;display:flex}.generate__field textarea,.generate__field input{margin-top:8px}.generate__field textarea{resize:vertical;min-height:80px}.generate__field textarea[maxlength="300"]{min-height:56px}.generate__char-count{font-family:var(--font-mono);color:var(--color-subtle);margin-top:6px;font-size:11px}.generate__submit-btn{align-self:flex-start}@media (max-width:480px){.generate__submit-btn{align-self:stretch}}.generate__progress{margin-top:32px;padding:24px}.generate__progress-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.generate__progress-title{font-family:var(--font-sans);color:var(--color-dark);margin:0;font-size:14px;font-weight:500}.generate__progress-elapsed{font-family:var(--font-mono);color:var(--color-subtle);margin-top:4px;font-size:11px}.generate__progress-steps{flex-direction:column;gap:10px;display:flex}.generate__progress-step{align-items:center;gap:10px;display:flex}.generate__progress-icon{font-family:var(--font-mono);text-align:center;width:18px;font-size:13px}.generate__progress-label{font-family:var(--font-serif);font-size:13px}.generate__progress-label--done{color:var(--color-subtle);text-decoration:line-through}.generate__progress-label--active{color:var(--color-dark)}.generate__progress-label--pending{color:var(--color-subtle)}.generate__error{background:var(--bg-secondary);margin-top:32px;padding:20px}.generate__error-title{font-family:var(--font-sans);color:var(--color-dark);margin:0;font-size:14px;font-weight:500}.generate__error-text{font-family:var(--font-serif);color:var(--color-muted);margin-top:6px;font-size:13px}.generate__error-link{font-family:var(--font-mono);color:var(--color-dark);text-transform:uppercase;letter-spacing:1.5px;margin-top:12px;font-size:11px;display:inline-block}.generate__error-hint{font-family:var(--font-serif);color:var(--color-subtle);margin-top:6px;font-size:12px}.generate__result{flex-direction:column;gap:24px;margin-top:48px;display:flex}.generate__result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.generate__result-name{font-family:var(--font-sans);color:var(--color-dark);margin:0;font-size:20px;font-weight:600}.generate__warning{font-family:var(--font-serif);color:var(--color-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);margin:0;padding:8px 12px;font-size:12px}.generate__meta-grid{grid-template-columns:1fr 1fr;gap:12px 24px;padding:20px;font-size:13px;display:grid}@media (max-width:480px){.generate__meta-grid{grid-template-columns:1fr}}.generate__meta-full{grid-column:1/-1}.generate__meta-value{font-family:var(--font-serif);color:var(--color-dark);margin:4px 0 0}.generate__meta-value--mono{font-family:var(--font-mono);color:var(--color-dark);margin:4px 0 0;font-size:13px}.generate__meta-value--muted{font-family:var(--font-serif);color:var(--color-muted);margin:4px 0 0;font-size:13px}.generate__meta-link{font-family:var(--font-serif);color:var(--color-dark);margin-top:4px;font-size:13px;display:block}.generate__steps-card{padding:12px 16px}.generate__steps-list{flex-wrap:wrap;gap:12px;display:flex}.generate__step-item{font-family:var(--font-mono);color:var(--color-muted);align-items:center;gap:6px;font-size:11px;display:flex}.generate__step-name{text-transform:capitalize}.generate__step-duration{color:var(--color-subtle)}.generate__code-card{padding:20px}.generate__code-header{justify-content:space-between;margin-bottom:12px;display:flex}.generate__code-filename{font-family:var(--font-mono);color:var(--color-dark);text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.generate__code-size{font-family:var(--font-mono);color:var(--color-subtle);font-size:11px}.generate__code-pre{font-family:var(--font-mono);color:var(--color-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border);max-height:240px;margin:0;padding:16px;font-size:11px;overflow:auto}.generate__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.generate__copy-wrapper{position:relative}.generate__copy-split{display:flex}.generate__copy-main{border-top-right-radius:0;border-bottom-right-radius:0}.generate__copy-dropdown-btn{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:8px;padding-right:8px}.generate__copy-menu{z-index:10;min-width:160px;padding:4px;position:absolute;top:calc(100% + 4px);left:0}.generate__copy-option{text-align:left;width:100%;font-family:var(--font-serif);color:var(--color-dark);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 12px;font-size:13px;display:block}.generate__copy-option:hover{background:var(--bg-secondary)}.generate__public-label{font-family:var(--font-mono);color:var(--color-subtle);cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:6px;font-size:11px;display:inline-flex}.generate__examples{margin-top:64px}@media (max-width:640px){.generate__examples{margin-top:40px}}.generate__examples-heading{margin-bottom:16px}.generate__examples-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:639px){.generate__examples-grid{grid-template-columns:1fr}}.generate__example-btn{text-align:left;font-family:var(--font-serif);color:var(--color-muted);cursor:pointer;border:1px solid var(--color-border);background:var(--bg-card);border-radius:var(--radius-md);padding:12px 16px;font-size:13px}.generate__example-btn:hover{border-color:var(--color-border-strong)}.generate__cost-note{font-family:var(--font-mono);color:var(--color-subtle);text-align:center;text-transform:uppercase;letter-spacing:1.5px;margin-top:32px;font-size:11px}