*{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f0f13;color:#e8e8f0;min-height:100vh}header{background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #2a2a4a;padding:10px 24px;display:flex;align-items:center;gap:12px}header h1{font-size:20px;font-weight:700;color:#a78bfa}header .app-subtitle{font-size:12px;color:#6b7280;background:#1e1e3a;padding:3px 8px;border-radius:20px;border:1px solid #2a2a4a}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.site-lang-toggle{display:inline-flex;gap:4px;padding:3px;background:#111827;border:1px solid #2a2a4a;border-radius:999px}.site-lang-btn{min-width:34px;height:28px;border:0;border-radius:999px;background:transparent;color:#9ca3af;font-size:11px;font-weight:700;cursor:pointer}.site-lang-btn.active{background:#a78bfa;color:#fff}.site-lang-btn:hover:not(.active){color:#e5e7eb}.header-access-code{display:flex;align-items:center;gap:8px}.header-access-code .remaining-count{padding:6px 10px;white-space:nowrap}.app{display:grid;grid-template-columns:minmax(0,25fr) minmax(0,35fr) minmax(0,40fr);height:calc(100vh - 57px)}.app,.sidebar{overflow:hidden}.sidebar{min-width:0;background:#13131f;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.sidebar-tabs{display:flex;border-bottom:1px solid #1e1e3a;flex-shrink:0}.tab-btn{flex:1 1;padding:12px;background:none;color:#6b7280;font-size:13px;cursor:pointer;transition:all .2s;border:none;border-bottom:2px solid transparent}.tab-btn.active{color:#a78bfa;border-bottom-color:#a78bfa;background:#1a1a2e}.tab-btn:hover:not(.active){color:#9ca3af;background:#16161f}.tab-panel{display:none;flex:1 1;overflow-y:auto;padding:16px}.tab-panel.active{display:flex;flex-direction:column;gap:10px}.sidebar-footer{flex-shrink:0;display:flex;align-items:center;padding:7px 16px;border-top:1px solid #1e1e3a}.sidebar-version{color:#4b5563;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.04em}.developer-x-link{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;color:#6b7280;border:1px solid transparent;border-radius:50%;transition:color .2s,border-color .2s,background .2s}.developer-x-link:hover{color:#fff;border-color:#a78bfa;background:#1e1e3a}.developer-x-link:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.developer-x-link svg{width:14px;height:14px;fill:currentColor}.item-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .2s;position:relative}.item-card:hover{border-color:#a78bfa;background:#1e1e3a}.item-card.selected{border-color:#a78bfa;background:#1e1e38;box-shadow:0 0 0 1px #a78bfa33}.item-card .label{font-size:11px;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.item-card .title{font-size:14px;color:#e2e8f0;font-weight:500}.item-card .desc{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4}.item-card .delete-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:#374151;cursor:pointer;font-size:14px;padding:2px 5px;border-radius:4px;opacity:0;transition:opacity .15s}.item-card:hover .delete-btn{opacity:1}.item-card .delete-btn:hover{color:#ef4444;background:#3a1a1a}.add-form{background:#1a1a2e;border:1px dashed #2a2a4a;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.add-form input,.add-form textarea{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:6px;color:#e2e8f0;font-size:13px;padding:8px 10px;outline:none;font-family:inherit;transition:border-color .2s}.add-form input:focus,.add-form textarea:focus{border-color:#a78bfa}.add-form textarea{resize:vertical;min-height:70px}.add-btn{background:#a78bfa22;border:1px solid #a78bfa44;color:#a78bfa;border-radius:6px;padding:7px;font-size:13px;cursor:pointer;transition:all .2s}.add-btn:hover{background:#a78bfa33}.add-toggle{display:block;width:100%}.add-form-actions{display:flex;gap:8px}.add-form-actions .add-btn{flex:1 1}.cancel-btn{background:#1a1a2e;border:1px solid #2a2a4a;color:#6b7280;border-radius:6px;padding:7px 14px;font-size:13px;cursor:pointer;transition:all .2s}.cancel-btn:hover{border-color:#6b7280;color:#e2e8f0}.main{display:contents}.main-controls{min-width:0;height:100%;padding:20px 24px;border-right:1px solid rgba(255,255,255,.08);background:#111119;overflow-y:auto}.control-groups{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:16px}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:11px;color:#4b5563;text-transform:uppercase;letter-spacing:1px}.platform-toggle{display:flex;gap:8px}.platform-btn{padding:8px 18px;border-radius:20px;border:1px solid #2a2a4a;background:#1a1a2e;color:#6b7280;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500}.platform-btn.active{background:#a78bfa;border-color:#a78bfa;color:#fff}.platform-btn:hover:not(.active){border-color:#a78bfa88;color:#a78bfa}.generate-btn:disabled{opacity:.6;cursor:wait}.error-banner{background:#f8717122;border:1px solid #f8717155;color:#fca5a5;border-radius:10px;padding:12px 16px;font-size:13px;margin-bottom:16px}.lang-toggle{display:flex;gap:8px}.persona-control{width:100%}.persona-toggle{display:flex;flex-wrap:wrap;gap:8px}.advanced-settings{margin-bottom:16px}.advanced-toggle{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#9ca3af;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:2px 0}.advanced-toggle:hover{color:#c4b5fd}.advanced-panel{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:10px;padding:12px 0 2px;border-top:1px dashed #2a2a4a}.watermark-toggle{display:flex;flex-wrap:wrap;gap:8px}.watermark-hint{color:#6b7280;font-size:12px;line-height:1.5}.remaining-count{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:20px;border:1px solid #2a2a4a;background:#1a1a2e;color:#9ca3af;font-size:13px}.remaining-count.empty{color:#f87171;border-color:#f8717155}.access-code-controls{display:flex;align-items:center;gap:8px}.change-code-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #2a2a4a;border-radius:50%;background:#1e1e3a;color:#6b7280;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.change-code-btn:hover{color:#c4b5fd;border-color:#a78bfa;background:#2a2a4a}.change-code-btn:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.change-code-btn svg{width:16px;height:16px;fill:currentColor}.code-gate{display:flex;align-items:center;justify-content:center;height:calc(100vh - 57px);padding:24px}.code-gate-card{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;background:#13131f;border:1px solid #2a2a4a;border-radius:14px;padding:32px 28px;text-align:center}.code-gate-card .icon{font-size:40px}.code-gate-card h2{font-size:18px;color:#e2e8f0}.code-gate-card p{font-size:13px;color:#6b7280;line-height:1.5}.code-gate-card input{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;color:#e2e8f0;font-size:14px;padding:11px 12px;outline:none;text-align:center;transition:border-color .2s}.code-gate-card input:focus{border-color:#a78bfa}.code-gate-card button{padding:11px;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:8px;color:white;font-size:14px;font-weight:600;cursor:pointer}.code-gate-card button:disabled{opacity:.6;cursor:wait}.code-gate-error{font-size:12px;color:#fca5a5}.selection-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;min-height:28px;align-items:center}.badge{padding:4px 10px;border-radius:12px;font-size:12px;border:1px solid}.badge.topic{color:#60a5fa;border-color:#60a5fa44;background:#1a2a3a}.badge.topic.custom{font-style:italic;border-style:dashed}.badge.purpose{color:#34d399;border-color:#34d39944;background:#1a2e28}.badge.prompt{color:#f59e0b;border-color:#f59e0b44;background:#2a1f0a}.badge.persona{color:#c4b5fd;border-color:#a78bfa44;background:#211a3a}.badge.empty{color:#4b5563;border-color:#374151;background:transparent;font-style:italic}.custom-topic-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.custom-topic-input{width:100%;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:13px;padding:10px 12px;outline:none;transition:border-color .2s}.custom-topic-input:focus{border-color:#a78bfa}.custom-topic-input::placeholder{color:#4b5563}.generate-row{gap:10px}.generate-btn,.generate-row{display:flex;align-items:center}.generate-btn{flex:1 1;padding:12px 20px;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:10px;color:white;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;justify-content:center;gap:8px}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #a78bfa44}.generate-btn:active{transform:translateY(0)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.random-all-btn{padding:12px 16px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:10px;color:#9ca3af;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.random-all-btn:hover{border-color:#a78bfa44;color:#a78bfa;background:#1e1e3a}.generate-btn .ticket-cost{padding:1px 6px;color:#fde68a;background:#fbbf2418;border:1px solid #fbbf2444;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5}.output-area{min-width:0;height:100%;overflow-y:auto;padding:24px}.output-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#374151;gap:12px}.output-placeholder .icon{font-size:48px;opacity:.4}.output-placeholder p{font-size:14px}.skeleton-card{background:#13131f;border:1px solid #2a2a4a;border-radius:14px;overflow:hidden;margin-bottom:16px}.skeleton-header{padding:12px 16px;background:#1a1a2e;border-bottom:1px solid #2a2a4a}.skeleton-body{padding:16px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#1e1e3a 25%,#2a2a4a 50%,#1e1e3a 75%);background-size:800px 100%;animation:shimmer 1.4s infinite}.skeleton-line.short{width:40%}.skeleton-line.medium{width:65%}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.output-area.generating .output-card{opacity:.4;pointer-events:none}.output-card{background:#13131f;border:1px solid #2a2a4a;border-radius:14px;overflow:hidden;margin-bottom:16px}.output-card-header{padding:12px 16px;background:#1a1a2e;border-bottom:1px solid #2a2a4a;display:flex;align-items:center;justify-content:space-between}.output-card-header .meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.platform-tag{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:600}.platform-tag.x{background:#1a1a2e;border:1px solid #374151;color:#9ca3af}.platform-tag.note{background:#1a2e1a;border:1px solid #166534;color:#4ade80}.output-card-header .actions{display:flex;gap:6px}.copy-btn{padding:5px 12px;background:#a78bfa22;border:1px solid #a78bfa44;border-radius:6px;color:#a78bfa;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.copy-btn:hover{background:#a78bfa33}.tweet-btn{padding:5px 12px;background:#1d9bf022;border:1px solid #1d9bf044;border-radius:6px;color:#1d9bf0;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;text-decoration:none;font-family:inherit}.tweet-btn:hover{background:#1d9bf033}.copy-btn.copied{background:#34d39922;border-color:#34d39944;color:#34d399}.output-content{padding:18px 20px;font-size:15px;line-height:1.7;color:#d1d5db;white-space:pre-wrap;word-break:break-word}.output-content .hashtag{color:#60a5fa}.output-article-title{margin:0 0 18px;color:#f3f4f6;font-size:22px;line-height:1.4}.watermark-line{margin-top:14px;padding-top:14px;border-top:1px solid #2a2a4a;color:#6b7280;opacity:.72}.output-image-wrap{padding:0 20px 16px}.output-image{display:block;width:100%;max-width:320px;aspect-ratio:1;margin:0 auto;object-fit:cover;border:1px solid #2a2a4a;border-radius:12px}.image-download-btn{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:6px 12px;color:#60a5fa;background:#60a5fa18;border:1px solid #60a5fa44;border-radius:6px;font-family:inherit;font-size:12px;text-decoration:none;cursor:pointer}.image-download-btn:hover{background:#60a5fa28}.image-download-btn.copied{color:#34d399;border-color:#34d39944;background:#34d39922}.output-image-actions{display:flex;justify-content:center;gap:8px;margin-top:10px}.image-error{margin:0 20px 10px;color:#fca5a5;font-size:12px}.output-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px 12px}.image-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;color:#c4b5fd;background:#a78bfa18;border:1px solid #a78bfa44;border-radius:6px;font-family:inherit;font-size:12px;cursor:pointer}.image-btn:hover:not(:disabled){background:#a78bfa2b}.image-btn:disabled{cursor:not-allowed;opacity:.5}.image-btn .ticket-cost{padding:1px 6px;color:#fbbf24;background:#fbbf2418;border:1px solid #fbbf2444;border-radius:999px;font-size:11px;line-height:1.5}.image-style-overlay{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:#050510cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-style-backdrop{position:absolute;inset:0;padding:0;background:transparent;border:0;cursor:default}.image-style-modal{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;margin:0;padding:24px;background:#121225;border:1px solid #34345a;border-radius:16px;box-shadow:0 24px 80px #00000099}.image-style-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.image-style-modal-header h2{margin:0;color:#f3f4f6;font-size:20px}.image-style-modal-header p{margin:6px 0 0;color:#9ca3af;font-size:13px}.image-style-close{display:grid;flex:0 0 auto;width:32px;height:32px;padding:0;place-items:center;color:#9ca3af;background:transparent;border:1px solid #34345a;border-radius:8px;font-family:inherit;font-size:22px;cursor:pointer}.image-style-close:hover{color:#f3f4f6;background:#ffffff0d}.image-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;min-width:0;margin:0;padding:0;border:0}.image-style-option{position:relative;display:flex;min-height:126px;padding:16px;flex-direction:column;align-items:flex-start;color:#d1d5db;text-align:left;background:#18182e;border:1px solid #303052;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.image-style-option:hover{border-color:#6d5eb5;background:#1e1e39;transform:translateY(-1px)}.image-style-option.selected{background:#7c3aed1f;border-color:#a78bfa;box-shadow:inset 0 0 0 1px #a78bfa55}.image-style-close:focus-visible,.image-style-option:focus-visible,.style-cancel-btn:focus-visible,.style-confirm-btn:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}.image-style-option:focus-within{outline:2px solid #c4b5fd;outline-offset:2px}.image-style-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.image-style-icon{font-size:28px;line-height:1}.image-style-label{margin-top:12px;color:#f3f4f6;font-size:14px;font-weight:700}.image-style-description{margin-top:5px;color:#9ca3af;font-size:11px;line-height:1.45}.image-style-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.style-cancel-btn,.style-confirm-btn{min-height:40px;padding:0 16px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.style-cancel-btn{color:#d1d5db;background:transparent;border:1px solid #3f3f64}.style-confirm-btn{display:inline-flex;align-items:center;gap:8px;color:#fff;background:#7c3aed;border:1px solid #8b5cf6}.style-confirm-btn:hover{background:#8b5cf6}.style-confirm-btn .ticket-cost{color:#fde68a;font-size:11px}@media (max-width:600px){.image-style-overlay{padding:12px}.image-style-modal{max-height:calc(100vh - 24px);padding:18px}.image-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-style-option{min-height:116px;padding:14px}.image-style-modal-actions{position:-webkit-sticky;position:sticky;bottom:-18px;padding:14px 0 18px;background:#121225}}.char-count{padding:0;font-size:12px;color:#4b5563;text-align:right}.char-count.over{color:#ef4444}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4a6a}.section-title{font-size:11px;color:#4b5563;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;padding:0 2px}@media (min-width:768px) and (max-width:1199px){.app{grid-template-columns:minmax(240px,25fr) minmax(340px,35fr) minmax(384px,40fr);overflow-x:auto;overflow-y:hidden}}@media (max-width:768px){header{padding:12px 16px;flex-wrap:wrap}header h1{font-size:17px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-access-code .control-label{display:none}.app{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid #1e1e3a}.tab-panel.active{max-height:38vh}.main{display:contents}.main-controls{padding:14px 16px;height:auto;overflow-y:visible;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.control-groups{gap:14px}.platform-toggle{flex-wrap:wrap}.platform-btn{padding:8px 12px;font-size:12px}.generate-row{flex-direction:column;align-items:stretch}.random-all-btn{order:2}.output-area{padding:16px;height:auto;overflow-y:visible}.output-placeholder{min-height:40vh;height:auto}.output-card-header{flex-wrap:wrap;gap:8px}.output-content{padding:14px 16px;font-size:14px}}