.dream-container{width:100%;max-width:800px;margin:24px auto 0;padding:0 16px}.dream-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.dream-preview{flex:1 1;min-width:0;font-size:17px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dream-controls-actions{display:flex;gap:8px;flex-shrink:0}.dream-control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.dream-control-btn svg{width:18px;height:18px}.dream-control-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.dream-control-btn:disabled{opacity:.4;cursor:not-allowed}.dream-control-btn.copy-btn.is-copied{background:rgba(16,185,129,.15);border-color:#10b981;color:#10b981}.dream-controls-bottom{margin-top:24px;padding-top:16px;border-bottom:none;justify-content:flex-end}.dream-input-section{margin-bottom:24px}.dream-textarea{width:100%;min-height:150px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font-size:16px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.dream-textarea:focus{outline:none;border-color:var(--accent);background:var(--input-focus)}.dream-textarea::placeholder{color:var(--text-dim)}.dream-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:16px}.dream-hint{font-size:12px;color:var(--text-dim);font-family:monospace;background:var(--bg-hover);padding:4px 8px;border-radius:4px}.dream-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dream-submit-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.dream-submit-btn:disabled{opacity:.4;cursor:not-allowed}.dream-submit-btn .spinner{width:16px;height:16px;border:2px solid var(--text-dim);border-top-color:var(--text-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dream-result{padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dream-result h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.dream-result h3{font-size:16px;font-weight:500;color:var(--text-secondary);margin:16px 0 8px}.dream-result p{color:var(--text-secondary);line-height:1.6;margin:8px 0}.dream-result ol,.dream-result ul{margin:8px 0;padding-left:24px;color:var(--text-secondary)}.dream-result li{margin:4px 0;line-height:1.5}.dream-result strong{color:var(--text-primary);font-weight:600}.dream-error{margin-top:16px;padding:12px 16px;border-radius:8px;background:rgba(239,68,68,.1);border:1px solid var(--danger);color:var(--danger);font-size:14px}@media (max-width:768px){.dream-container{padding:0;margin-top:16px}.seo-intro{padding-left:0;padding-right:0}.dream-controls{gap:12px;padding-bottom:12px}.dream-preview{font-size:15px}.dream-control-btn{width:40px;height:40px}.dream-textarea{min-height:120px;font-size:16px}.dream-result{padding:16px}.dream-hint{display:none}.dream-submit-btn{flex:1 1}.dream-input-footer{justify-content:flex-end}}.seo-intro{max-width:800px;margin:0 auto 32px;padding:0 16px;text-align:center}.seo-intro h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px;cursor:default}.seo-features{max-width:800px;margin:48px auto;padding:0 16px;border-top:none!important}.seo-features:before{content:"";display:block;width:100%;height:1px;background:var(--border);margin-bottom:32px}.seo-features h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 24px;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.feature-card h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.feature-card p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.seo-howto{width:100%;max-width:800px;margin:32px auto 24px;padding:0 16px;text-align:left;align-self:stretch;border-top:none!important}.seo-howto:before{content:"";display:block;width:100%;height:1px;background:var(--border);margin-bottom:24px}.seo-howto h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 24px;text-align:center}.howto-steps{display:flex;flex-direction:column;gap:16px}.howto-steps,.tool-layout .howto-steps,.tool-layout .seo-howto{text-align:left}.howto-step{display:flex;align-items:flex-start;gap:16px}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:white;font-size:14px;font-weight:600;flex-shrink:0}.step-content h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.step-content p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.seo-usecases{max-width:800px;margin:32px auto;padding:0 16px;border-top:none!important}.seo-usecases:before{content:"";display:block;width:100%;height:1px;background:var(--border);margin-bottom:24px}.seo-usecases h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;text-align:center}.usecases-intro{font-size:14px;color:var(--text-secondary);margin:0 0 24px;text-align:center}.usecases-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.usecase-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.usecase-card h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.usecase-card p{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}@media (max-width:601px){.feature-grid,.usecases-grid{grid-template-columns:1fr}.seo-features,.seo-howto,.seo-usecases{margin:24px auto;padding-top:20px;padding-left:0;padding-right:0}}