.page-module__E0kJGG__page{--background:#fafafa;--foreground:#fff;--text-primary:#000;--text-secondary:#666;--button-primary-hover:#383838;--button-disabled:#ccc;--error-color:#dc2626;--border-color:#e0e0e0;font-family:var(--font-geist-sans);background-color:var(--background);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;transition:justify-content .5s,align-items .5s;display:flex}.page-module__E0kJGG__page.page-module__E0kJGG__hasPreview{justify-content:flex-start;align-items:flex-start}.page-module__E0kJGG__main{background-color:var(--foreground);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:60px 40px;transition:transform .5s,margin-top .5s;display:flex;box-shadow:0 1px 3px #0000001a}.page-module__E0kJGG__main.page-module__E0kJGG__withPreview{margin-top:0;transform:translateY(-20px)}.page-module__E0kJGG__title{color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:600}.page-module__E0kJGG__brandName{background:linear-gradient(135deg,#000 0%,#333 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text}.page-module__E0kJGG__description{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:24px}.page-module__E0kJGG__form{flex-direction:column;gap:16px;width:100%;display:flex}.page-module__E0kJGG__input{border:1px solid var(--border-color);width:100%;font-size:16px;font-family:var(--font-geist-sans);border-radius:8px;padding:12px 16px;transition:border-color .2s}.page-module__E0kJGG__input:focus{border-color:var(--text-primary);outline:none}.page-module__E0kJGG__input:disabled{cursor:not-allowed;background-color:#f5f5f5}.page-module__E0kJGG__generateButton{background:var(--text-primary);width:100%;color:var(--background);cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font-geist-sans);border:none;border-radius:8px;padding:12px 24px;transition:background-color .2s}.page-module__E0kJGG__generateButton:hover:not(:disabled){background:var(--button-primary-hover)}.page-module__E0kJGG__generateButton:disabled{background:var(--button-disabled);cursor:not-allowed}.page-module__E0kJGG__error{color:var(--error-color);margin:0;font-size:14px}.page-module__E0kJGG__preview{background-color:var(--foreground);opacity:0;border-radius:12px;width:100%;max-width:1200px;margin:40px auto 0;animation:.6s ease-out forwards page-module__E0kJGG__fadeInUp;overflow:hidden;box-shadow:0 1px 3px #0000001a}@keyframes page-module__E0kJGG__fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-module__E0kJGG__previewHeader{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex}.page-module__E0kJGG__previewInfo h2{color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:600}.page-module__E0kJGG__previewInfo p{color:var(--text-secondary);margin:0;font-size:14px}.page-module__E0kJGG__downloadButtons{flex-wrap:wrap;gap:12px;display:flex}.page-module__E0kJGG__downloadButton{background:var(--text-primary);color:var(--background);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-geist-sans);border:none;border-radius:6px;padding:10px 20px;transition:background-color .2s}.page-module__E0kJGG__downloadButton:hover{background:var(--button-primary-hover)}.page-module__E0kJGG__formatTabs{border-bottom:1px solid var(--border-color);padding:0 32px;display:flex}.page-module__E0kJGG__tab{color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-geist-sans);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;transition:color .2s,border-color .2s}.page-module__E0kJGG__tab:hover{color:var(--text-primary)}.page-module__E0kJGG__activeTab{color:var(--text-primary);border-bottom-color:var(--text-primary)}.page-module__E0kJGG__previewContent{background-color:#f9f9f9;max-height:400px;padding:24px 32px;overflow:auto}.page-module__E0kJGG__codeBlock{border:1px solid var(--border-color);font-size:13px;line-height:1.6;font-family:var(--font-geist-mono);background-color:#f5f5f5;border-radius:6px;margin:0;padding:16px;overflow-x:auto}.page-module__E0kJGG__codeBlock code{color:var(--text-primary)}.page-module__E0kJGG__urlList{border-top:1px solid var(--border-color);padding:24px 32px}.page-module__E0kJGG__urlList h3{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:600}.page-module__E0kJGG__urlList ul{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.page-module__E0kJGG__urlList li{color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:14px;font-family:var(--font-geist-mono);word-break:break-all;padding:8px 12px}.page-module__E0kJGG__urlList li:last-child{border-bottom:none}@media (max-width:768px){.page-module__E0kJGG__page{padding:20px 16px}.page-module__E0kJGG__main{border-radius:0;padding:40px 24px}.page-module__E0kJGG__title{font-size:28px}.page-module__E0kJGG__description{font-size:14px}.page-module__E0kJGG__previewHeader{flex-direction:column;align-items:flex-start;padding:20px}.page-module__E0kJGG__downloadButtons{width:100%}.page-module__E0kJGG__downloadButton{flex:1}.page-module__E0kJGG__formatTabs{padding:0 20px}.page-module__E0kJGG__tab{padding:12px 16px;font-size:13px}.page-module__E0kJGG__previewContent,.page-module__E0kJGG__urlList{padding:20px}.page-module__E0kJGG__codeBlock{font-size:12px}}@media (prefers-color-scheme:dark){.page-module__E0kJGG__page{--background:#0a0a0a;--foreground:#111;--text-primary:#ededed;--text-secondary:#999;--button-primary-hover:#ccc;--button-disabled:#333;--border-color:#333}.page-module__E0kJGG__brandName{background:linear-gradient(135deg,#ededed 0%,#999 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-module__E0kJGG__input{color:var(--text-primary);background-color:#0a0a0a}.page-module__E0kJGG__input:disabled{background-color:#1a1a1a}.page-module__E0kJGG__previewContent{background-color:#0a0a0a}.page-module__E0kJGG__codeBlock{border-color:var(--border-color);background-color:#1a1a1a}}
