.autoarticle-login-form,.autoarticle-generator-form{max-width:600px;margin:20px 0;padding:20px;background:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,.04)}.autoarticle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee}.autoarticle-header h2{margin:0;padding:0;border:none}.autoarticle-login-form h2,.autoarticle-generator-form h2{margin-top:20px;padding-bottom:12px;}.autoarticle-login-form p,.autoarticle-generator-form p{margin:15px 0;}.autoarticle-login-form label,.autoarticle-generator-form label{display:block;margin-bottom:10px;font-weight:600;font-size:1.3em;color:#1d2327;}.autoarticle-login-form input[type="email"],.autoarticle-login-form input[type="password"],.autoarticle-generator-form input[type="text"],.autoarticle-generator-form select{width:100%;padding:8px;}.autoarticle-generator-form label small{display:block;font-weight:normal;color:#646970;margin-top:5px;}.autoarticle-membership-info{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:4px;border:1px solid #e2e4e7;}.autoarticle-membership-info span{font-size:14px;color:#1d2327;}.autoarticle-membership-info span:last-child{margin-bottom:0;}.autoarticle-membership-info .membership-level{font-weight:600;}.autoarticle-membership-info .membership-level::before,.autoarticle-membership-info .articles-remaining::before{content:'\f110';font-family:dashicons;margin-right:8px;color:#2271b1;}.w-100{width:100%;}.t-center{text-align:center;}.button.mt-2{margin-top:10px;}.style-selectors{border-top:1px solid #ededed;padding-top:30px;}form#autoarticle-generate{margin-top:40px;border-top:1px solid #ededed;padding-top:20px;}.autoarticle-membership-info .articles-remaining::before{content:'\f163';}.autoarticle-membership-info .button-warning{background:#f0b849;border-color:#dba617;color:#000;}.membership-level-row{margin-bottom:5px;}.autoarticle-membership-info .button-warning:hover{opacity:.9;}.membership-badge,#articles-remaining{display:inline-block;padding:2px 8px;background:#dadada;border-radius:3px;font-size:12px;font-weight:600;line-height:1.4;}.d-none{display:none!important;}.articles-remaining{color:#50575e;display:flex;align-items:center;gap:5px;}.step-text{color:#444;font-size:16px;font-weight:500;}.step-number{background:#f0f0f0;color:#666;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-weight:bold;font-size:16px;}.step-number-blue{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#2271b1;border-radius:50%;margin-right:8px;font-weight:bold;color:#fff;}.step{display:flex;align-items:center;background:#fff;padding:12px 15px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);flex:1;min-width:200px;}.autoarticle-generate-section{margin-top:40px;padding-top:30px;border-top:1px solid #ededed;}.autoarticle-generate-section h2{margin:0 0 20px 0;color:#1d2327;font-size:1.5em;}.autoarticle-generate-sections{display:flex;flex-direction:column;gap:20px;}.autoarticle-schedule-section,.autoarticle-manual-section{background:#f8f9fa;border:1px solid #e2e4e7;border-radius:4px;padding:20px;margin-bottom:20px;flex:1;}.style-selectors{display:flex;gap:20px;margin:35px 0;align-items:baseline;}.style-selector{flex:1;}.style-select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;}.style-select:hover{border-color:#999;}.style-select:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:none;}.autoarticle-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100000;}.autoarticle-modal-content{position:relative;background:#fff;margin:10% auto;padding:20px;width:80%;max-width:500px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);}.autoarticle-modal-close{position:absolute;right:10px;top:10px;font-size:20px;cursor:pointer;color:#666;}.autoarticle-modal-close:hover{color:#000;}.autoarticle-success-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100000;}.autoarticle-success-modal-content{position:relative;background:#fff;margin:10% auto;padding:20px;width:80%;max-width:500px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);text-align:center;}.autoarticle-success-modal-content h2{color:#2271b1;margin-bottom:15px;}.autoarticle-success-modal-content p{margin-bottom:20px;}.autoarticle-success-modal-content .button{margin:0 5px;}.autoarticle-success-modal-close{position:absolute;top:10px;right:10px;color:#aaa;font-size:28px;font-weight:bold;cursor:pointer;}.autoarticle-success-modal-close:hover,.autoarticle-success-modal-close:focus{color:#000;text-decoration:none;cursor:pointer;}.autoarticle-success-modal-content{position:relative;padding:20px;}.autoarticle-loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:100000;justify-content:center;align-items:center;}.autoarticle-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2271b1;border-radius:50%;animation:autoarticle-spin 1s linear infinite;}.autoarticle-loading-text{margin-top:10px;color:#2271b1;font-weight:600;}@keyframes autoarticle-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width:1200px){.style-selectors{flex-direction:column;gap:10px}.style-selector{width:100%}.autoarticle-modal-content,.autoarticle-success-modal-content{width:90%;margin:5% auto}}.autoarticle-upgrade-notice{position:absolute;bottom:20px;right:20px;}.autoarticle-generator-form{position:relative;width:100%;max-width:1400px;box-sizing:border-box;padding:0 20px;}.autoarticle-upgrade-button{position:absolute;bottom:20px;right:20px;}.button-warning{background:#f0b849;border-color:#dba617;color:#000;}.button-warning:hover{background:#f0b849;border-color:#dba617;color:#000;opacity:.9;}.style-selectors{display:flex;gap:20px;margin:35px 0;align-items:baseline;}.style-selector{flex:1;}.style-selector label{display:block;margin-bottom:10px;font-weight:600;font-size:1.3em;color:#1d2327;}.style-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:10px 0;}.style-option{display:flex;flex-direction:row;align-items:center;padding:15px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#fff;}.style-option:hover{border-color:#2271b1;box-shadow:0 2px 5px rgba(0,0,0,.1);}.style-option.selected{border-color:#2271b1;background:#f0f6fc;}.style-option .dashicons{font-size:24px;width:24px;height:24px;color:#bfbfbf;margin-right:5px;}.style-option .style-name{font-size:13px;text-align:center;}.topics-container{margin:10px 0;}.topics-input-wrapper{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid #ddd;border-radius:4px;background:#fff;}.topics-input-wrapper input{border:none;outline:none;flex:1;min-width:120px;padding:0;margin:0;}.topics-pills{display:flex;flex-wrap:wrap;gap:8px;}.topic-pill{display:inline-flex;align-items:center;padding:4px 13px;background:#f0f6fc;border:1px solid #2271b1;border-radius:6px;font-size:13px;color:#2271b1;}.topic-pill .remove-topic{margin-left:6px;cursor:pointer;color:#2271b1;font-size:16px;line-height:1;}.topic-pill .remove-topic:hover{color:#d63638;}@media screen and (max-width:1200px){.style-selectors{flex-direction:column}.style-selector{margin-bottom:20px}.style-options{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.button.loading{position:relative;color:transparent!important;}.button.loading::after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:autoarticle-spin 1s linear infinite;}@keyframes autoarticle-spin{to{transform:rotate(360deg)}}.notice{margin:15px 0;padding:10px 15px;border-left:4px solid #fff;}.notice-success{background:#f0f8f0;border-left-color:#46b450;}.notice-error{background:#fef7f7;border-left-color:#dc3232;}.autoarticle-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;}.autoarticle-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #2271b1;border-radius:50%;animation:autoarticle-spin 1s linear infinite;margin-bottom:15px;}.autoarticle-loading-text{font-size:16px;color:#2271b1;font-weight:600;}.autoarticle-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}.autoarticle-modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:50%;max-width:500px;border-radius:4px;position:relative;}.autoarticle-modal-close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer;}.autoarticle-modal-close:hover{color:black;}.autoarticle-topic-list{margin:20px 0;max-height:200px;overflow-y:auto;}.autoarticle-topic-item{padding:10px;margin:5px 0;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;}.autoarticle-topic-item:hover{background:#f0f0f0;}.autoarticle-topic-item.selected{background:#2271b1;color:white;border-color:#2271b1;}.autoarticle-custom-topic{margin:20px 0;}.autoarticle-custom-topic input{width:100%;padding:8px;margin-top:10px;}.autoarticle-modal-actions{margin-top:20px;text-align:right;}.autoarticle-modal-actions button{margin-left:10px;}.autoarticle-generate-section h2{margin:0 0 20px 0;color:#1d2327;font-size:1.3em;font-weight:600;}.autoarticle-generator-form label{display:block;margin-bottom:10px;font-weight:600;font-size:1.3em;color:#1d2327;}@media screen and (max-width:782px){.autoarticle-header{flex-direction:column;text-align:center}.autoarticle-header-right{margin-top:10px}.step{min-width:150px}}.style-description{display:none;font-style:italic;margin-top:10px}.style-description.activeD{display:block;}.topic-usage-toggle{margin:20px 0;}.toggle-switch{display:flex;gap:10px;align-items:center;}.toggle-switch input[type="radio"]{display:none;}.toggle-switch label{padding:8px 15px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;}.toggle-switch input[type="radio"]:checked + label{background:#2271b1;color:#fff;border-color:#2271b1;}.topic-item{display:flex;align-items:center;padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;}.topic-item:hover{background:#f8f9fa;border-color:#2271b1;}.topic-item input[type="radio"]{display:none;}.topic-item label{display:flex;align-items:center;width:100%;cursor:pointer;margin:0;font-weight:normal;font-size:1em;}.topic-item input[type="radio"]:checked + label{color:#2271b1;font-weight:600;}.topic-item input[type="radio"]:checked + label::before{content:'\f147';font-family:dashicons;margin-right:8px;color:#2271b1;}.custom-term{margin-top:10px;}.custom-term input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;}.wp-core-ui select{max-width:100%;}#autoarticle-login-btn{font-weight:bold;padding:6px 15px;font-size:14px;}#autoarticle-login-modal .autoarticle-modal-content{max-width:450px;}#autoarticle-login-modal h2{margin-top:0;color:#333;}#autoarticle-login-modal p{margin-bottom:20px;color:#555;}#autoarticle-login-modal form p{margin-bottom:15px;}#autoarticle-login-modal label{display:block;margin-bottom:5px;font-weight:500;}#autoarticle-login-modal input[type="email"],#autoarticle-login-modal input[type="password"]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;}#autoarticle-login-modal .autoarticle-modal-actions{display:flex;justify-content:space-between;margin-top:20px;}.autoarticle-modal{z-index:999999;}.autoarticle-accordion-header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;margin:0;}.autoarticle-accordion-header:hover{background:#f0f0f1;}.autoarticle-accordion-header .dashicons{transition:transform .3s ease;}.autoarticle-accordion-header.active .dashicons{transform:rotate(180deg);}.autoarticle-accordion-content{padding:15px;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;background:#fff;}.tooltip-trigger{position:relative;}.tooltip-trigger::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:8px 12px;background:#1d2327;color:#fff;font-size:12px;line-height:1.4;white-space:nowrap;border-radius:3px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;margin-bottom:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);}.tooltip-trigger::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1d2327;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;margin-bottom:-5px;}.tooltip-trigger:hover::after,.tooltip-trigger:hover::before{opacity:1;visibility:visible;}
.advanced-prompts-wrapper { margin-top: 20px; }
.advanced-prompts-toggle { color: #2271b1; text-decoration: none; font-weight: 600; display: inline-block; margin-bottom: 10px; }
.advanced-prompts-content { display: flex; gap: 20px; }
.prompt-field { flex: 1; }
.prompt-field label { font-size: 1em; }
.prompt-field textarea { width: 100%; height: 100px; padding: 8px; }

/* Creative Mode Toggle */
.creative-mode-toggle { margin: 18px 0 8px; padding: 16px 18px; background: #f0f6fc; border: 1px solid #c3d4e6; border-radius: 6px; border-left: 4px solid #2271b1; }
.creative-mode-header { display: flex; align-items: center; gap: 8px; }
.creative-mode-icon { font-size: 22px; width: 22px; height: 22px; color: #d4a017; flex-shrink: 0; }
.creative-mode-text { font-weight: 700 !important; color: #1d2327; font-size: 15px !important; white-space: nowrap; flex-grow: 1; }
.creative-mode-switch-label { cursor: pointer; margin: 0 !important; padding: 0; line-height: 1; flex-shrink: 0; }
.creative-mode-switch { position: relative; display: inline-block; width: 44px; min-width: 44px; height: 24px; }
.creative-mode-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
.creative-mode-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #b4b9be; transition: .3s; border-radius: 24px; }
.creative-mode-slider::before { content: ''; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: #fff; transition: .3s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.creative-mode-switch input:checked + .creative-mode-slider { background-color: #2271b1; }
.creative-mode-switch input:checked + .creative-mode-slider::before { transform: translateX(20px); }
.creative-mode-description { display: block; font-weight: normal !important; color: #50575e; font-size: 13px !important; line-height: 1.5; margin: 10px 0 0 30px; }