.generator-section{padding:48px 0 0}.generator-shell{max-width:640px;margin-inline:auto}.generator-hero{margin-bottom:28px}.generator-hero h1{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:46px;font-weight:800;line-height:1}.generator-hero p{max-width:480px;color:var(--ink-soft);margin:0 auto;font-size:17px;line-height:1.55}.workspace-card{background:var(--paper-bright);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:28px}.workspace-fields{flex-wrap:wrap;gap:18px;display:flex}.field-group{flex-direction:column;flex:150px;gap:7px;min-width:150px;display:flex}.field-group.full{flex-basis:100%}.field-label{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:11.5px;font-weight:600}.field-input,.field-select{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--paper-bright);width:100%;height:46px;color:var(--ink);padding:0 12px;font-size:15px}.field-input::placeholder{color:var(--muted);opacity:1}.field-input:focus,.field-select:focus{border-color:var(--signal-deep);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field-input[aria-invalid=true],.field-select[aria-invalid=true],.field-input.form-error,.field-select.form-error{border-color:var(--signal-deep)}.field-help{color:var(--muted);margin:0;font-size:12.5px}.field-error{color:var(--signal-deep);margin:0;font-size:13px;font-weight:600}.slider-row{align-items:center;gap:12px;display:flex}.slider-row input[type=range]{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:0;flex:1;height:5px}.slider-row input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--accent);cursor:pointer;border-radius:0;width:18px;height:18px}.slider-row input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--accent);cursor:pointer;border-radius:0;width:16px;height:16px}.slider-badge{border:1.5px solid var(--ink);background:var(--paper-bright);min-width:38px;color:var(--ink);font-family:var(--font-mono);text-align:center;padding:4px 10px;font-size:13px;font-weight:700}.toggle-row{flex-wrap:wrap;gap:10px;display:flex}.toggle-pill{border:1.5px solid var(--ink);border-radius:var(--radius-control);background:var(--paper-bright);min-height:42px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.toggle-pill:hover{background:var(--accent-soft)}.toggle-pill.active{background:var(--accent);color:var(--ink)}.error-summary{border:2px solid var(--signal-deep);border-radius:var(--radius-control);background:var(--signal-soft);color:var(--ink);margin:16px 0 0;padding:12px 14px;font-size:14px}.error-summary ul{margin:6px 0 0;padding-left:20px}.workspace-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.btn-generate{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--accent);min-height:48px;color:var(--ink);cursor:pointer;flex:220px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn-generate:hover{background:var(--accent-strong);color:var(--ink)}.btn-generate:active{transform:scale(.985)}.btn-secondary{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--paper-bright);min-height:48px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--paper-dim);color:var(--ink)}.privacy-note{color:var(--muted);font-family:var(--font-mono);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}.privacy-lock{color:var(--signal-deep);flex-shrink:0}.style-section{top:var(--header-height);z-index:50;background:var(--paper);border-bottom:2px solid var(--ink);margin-top:40px;padding:12px 0;position:sticky}.style-row{scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.style-row::-webkit-scrollbar{display:none}.style-chip{border:1.5px solid var(--ink);border-radius:var(--radius-control);background:var(--paper-bright);min-height:42px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.style-chip:hover{background:var(--accent-soft)}.style-chip.active{background:var(--accent);color:var(--ink)}.style-chip .chip-count{opacity:.7;font-weight:400}.results-section{padding-top:var(--section-gap)}.results-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.results-top h2{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:28px;font-weight:700}.results-tools{flex-wrap:wrap;gap:8px;display:flex}.btn-tool{border:1.5px solid var(--ink);border-radius:var(--radius-control);background:var(--paper-bright);min-height:42px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.btn-tool:hover{border-color:var(--signal-deep);background:var(--accent-soft)}.btn-tool.danger{color:var(--signal-deep)}.results-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.result-card{background:var(--paper-bright);border:2px solid var(--ink);border-radius:var(--radius-card);flex-direction:column;gap:14px;padding:18px 16px;display:flex;position:relative}.result-card.copied-flash{border-color:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.result-username{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:15px;font-weight:600;line-height:1.3}.result-row{gap:8px;display:flex}.btn-icon{border-radius:var(--radius-control);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover,.btn-icon:focus-visible{border-color:var(--ink);background:var(--accent-soft);color:var(--ink)}.btn-icon.active-fav{color:var(--signal-deep)}.copy-tooltip{background:var(--ink);color:var(--paper);font-family:var(--font-mono);opacity:0;pointer-events:none;padding:3px 10px;font-size:11px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:8px;right:12px;transform:translateY(4px)}.result-card.copied-flash .copy-tooltip{opacity:1;transform:translateY(0)}.results-empty{background:var(--paper-bright);border:2px dashed var(--line-strong);border-radius:var(--radius-card);text-align:center;grid-column:1/-1;padding:48px 24px}.results-empty h3{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:10px 0 4px;font-size:20px}.results-empty p{color:var(--muted);margin:0;font-size:14px}.tips-section{padding-top:var(--section-gap)}.tips-header{margin-bottom:18px}.tips-header h2{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:28px;font-weight:700}.tips-row{flex-wrap:wrap;gap:14px;display:flex}.tip-card{background:var(--paper-bright);border:1.5px solid var(--ink);border-radius:var(--radius-card);min-width:220px;color:var(--ink);flex:220px;padding:18px 16px 18px 22px;font-size:14px;font-weight:500;line-height:1.5;position:relative}.tip-card:hover{border-color:var(--signal-deep);background:var(--accent-soft)}.tip-card .spark-accent{color:var(--signal-deep);opacity:.45;position:absolute;top:10px;left:8px}.usecase-section{padding-top:var(--section-gap)}.usecase-header{margin-bottom:18px}.usecase-header h2{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:28px;font-weight:700}.usecase-row{flex-wrap:wrap;gap:16px;display:flex}.usecase-card{background:var(--paper-bright);border:2px solid var(--ink);border-radius:var(--radius-card);min-width:190px;color:inherit;flex-direction:column;flex:190px;gap:8px;padding:18px 16px;text-decoration:none;display:flex}.usecase-card:hover{border-color:var(--signal-deep);background:var(--accent-soft)}.usecase-icon{border:1.5px solid var(--ink);background:var(--accent-soft);width:36px;height:36px;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.usecase-card h3{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:19px}.usecase-card p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.45}.usecase-link-text{color:var(--signal-deep);font-family:var(--font-mono);margin-top:4px;font-size:12px;font-weight:600}.faq-section{padding-top:var(--section-gap);padding-bottom:64px}.faq-inner{max-width:740px;margin-inline:auto}.faq-inner h2{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:28px;font-weight:700}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--paper-bright);border:1.5px solid var(--ink);border-radius:var(--radius-card);overflow:hidden}.faq-item[open]{background:var(--accent-soft)}.faq-summary{width:100%;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-item[open] .faq-summary{color:var(--ink)}.faq-chevron{color:var(--muted);flex-shrink:0;transition:transform .25s}.faq-item[open] .faq-chevron{color:var(--signal-deep);transform:rotate(180deg)}.faq-body-inner{color:var(--ink-soft);padding:0 20px 18px;font-size:14px;line-height:1.65}.guides-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:28px;display:grid}.guide-card{background:var(--paper-bright);border:2px solid var(--ink);border-radius:var(--radius-card);color:var(--ink);padding:18px;text-decoration:none;display:block}.guide-card:hover{border-color:var(--signal-deep);background:var(--accent-soft);color:var(--ink)}.guide-card h3,.guide-card h4{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:18px}.guide-card p{color:var(--ink-soft);margin:0;font-size:13px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.style-card,.usecase-card--plain{background:var(--paper-bright);border:2px solid var(--ink);border-radius:var(--radius-card);color:inherit;flex-direction:column;gap:8px;padding:18px;text-decoration:none;display:flex}.style-card:hover,.usecase-card--plain:hover{border-color:var(--signal-deep);background:var(--accent-soft)}.style-card h2,.usecase-card--plain h2{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:20px}.style-card p,.usecase-card--plain p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.detail-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:36px;display:grid}.detail-main,.detail-aside{min-width:0}.detail-aside{flex-direction:column;gap:18px;display:flex}.panel{background:var(--paper-bright);border:2px solid var(--ink);border-radius:var(--radius-card);padding:20px}.panel h2{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:20px}.sample-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.sample-list li{background:var(--paper-dim);border:1px solid var(--line-strong);border-radius:var(--radius-control);font-family:var(--font-mono);padding:12px 14px;font-size:14px}.record-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin:18px 0 0;font-size:13px;display:flex}.badge{border:1.5px solid var(--ink);border-radius:var(--radius-control);background:var(--paper-bright);min-height:28px;color:var(--ink);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.related-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.related-links a{border:1.5px solid var(--ink);border-radius:var(--radius-control);background:var(--paper-bright);color:var(--ink);padding:12px 14px;text-decoration:none;display:block}.related-links a:hover{border-color:var(--signal-deep);background:var(--accent-soft)}.related-links strong{font-size:14px;display:block}.related-links span{color:var(--ink-soft);margin-top:2px;font-size:13px;display:block}.source-list{margin:0;padding:0;list-style:none}.source-list li{margin-bottom:8px;font-size:13px}.source-list a{overflow-wrap:anywhere;color:var(--signal-deep)}.cta-panel{text-align:center}.cta-panel p{color:var(--ink-soft);margin:0 0 16px;font-size:14px}.not-found{text-align:center;min-height:60vh;padding:64px 0}.not-found h1{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:48px;font-weight:800}.not-found p{max-width:480px;color:var(--ink-soft);margin:0 auto 24px}.recovery-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.button{border:2px solid var(--ink);border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.button-primary{background:var(--accent);color:var(--ink)}.button-primary:hover{background:var(--accent-strong);color:var(--ink)}.button-secondary{background:var(--paper-bright);color:var(--ink)}.button-secondary:hover{background:var(--paper-dim);color:var(--ink)}.button:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.generator-section{padding-top:28px}.generator-hero h1{font-size:34px}.workspace-card{padding:20px}.results-grid,.detail-grid{grid-template-columns:1fr}}