*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-weight:400;color:var(--color-text);background-color:var(--color-background);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}@font-face{font-family:General Sans;font-weight:100 900;font-style:normal;src:url(/assets/GeneralSans-Variable-p1VyP7gg.woff2) format("woff2"),url(/assets/GeneralSans-Variable-DAqniUaj.woff) format("woff");font-display:swap}@font-face{font-family:General Sans;font-weight:400;font-style:normal;src:url(/assets/GeneralSans-Regular-BeAhF2WT.woff2) format("woff2"),url(/assets/GeneralSans-Regular-Dk2lLWJL.woff) format("woff");font-display:swap}@font-face{font-family:General Sans;font-weight:500;font-style:normal;src:url(/assets/GeneralSans-Medium-DvEF04Ne.woff2) format("woff2"),url(/assets/GeneralSans-Medium-sA7I9gJL.woff) format("woff");font-display:swap}@font-face{font-family:General Sans;font-weight:600;font-style:normal;src:url(/assets/GeneralSans-Semibold-DFLbTJgb.woff2) format("woff2"),url(/assets/GeneralSans-Semibold-oVEy_BBm.woff) format("woff");font-display:swap}:root{--color-background: #F5F1F1;--color-text: #000000;--color-accent: #A5FF4C;--color-accent-control-center: #1F991F;--color-outline: #320816;--color-surface: #FFFFFF;--color-surface-elevated: #FEFEFE;--color-border: rgba(50, 8, 22, .1);--color-border-strong: rgba(50, 8, 22, .2);--color-text-secondary: rgba(0, 0, 0, .7);--color-text-muted: rgba(0, 0, 0, .5);--color-accent-hover: #95E63C;--color-accent-subtle: rgba(165, 255, 76, .1);--color-accent-muted: #D4E5D4;--color-danger: #FF0000;--color-warning: #F59E0B;--color-success: var(--color-accent);--status-new: var(--color-accent);--status-new-bg: rgba(165, 255, 76, .15);--status-new-border: rgba(165, 255, 76, .3);--status-draft: #F59E0B;--status-draft-bg: rgba(245, 158, 11, .15);--status-draft-border: rgba(245, 158, 11, .3);--status-draft-text: #92400E;--status-scheduled: #F59E0B;--status-scheduled-bg: rgba(245, 158, 11, .15);--status-scheduled-border: rgba(245, 158, 11, .3);--status-scheduled-text: #92400E;--status-published: #22C55E;--status-published-bg: rgba(34, 197, 94, .15);--status-published-border: rgba(34, 197, 94, .3);--status-published-text: #15803D;--color-danger-bg: rgba(255, 0, 0, .15);--color-danger-border: rgba(255, 0, 0, .3);--color-danger-text: #DC2626;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .3);--color-warning-text: #92400E;--color-muted-bg: rgba(107, 114, 128, .15);--color-muted-border: rgba(107, 114, 128, .3);--color-muted-text: #374151;--status-rejected: #F59E0B;--status-rejected-bg: rgba(245, 158, 11, .15);--status-rejected-border: rgba(245, 158, 11, .3);--status-rejected-text: #92400E;--font-family: "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toast-enter{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes popup-enter{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes status-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{min-height:100vh;background:var(--color-background);font-family:var(--font-family);display:flex;height:100vh;overflow:hidden}.initial-header{max-width:800px;margin:0 auto;padding:var(--space-16) var(--space-8);text-align:center}.initial-header h1{font-size:var(--text-3xl);font-weight:600;margin-bottom:var(--space-8);color:var(--color-text)}.initial-header .input-section{display:flex;gap:var(--space-3);max-width:500px;margin:0 auto}.main-layout{display:flex;height:100vh;overflow:hidden;flex:1}.main-layout-with-queue{display:flex;height:100vh;overflow:hidden}.main-layout-with-queue .main-content{flex:1;min-width:0}.main-layout:has(.right-panel) .main-content{flex:1;min-width:0}.main-layout:has(.editor-container.split-view){height:100vh;overflow:hidden}.form-group{margin-bottom:var(--space-4)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.readonly-field{padding:var(--space-2) var(--space-3);background:var(--color-background);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);display:block}.editable-field{padding:var(--space-2) var(--space-3);background:var(--color-background);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text);font-family:var(--font-family);transition:all var(--transition-fast);outline:none;display:block;width:100%;box-sizing:border-box}.editable-field:hover{background:var(--color-background);border-color:var(--color-border-strong)}.editable-field:focus{background:var(--color-background);border-color:var(--color-outline);box-shadow:0 0 0 2px #3208161a}.textarea-field{resize:none;height:150px;overflow-y:auto;line-height:1.5}.textarea-title-field{resize:none;height:80px;overflow-y:auto;line-height:1.5}.date-picker-wrapper{position:relative;cursor:pointer}.date-picker-input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.date-picker-display{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text);display:block;transition:all var(--transition-fast);font-family:var(--font-family);min-width:120px;white-space:nowrap;height:34px;box-sizing:border-box;display:flex;align-items:center}.date-picker-wrapper:hover .date-picker-display{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.date-picker-wrapper:active .date-picker-display{transform:scale(.98)}.main-content{flex:1;height:100vh;display:flex;flex-direction:column;overflow-y:auto;min-height:0;background:var(--color-surface)}.main-content:has(.editor-container.split-view){overflow:hidden}.content-topbar{min-height:0;flex-shrink:0}.title-row{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.title-row .document-title-editor{flex:1}.document-controls{padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.controls-left{display:flex;align-items:flex-end;gap:var(--space-6)}.control-group{display:flex;flex-direction:column;gap:var(--space-1)}.control-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);margin:0}.control-dropdown{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:none;min-width:120px;height:34px;box-sizing:border-box}.control-dropdown:focus{border-color:var(--color-outline);box-shadow:0 0 0 2px #3208161a}.controls-right{display:flex;align-items:flex-end}.action-controls{display:flex;align-items:center;gap:var(--space-3);margin-left:var(--space-4)}.unsaved-indicator{color:var(--color-warning);font-weight:500;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-1)}.unsaved-indicator:before{content:"●";color:var(--color-warning)}.validation-buttons{display:flex;gap:var(--space-2)}.validation-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:1px solid transparent;font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;height:34px;box-sizing:border-box}.validation-button:first-child{background:#1f992b;color:#fff}.validation-button:last-child{background:#fff;color:var(--color-warning);border:1px solid var(--color-warning)}.validation-button.rejected{background:#fff;color:var(--color-warning);border:1px solid var(--color-warning)}.validation-button:hover{opacity:.9}.validation-button:disabled{opacity:.6;cursor:not-allowed}.validation-button.active.approved{background:#061;color:#fff;box-shadow:inset 0 2px 4px #0000001a}.validation-button.active.rejected{background:#fff;color:var(--color-warning);border:1px solid var(--color-warning)}.preview-toggle{display:flex;background:var(--color-background);padding:2px;box-shadow:inset 0 1px 3px #0000001a}.preview-toggle.compact{display:inline-flex}.preview-toggle button{padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;height:30px;box-sizing:border-box;position:relative}.preview-toggle button:hover{background:transparent;border-color:transparent;box-shadow:none}.preview-toggle button.active{background:#fff;color:var(--color-text);box-shadow:0 1px 3px #0000001a}.document-title-editor{width:100%;background:transparent;border:1px solid transparent;padding:0;font-size:24px;line-height:1.3;font-weight:700;margin:1.2em 0 .5em;color:var(--color-text);font-family:Helvetica,Arial,sans-serif;transition:all var(--transition-fast);outline:none}.document-title-editor:hover{border-color:var(--color-border);background:var(--color-surface-elevated)}.document-title-editor:focus{border-color:var(--color-outline);background:var(--color-surface-elevated);box-shadow:0 0 0 3px #3208161a}.editor-controls{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex;gap:var(--space-2)}.editor-controls button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.editor-controls button:hover{background:var(--color-surface-elevated);color:var(--color-text)}.editor-controls button.active{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.editor-container.preview-only{display:block;overflow:auto}.editor-container.split-view .preview-panel{flex:1;border-right:1px solid var(--color-border);overflow:visible;min-height:min-content}.editor-container.split-view .preview-content{min-height:100%;height:auto}.editor-container.split-view .editor-panel{flex:1}.toast{position:fixed;bottom:var(--space-6);left:var(--space-6);z-index:1000;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:toast-enter .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-success{background:#a5ff4ce6;color:var(--color-text);border:1px solid var(--color-accent)}.toast-error{background:#ef4444e6;color:#fff;border:1px solid var(--color-danger)}.external-domains-list{display:flex;flex-direction:column;gap:var(--space-1)}.external-domain-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2);border:1px solid var(--color-border);font-size:var(--text-sm)}.domain-name{color:var(--color-text-secondary);font-family:var(--font-mono);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.domain-deny-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--space-2);padding:var(--space-1);width:20px;height:20px}.domain-deny-button img{width:12px;height:12px;opacity:.6;transition:opacity var(--transition-fast)}.domain-deny-button:hover:not(:disabled) img{opacity:.8}.domain-deny-button:disabled{opacity:.5;cursor:not-allowed}.container{max-width:1800px;margin:0 auto;padding:var(--space-8);min-height:100vh;display:flex;flex-direction:column;gap:var(--space-8)}.keyword-planner-container,.content-launcher-container,.admin-overview-container,.content-planner-container{padding:var(--space-6);background:var(--color-surface);min-height:100vh}.keyword-planner-container h1,.content-launcher-container h1,.admin-overview-container h1,.content-planner-container h1,.settings-container h1{font-size:var(--text-3xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.settings-controls{display:flex;gap:var(--space-3)}.form-section{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:var(--space-5)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.empty-state{color:var(--color-text-secondary);font-size:var(--text-sm)}.close-button{background:none;border:none;font-size:32px;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);margin-left:var(--space-4)}.close-button:hover{color:var(--color-text)}.content-section{margin-bottom:var(--space-8)}.content-section:last-child{margin-bottom:0}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.no-results-message{padding:var(--space-8);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-4)}.no-results-message p{font-size:var(--text-base);margin:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;height:34px;box-sizing:border-box}button:hover,.button:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}button:focus,.button:focus{border-color:var(--color-outline);box-shadow:0 0 0 3px #3208161a}button:active,.button:active{transform:scale(.98)}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button-primary,button.primary{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.button-primary:hover,button.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button-danger,button.danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.button-danger:hover,button.danger:hover{background:#dc2626;border-color:#dc2626}.validation-button.reviewed{background:#f3f4f6;color:#111827;border:1px solid var(--color-border)}.validation-button.reviewed:hover{opacity:.9}.validation-button.reviewed:disabled{opacity:.6;cursor:not-allowed}.content-selector{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-8);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.content-selector:hover{box-shadow:var(--shadow-md)}.dropdown-group{display:flex;flex-direction:column;gap:var(--space-2)}.dropdown-group label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.dropdown-group select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1em;padding-right:var(--space-8);box-sizing:border-box;min-width:0}.dropdown-group select:focus{border-color:var(--color-outline);box-shadow:0 0 0 3px #3208161a}.dropdown-group select:hover{border-color:var(--color-border-strong)}.additional-info{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);box-shadow:var(--shadow-sm)}.additional-info div{display:flex;flex-direction:column;gap:var(--space-2)}.additional-info label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.additional-info input,.additional-info select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}.additional-info input:focus,.additional-info select:focus{border-color:var(--color-outline);box-shadow:0 0 0 2px #3208161a}.additional-info span{padding:var(--space-2) var(--space-3);background:var(--color-background);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary)}.controls-section{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.controls-section button{min-width:120px}.title-editor{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-5);box-shadow:var(--shadow-sm)}.title-editor label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.title-editor input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-base);transition:all var(--transition-fast);outline:none}.title-editor input:focus{border-color:var(--color-outline);box-shadow:0 0 0 3px #3208161a}.input-section{display:flex;gap:var(--space-3);align-items:stretch}.input-section input[type=text]{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);transition:all var(--transition-fast);outline:none}.input-section input[type=text]:focus{border-color:var(--color-outline);box-shadow:0 0 0 3px #3208161a}.input-section input[type=text]::placeholder{color:var(--color-text-muted)}.search-input-wrapper{position:relative;max-width:400px;flex:1}.search-input{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-8);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}.search-input:focus{border-color:var(--color-outline);box-shadow:0 0 0 2px #3208161a}.search-input::placeholder{color:var(--color-text-muted)}.search-clear-btn{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast)}.search-clear-btn:hover{color:var(--color-text)}.admin-client-wrapper{margin:0;padding:0;margin-bottom:var(--space-4)}.admin-client-input-wrapper{position:relative}.admin-client-input{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);cursor:pointer;box-sizing:border-box;transition:all var(--transition-fast)}.admin-client-input.wrap{white-space:normal;word-break:break-word;min-height:40px}.admin-client-input.searching{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-client-input:hover{color:var(--color-text);border-color:var(--color-accent)}.admin-client-input:focus{outline:none;background:var(--color-accent-subtle);color:var(--color-text);border-color:var(--color-accent)}.keyword-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);transition:all var(--transition-fast);outline:none}.keyword-input:focus{border-color:var(--color-outline);box-shadow:0 0 0 2px #3208161a}.blog-type-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);transition:all var(--transition-fast);outline:none}.blog-type-input:focus{border-color:var(--color-outline);box-shadow:0 0 0 2px #3208161a}.context-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);transition:all var(--transition-fast);outline:none;resize:vertical;min-height:120px}.context-textarea:focus{border-color:var(--color-outline);box-shadow:0 0 0 2px #3208161a}.content-search{margin:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none;box-sizing:border-box}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-4) center;background-repeat:no-repeat;background-size:1em;padding-right:var(--space-10);cursor:pointer}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a5ff4c1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;font-family:var(--font-family);min-height:80px}.archive-toggle-btn{background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2);text-decoration:underline;transition:color var(--transition-fast);white-space:nowrap}.archive-toggle-btn:hover{color:var(--color-text)}.table-with-bulk-actions{position:relative}.bulk-actions-popup{position:absolute;top:0;left:0;transform:translateY(-100%);margin-bottom:4px;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:var(--space-3)}.selected-count{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.bulk-actions-buttons{display:flex;gap:var(--space-1)}.bulk-action-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);width:32px;height:32px}.bulk-action-btn img{width:16px;height:16px}.bulk-action-btn.star-btn .star-stack{position:relative;width:16px;height:16px;display:inline-block}.bulk-action-btn.star-btn .star-stack img{position:relative;z-index:1;display:block}.bulk-action-btn.star-btn .star-stack .hover-fill{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity var(--transition-fast)}.bulk-action-btn.star-btn:hover .star-stack .hover-fill{opacity:1}.bulk-action-btn:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.bulk-action-btn.archive-btn:hover,.bulk-action-btn.undo-btn:hover,.bulk-action-btn.launcher-btn:hover{background:var(--color-accent-subtle)}.close-btn{background:none;border:none;font-size:18px;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);transition:all var(--transition-fast);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-accent-subtle);color:var(--color-text)}.import-guidelines-modal{max-width:720px}.import-modal-section{border:1px solid var(--color-border);padding:var(--space-4);border-radius:6px;background:var(--color-surface-subtle)}.import-modal-section+.import-modal-section{margin-top:var(--space-4)}.import-modal-empty-state{padding:var(--space-4);text-align:center;color:var(--color-text-secondary);background:var(--color-background);border:1px dashed var(--color-border)}.guidelines-list{display:flex;flex-direction:column;gap:var(--space-2)}.guideline-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.guideline-item:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.guideline-item.selected{background:var(--color-accent-subtle);border-color:var(--color-accent)}.guideline-item-checkbox{margin-top:3px}.guideline-item-content{display:flex;flex-direction:column;gap:2px}.guideline-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.guideline-meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.admin-client-dropdown,.keyword-dropdown,.blog-type-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.blog-type-dropdown{box-shadow:var(--shadow-md)}.admin-client-dropdown-item,.keyword-dropdown-item,.blog-type-dropdown-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--text-sm)}.role-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md)}.role-dropdown-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--text-sm)}.role-dropdown-item:hover{background:var(--color-accent-subtle)}.admin-client-dropdown-item{font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.admin-client-dropdown-item.wrap{white-space:normal;word-break:break-word;align-items:flex-start}.keyword-dropdown-item{justify-content:space-between}.admin-client-dropdown-item:hover,.keyword-dropdown-item:hover,.blog-type-dropdown-item:hover,.admin-client-dropdown-item.selected{background:var(--color-accent-subtle)}.keyword-term,.blog-type-name{flex:1;font-size:var(--text-sm);color:var(--color-text)}.role-pill{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--color-background);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;line-height:1.2;white-space:nowrap;cursor:inherit;border:1px solid var(--color-border);text-transform:capitalize}.password-display{text-align:left}.danger-zone{border-radius:0}.keyword-status{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.keyword-status.status-new{background:var(--status-published-bg);color:var(--status-published-text);border:1px solid var(--status-published-border)}.keyword-status.status-generating{background:var(--status-draft-bg);color:var(--status-draft-text);border:1px solid var(--status-draft-border)}.keyword-status.status-failed{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.keyword-status.status-rejected{background:var(--status-rejected-bg);color:var(--status-rejected-text);border:1px solid var(--status-rejected-border)}.keyword-status.status-generated{background:transparent;color:var(--color-text);border:1px solid var(--color-muted-border)}.keyword-status.status-approved{background:var(--status-published-bg);color:var(--status-published-text);border:1px solid var(--status-published-border)}.keyword-status.status-scheduled{background:var(--status-scheduled-bg);color:var(--status-scheduled-text);border:1px solid var(--status-scheduled-border)}.keyword-status.status-published{background:var(--color-muted-bg);color:var(--color-muted-text);border:1px solid var(--color-muted-border)}.keyword-status.status-draft{background:var(--status-draft-bg);color:var(--status-draft-text);border:1px solid var(--status-draft-border)}.status-spinner{animation:spin 1s linear infinite;margin-right:var(--space-1)}.sidebar-nav{flex:1;list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);gap:var(--space-3);font-size:var(--text-sm);font-weight:500}.nav-item:hover{background:var(--color-accent-subtle);color:var(--color-text)}.nav-item.active{background:var(--color-accent-subtle);color:var(--color-text);font-weight:600}.nav-icon{width:18px;height:18px;opacity:.7}.nav-item.active .nav-icon{opacity:1}.add-new-item{opacity:.7}.add-new-item:hover{opacity:1}.sidebar{width:240px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-normal);position:relative;overflow-y:auto}.sidebar.collapsed{width:50px}.sidebar-header{margin-bottom:var(--space-5)}.sidebar-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0;padding:0;display:flex;align-items:center;gap:10px}.sidebar-logo{height:18px;width:auto;flex-shrink:0}.sidebar-toggle{width:30px;height:30px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle-collapsed{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);width:30px;height:30px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.sidebar-toggle:hover,.sidebar-toggle-collapsed:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.sidebar-collapsed-content{display:flex;flex-direction:column;height:100%;padding:var(--space-4) var(--space-2);align-items:center}.collapsed-logo{margin-bottom:var(--space-6)}.collapsed-logo-img{width:24px;height:24px}.collapsed-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.collapsed-nav-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.collapsed-nav-item:hover,.collapsed-nav-item.active{background:var(--color-accent-subtle)}.collapsed-nav-icon{width:20px;height:20px;opacity:.7;transition:opacity var(--transition-fast)}.collapsed-nav-item:hover .collapsed-nav-icon,.collapsed-nav-item.active .collapsed-nav-icon{opacity:1}.sidebar-content{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column}.sidebar-nav{flex:1}.admin-section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.admin-section-title{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding:0 var(--space-4)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);display:flex;justify-content:flex-end}.sidebar-toggle-bottom{width:30px;height:30px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle-bottom:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.sidebar-footer-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-2)}.settings-icon-button{width:30px;height:30px;border:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.settings-icon-button:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.settings-icon-button.active{background:var(--color-accent-subtle);border-color:var(--color-accent)}.settings-icon-img{width:16px;height:16px;opacity:.7;transition:opacity var(--transition-fast)}.settings-icon-button:hover .settings-icon-img,.settings-icon-button.active .settings-icon-img{opacity:1}.sidebar-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.sidebar-card h3{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0 0 var(--space-4) 0;text-transform:none;letter-spacing:normal;background:none;border:none;padding:0}.sidebar-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.sidebar-card .card-title{margin:0}.sidebar-card .card-actions{display:flex;align-items:center;gap:var(--space-2)}.sidebar-card .card-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);font-size:16px;font-weight:500;line-height:1;padding:0;width:auto;height:auto;cursor:pointer;transition:color var(--transition-fast)}.sidebar-card .card-toggle[aria-disabled=true]{opacity:.6;cursor:not-allowed}.sidebar-card .card-toggle:hover{color:var(--color-text)}.sidebar-card .card-content{display:block}.sidebar-card .dropdown-group{margin-bottom:var(--space-4)}.sidebar-card .dropdown-group:last-child{margin-bottom:0}.sidebar-card .dropdown-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.hierarchy-container{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.hierarchy-label{font-size:10px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.hierarchy-label-id{font-weight:400;opacity:.8}.hierarchy-item{padding:var(--space-3);background-color:var(--color-background, #f8f9fa);cursor:pointer;transition:background-color var(--transition-fast);border:1px solid var(--color-border, #e1e4e8)}.hierarchy-item:hover{background-color:var(--color-accent-subtle, #e9ecef)}.hierarchy-text{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.hierarchy-id{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400;margin-left:var(--space-1)}.hierarchy-arrow{display:flex;justify-content:center;align-items:center;padding:var(--space-1) 0}.hierarchy-arrow img{width:16px;height:16px;opacity:.5}.users-layout{display:flex;height:100vh;overflow:hidden}.users-layout .main-content{flex:1;min-width:0}.users-sidebar{width:280px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.users-sidebar-header{padding:var(--space-5) var(--space-6) var(--space-3);border-bottom:1px solid var(--color-border)}.users-sidebar-title{font-size:var(--text-md);font-weight:600;color:var(--color-text);margin:0}.users-sidebar-content{padding:var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-2)}.users-list{list-style:none;padding:0;margin:0}.users-list-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--color-text);transition:background var(--transition-fast),color var(--transition-fast)}.users-list-item:hover{background:var(--color-accent-subtle)}.users-list-item.selected{background:var(--color-accent-subtle);font-weight:600}.users-empty{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary)}.user-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.user-email{font-size:var(--text-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-container{flex:1;min-height:0}.editor-container.split-view{display:flex;overflow-y:auto;height:100%;background:var(--color-surface)}.editor-container.preview-only{display:flex;justify-content:flex-start;overflow:auto}.editor-container.preview-only>*{max-width:900px;width:100%}.editor-container.preview-only>.preview-panel{border:1px solid var(--color-border)}.editor-container.preview-only .editor-panel .ql-toolbar.ql-snow{border:1px solid var(--color-border)!important}.editor-container.preview-only .editor-panel .ql-toolbar.ql-snow+.ql-container.ql-snow{border:1px solid var(--color-border)!important;border-top:0!important}.editor-container.preview-only .preview-panel{width:100%;height:100%}.editor-container.split-view .preview-panel{flex:1;border-right:1px solid var(--color-border);overflow:visible;min-height:min-content;width:50%}.preview-section{flex:1;display:flex;flex-direction:column;width:50%;border-right:1px solid var(--color-border);min-height:0}.preview-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated);flex-shrink:0;height:75px;position:sticky;top:0;z-index:10;display:flex;align-items:center}.preview-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600!important;color:var(--color-text)}.editor-container.split-view .preview-section .preview-panel{flex:1;width:100%!important;border-right:none;overflow:visible;min-height:min-content}.editor-container.split-view .preview-section .preview-content{flex:1;width:100%;max-width:none!important;overflow:visible;min-height:min-content}.editor-container.split-view .editor-panel{flex:1;min-height:0;display:flex;overflow:visible;width:50%}.editor-panel,.preview-panel{background:var(--color-surface);display:flex;flex-direction:column}.preview-panel{overflow:hidden;min-height:0}.editor-container.split-view .preview-panel{overflow:visible}.main-content .editor-panel,.main-content .preview-panel{border:none;box-shadow:none}.cm-editor{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;background:var(--color-surface);border:none;outline:none;color:var(--color-text);height:100%}.cm-editor .cm-content{padding:var(--space-4)}.cm-editor .cm-scroller{overflow:auto;overscroll-behavior:contain}.editor-container.split-view .editor-panel{flex:1;min-height:0}.editor-container.split-view .cm-editor{height:100%}.editor-container.split-view .cm-scroller{overflow:auto}.cm-focused{outline:none}.cm-editor .cm-line{padding:0 var(--space-2);line-height:1.6}.cm-editor .cm-gutters{background:var(--color-background);border-right:1px solid var(--color-border)}.cm-editor .cm-lineNumbers{color:var(--color-text-muted);font-size:var(--text-xs)}.cm-editor .cm-activeLine{background:#00000005}.cm-editor .cm-selectionBackground{background:var(--color-accent-subtle)}.cm-editor .cm-tag{color:#0969da;font-weight:500}.cm-editor .cm-attribute{color:#8250df}.cm-editor .cm-string{color:#0a3069}.cm-editor .cm-comment{color:var(--color-text-muted);font-style:italic}.cm-highlight{background-color:var(--color-accent-subtle);border:1px solid var(--color-accent)}.preview-content{flex:1;padding:var(--space-5);overflow:auto;line-height:1.7;color:var(--color-text);background:var(--color-surface);font-size:var(--text-base);max-width:900px;white-space:pre-wrap;word-wrap:break-word;outline:none}.editor-container.preview-only .preview-content{max-width:900px;padding:var(--space-6) var(--space-8);margin:0}.editor-container.split-view .preview-content{overflow:visible;min-height:100%}.preview-content:focus{background:var(--color-surface-elevated)}.preview-content h1,.diff-content h1{font-size:var(--text-3xl);font-weight:700;margin:var(--space-6) 0 var(--space-4);line-height:1.3}.preview-content h2,.diff-content h2{font-size:var(--text-2xl);font-weight:600;margin:var(--space-5) 0 var(--space-3);line-height:1.3}.preview-content h3,.diff-content h3{font-size:var(--text-xl);font-weight:600;margin:var(--space-4) 0 var(--space-2);line-height:1.4}.preview-content p,.diff-content p{margin:var(--space-3) 0;line-height:1.7}.preview-content p:first-child,.diff-content p:first-child{margin-top:0}.preview-content p:last-child,.diff-content p:last-child{margin-bottom:0}.preview-content a,.diff-content a{color:#0969da;text-decoration:underline;text-decoration-color:#0969da;text-underline-offset:2px;transition:all var(--transition-fast)}.preview-content a:hover,.diff-content a:hover{color:#0550ae;text-decoration-color:#0550ae}.preview-content .highlight{background-color:var(--color-accent-subtle);outline:2px solid var(--color-accent);outline-offset:2px}.track-changes-panel{flex:1;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border);overflow:visible;min-height:0;width:50%}.track-changes-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated);display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;height:75px;position:sticky;top:0;z-index:10}.track-changes-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600!important;color:var(--color-text);flex-shrink:0}.track-changes-header .dropdown-container{position:relative}.track-changes-header .dropdown-input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);outline:none;flex-shrink:0;width:auto;min-width:200px;max-width:350px}.track-changes-header .dropdown-input:focus,.track-changes-header .dropdown-input:hover{border-color:var(--color-accent)}.track-changes-header .dropdown-input:disabled{opacity:.6;cursor:not-allowed}.track-changes-header .admin-client-dropdown{position:absolute;top:100%;left:0;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;min-width:max-content;max-width:350px}.track-changes-header .admin-client-dropdown-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.track-changes-header .admin-client-dropdown-item:hover,.track-changes-header .admin-client-dropdown-item.selected{background:var(--color-accent-subtle)}.track-changes-content{flex:1;padding:var(--space-5);overflow:visible;min-height:min-content}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--space-3);color:var(--color-text-secondary)}.error-state{color:var(--color-error)}.diff-container{display:flex;flex-direction:column;gap:var(--space-4)}.diff-legend{display:flex;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface-elevated);font-size:var(--font-size-sm)}.diff-legend-item{display:flex;align-items:center;gap:var(--space-2)}.diff-content{line-height:1.7;color:var(--color-text);background:var(--color-surface);font-size:var(--text-base);white-space:pre-wrap;word-wrap:break-word;overflow:visible;min-height:min-content;flex:1;max-width:900px}.diff-addition{background-color:#e6ffed;color:#24292f;padding:2px 0}.diff-deletion{background-color:#ffebe9;color:#24292f;text-decoration:line-through;padding:2px 0}@media(prefers-color-scheme:dark){.diff-addition{background-color:#0d4d21;color:#fff}.diff-deletion{background-color:#5d1a1a;color:#fff}}.popup{position:absolute;background:var(--color-surface);border:1px solid var(--color-border-strong);padding:var(--space-3);box-shadow:var(--shadow-xl);z-index:1000;display:flex;gap:var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:popup-enter .15s ease-out}.popup button{min-width:auto;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:500}.status-message{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:500;border:1px solid;animation:status-enter .3s ease-out}.status-message.success{background:#a5ff4c1a;color:var(--color-text);border-color:var(--color-accent)}.status-message.error{background:#ef44441a;color:var(--color-text);border-color:var(--color-danger)}.status-message.info{background:#3b82f61a;color:var(--color-text);border-color:#3b82f6}.link-editor-popup{position:fixed;background:var(--color-surface);border:1px solid var(--color-border-strong);padding:var(--space-4);box-shadow:var(--shadow-xl);z-index:1001;min-width:320px;max-width:500px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:popup-enter .15s ease-out}.link-editor-popup.show-above{transform-origin:bottom center}.link-editor-popup.show-below{transform-origin:top center}.link-editor-form{display:flex;flex-direction:column;gap:var(--space-3)}.link-editor-popup .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.link-editor-popup .form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin:0}.link-input,.text-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);font-size:var(--text-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.link-input:focus,.text-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #a5ff4c1a}.link-input.error{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44441a}.text-input:disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed}.error-text{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.link-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.primary-actions,.secondary-actions{display:flex;gap:var(--space-2)}.link-editor-popup button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn-secondary:hover{background:var(--color-background);border-color:var(--color-border-strong)}.btn-action{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.btn-action:hover{background:var(--color-background);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.btn-danger:hover{background:#ef44441a;border-color:var(--color-danger)}.link-editor-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.link-editor-popup .keyboard-hint{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.checkbox-label{display:flex;align-items:center;gap:var(--space-8);cursor:pointer;margin:0}.checkbox-input{width:16px!important;height:16px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;margin:0 5px 0 0}.checkbox-text{font-size:var(--text-sm);color:var(--color-text);font-weight:500;line-height:16px;vertical-align:middle}.help-icon-container{position:relative;display:inline-flex;align-items:center;margin-left:var(--space-1)}.help-icon{width:12px;height:12px;background:var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;cursor:help;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.help-icon:hover{background:var(--color-accent);color:var(--color-text)}.tooltip{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 8px);background:var(--color-text);color:var(--color-surface);padding:var(--space-3) var(--space-4);font-size:13px;white-space:normal;z-index:1002;box-shadow:var(--shadow-lg);opacity:0;animation:tooltip-fade-in .2s ease-out forwards;width:320px;text-align:left;line-height:1.5;margin-left:-160px;max-width:90vw}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-text)}.tooltip-portal{position:fixed!important;background:var(--color-text);color:var(--color-surface);padding:var(--space-3) var(--space-4);font-size:13px;white-space:normal!important;z-index:10000;box-shadow:var(--shadow-lg);opacity:0;animation:tooltip-fade-in .2s ease-out forwards;text-align:left;line-height:1.5;pointer-events:auto;width:320px!important;min-width:320px!important;max-width:90vw;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;display:block}.tooltip-portal:after{content:"";position:absolute;top:100%;left:var(--arrow-left, 50%);transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text)}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;animation:backdrop-fade-in var(--transition-fast, .15s) ease-out}[class$=-modal]{background:var(--color-surface);border:1px solid var(--color-border-strong);padding:var(--space-5);box-shadow:var(--shadow-xl);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-enter var(--transition-fast, .15s) ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface);position:sticky;top:0;z-index:2}.modal-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.modal-close-btn{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);line-height:1;transition:color var(--transition-fast, .15s) ease}.modal-close-btn:hover{color:var(--color-text)}.modal-form{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 auto;min-height:0;overflow-y:auto}.form-section{margin-bottom:var(--space-2)}.form-section:last-child{margin-bottom:var(--space-2)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin:0}.form-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);transition:border-color var(--transition-fast, .15s) ease,box-shadow var(--transition-fast, .15s) ease}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #a5ff4c1f}.form-input:disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.form-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);resize:vertical;line-height:1.5;transition:border-color var(--transition-fast, .15s) ease,box-shadow var(--transition-fast, .15s) ease}.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #a5ff4c1f}.form-textarea.error,.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44441f}.form-textarea:disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface);position:sticky;bottom:0;z-index:2}.secondary-actions,.primary-actions,.center-actions{display:flex;gap:var(--space-2)}.secondary-actions{justify-content:flex-start}.center-actions{justify-content:center}.primary-actions{justify-content:flex-end}.btn-primary,.btn-secondary{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast, .15s) ease;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-primary:disabled{background:var(--color-text-muted);border-color:var(--color-text-muted);color:var(--color-surface);cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-border-strong)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.error-text{font-size:var(--text-xs);color:var(--color-danger)}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:scale(.98) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-keyword-modal{background:var(--color-surface);border:1px solid var(--color-border-strong);padding:var(--space-5);box-shadow:var(--shadow-xl);min-width:500px;max-width:600px;max-height:80vh;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-enter .15s ease-out}.keywords-textarea{padding:var(--space-3);border:1px solid var(--color-border);font-size:var(--text-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;min-height:120px;line-height:1.5}.keywords-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #a5ff4c1a}.keywords-textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44441a}.keywords-textarea:disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.keywords-preview{padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.preview-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.keywords-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.keyword-tag{background:var(--color-accent);color:var(--color-text);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.add-tag-modal{background:var(--color-surface);border:1px solid var(--color-border-strong);padding:var(--space-5);box-shadow:var(--shadow-xl);min-width:500px;max-width:600px;max-height:80vh;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-enter .15s ease-out}.tags-textarea{padding:var(--space-3);border:1px solid var(--color-border);font-size:var(--text-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;min-height:120px;line-height:1.5}.tags-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #a5ff4c1a}.tags-textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44441a}.tags-textarea:disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.tags-preview{padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag-preview-pill{background:var(--color-accent);color:var(--color-text);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.add-news-modal{background:var(--color-surface);border:1px solid var(--color-border-strong);padding:var(--space-5);box-shadow:var(--shadow-xl);min-width:500px;max-width:600px;max-height:80vh;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-enter .15s ease-out}.add-news-modal .modal-form{margin-bottom:var(--space-5)}.add-news-modal .form-group{margin-bottom:var(--space-4)}.add-news-modal .form-label{color:var(--color-text-secondary)}.news-url-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);transition:all .2s ease}.news-url-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.news-url-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-alpha-20)}.news-url-input:disabled{background:var(--color-surface-muted);color:var(--color-text-disabled);cursor:not-allowed}.blog-type-select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.blog-type-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.blog-type-select:disabled{background:var(--color-surface-muted);color:var(--color-text-disabled);cursor:not-allowed}.form-help-text{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.4}.add-news-modal .modal-actions{justify-content:flex-end;gap:var(--space-3)}.add-news-modal .primary-actions{gap:var(--space-3)}@media(max-width:768px){.add-news-modal{min-width:90vw;margin:var(--space-4)}}.add-image-modal{background:var(--color-surface);border:1px solid var(--color-border-strong);padding:var(--space-5);box-shadow:var(--shadow-xl);width:auto;max-width:90vw;max-height:none;overflow:visible;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-enter .15s ease-out}.add-image-modal .modal-form{margin-bottom:var(--space-4)}.add-image-modal .modal-form.horizontal{display:grid;grid-template-columns:auto auto;gap:var(--space-6);align-items:stretch}.add-image-modal .image-area{display:flex;flex-direction:column;gap:var(--space-3)}.add-image-modal .form-side{display:flex;flex-direction:column;gap:var(--space-5);min-width:420px;height:100%;transition:opacity var(--transition-fast, .15s) ease}.add-image-modal .form-side--syncing{justify-content:center;align-items:center}.add-image-modal .form-side .revision-group{display:flex;flex-direction:column;gap:var(--space-2)}.add-image-modal .form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.image-drop-zone{border:2px dashed var(--color-border);background:var(--color-background);color:var(--color-text-secondary);padding:var(--space-6);min-width:320px;min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;outline:none;position:relative}.image-drop-zone.drag-over{border-color:var(--color-accent);background:#a5ff4c0f;box-shadow:0 0 0 3px #a5ff4c26}.image-drop-zone.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441f}.drop-zone-content{display:flex;flex-direction:column;gap:var(--space-1)}.drop-zone-instructions{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.drop-zone-instructions .muted{display:block;margin-top:var(--space-1);color:var(--color-text-tertiary);font-weight:400}.accepted-types{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.image-preview{display:flex;flex-direction:column;gap:var(--space-2)}.image-view{position:relative}.image-view img{max-width:100%;max-height:480px;height:auto;display:block;margin:0 auto;border:1px solid var(--color-border);background:var(--color-surface)}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.image-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.nav-button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast, .15s) ease,border-color var(--transition-fast, .15s) ease}.nav-button:hover:not(:disabled){background:var(--color-background);border-color:var(--color-border-strong)}.nav-button:disabled{opacity:.6;cursor:not-allowed}.nav-indicator{flex:1;text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.image-meta{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-1)}.image-meta .file-name{font-size:var(--text-sm);color:var(--color-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-meta .file-size{font-size:var(--text-xs);color:var(--color-text-tertiary)}.image-name-input,.image-description-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);transition:all .2s ease}.image-name-input:focus,.image-description-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #a5ff4c26}.image-name-input.error,.image-description-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441f}.image-hyperlink-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);transition:all .2s ease}.image-hyperlink-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #a5ff4c26}.revision-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast, .15s) ease}.revision-toggle:hover{color:var(--color-text)}.revision-toggle-icon{display:inline-block;font-size:var(--text-xs);transition:transform var(--transition-fast, .15s) ease}.revision-toggle-icon.expanded{transform:rotate(90deg)}.revision-content{padding-top:var(--space-2)}.revision-prompt-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);resize:vertical;min-height:120px;transition:all .2s ease}.revision-actions{margin-top:var(--space-2)}.revision-prompt-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #a5ff4c26}.add-image-modal .modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.add-image-modal .primary-actions{display:flex;flex-direction:row;gap:var(--space-3)}@media(max-width:768px){.add-image-modal{width:92vw;margin:var(--space-4)}.add-image-modal .modal-form.horizontal{display:flex;flex-direction:column;gap:var(--space-5)}}.generating-placeholder{display:flex;align-items:center;justify-content:center;min-width:320px;min-height:240px;border:2px dashed var(--color-border);background:var(--color-background);padding:var(--space-6)}.custom-data-modal{background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-xl);min-width:500px;max-width:600px;max-height:80vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-enter .15s ease-out;display:flex;flex-direction:column}.custom-data-modal .modal-header{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-5) var(--space-5) var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);position:relative;flex-shrink:0}.custom-data-modal .modal-header h3{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.custom-data-modal .modal-subtitle{font-size:var(--text-base);color:var(--color-text);font-weight:500;margin:0}.custom-data-modal .modal-close-btn{position:absolute;top:var(--space-5);right:var(--space-5);background:none;border:none;font-size:var(--text-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);line-height:1;transition:color .2s ease}.custom-data-modal .modal-close-btn:hover{color:var(--color-text)}.custom-data-modal .modal-form{display:flex;flex-direction:column;gap:var(--space-4);flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);min-height:0}.custom-data-modal .form-textarea{padding:var(--space-3);border:1px solid var(--color-border);font-size:var(--text-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;min-height:150px;line-height:1.5}.custom-data-modal .form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #a5ff4c1a}.custom-data-modal .form-textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44441a}.custom-data-modal .form-textarea.has-changes{border-color:var(--color-accent);box-shadow:0 0 0 1px #a5ff4c33}.custom-data-modal .form-textarea:disabled{background:var(--color-background);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.custom-data-fields{display:flex;flex-direction:column;gap:var(--space-4)}.no-data-message{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-style:italic}.custom-data-modal .error-message{padding:var(--space-3);background:#ef44441a;border:1px solid var(--color-danger);margin:var(--space-2) 0}.custom-data-modal .modal-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.custom-data-modal .secondary-actions{display:flex;gap:var(--space-2);flex:1;justify-content:flex-start}.custom-data-modal .center-actions{display:flex;justify-content:center;align-items:center;flex:1}.custom-data-modal .primary-actions{display:flex;gap:var(--space-2);flex:1;justify-content:flex-end}.change-password-modal{min-width:500px;max-width:600px;max-height:80vh;overflow-y:auto}.change-password-modal .form-section{margin-bottom:var(--space-2)}.change-password-modal .password-strength{margin-top:var(--space-1);font-size:var(--text-xs)}.data-table-container{margin-top:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);overflow-x:auto;position:relative}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{background:var(--color-surface);padding:var(--space-4);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;padding-left:var(--space-4)}.data-table th.checkbox-cell{padding-left:var(--space-4)}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.data-table .actions-cell{text-align:right}.actions-cell{padding:var(--space-2);text-align:left;width:180px}.action-btn{background:none;border:none;padding:0;margin:0 var(--space-1);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;vertical-align:middle}.action-btn:hover{background-color:var(--color-accent-subtle)}.action-btn img{max-width:16px;max-height:16px;width:auto;height:auto;display:block;object-fit:contain;margin:auto}.action-btn.star-btn .star-stack{position:relative;width:16px;height:16px;display:inline-block}.action-btn.star-btn .star-stack img{position:relative;z-index:1;display:block}.action-btn.star-btn .star-stack .hover-fill{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity var(--transition-fast)}.action-btn.star-btn:hover .star-stack .hover-fill{opacity:1}.data-table .ghost-row{height:60px;pointer-events:none}.data-table .ghost-row td{border-bottom:none;padding:0}.data-table-row{transition:background-color var(--transition-fast)}.data-table-row:hover{background:var(--color-accent-subtle)}.data-table-row.clickable-row{cursor:pointer}.data-table-empty{margin-top:var(--space-6);padding:var(--space-8);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color var(--transition-fast)}.sortable-header:hover{background:var(--color-accent-subtle)}.sort-indicator{margin-left:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.sortable-header:hover .sort-indicator{color:var(--color-text)}.checkbox-cell{width:40px;padding:var(--space-2);text-align:center}.checkbox-cell input[type=checkbox],.select-all-checkbox{cursor:pointer;transform:scale(1.1)}.editable-cell{cursor:pointer;position:relative}.editable-cell:hover{background:var(--color-accent-subtle)}.editing-cell{background:var(--color-surface-elevated);box-shadow:inset 0 0 0 2px var(--color-accent)}.editable-cell-display{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:var(--space-2)}.editable-cell-display .edit-indicator{opacity:0;color:var(--color-text-muted);font-size:var(--text-xs);transition:opacity var(--transition-fast)}.editable-cell:hover .edit-indicator{opacity:1}.cell-placeholder{color:var(--color-text-muted);font-style:italic}.editable-cell-input-wrapper{position:relative;width:100%}.editable-cell-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-family);outline:none;transition:border-color var(--transition-fast)}.editable-cell-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a5ff4c1a}.editable-cell-textarea{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-family);outline:none;resize:vertical;transition:border-color var(--transition-fast)}.editable-cell-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a5ff4c1a}.context-cell{max-width:300px}.context-text{display:block;line-height:1.4;word-wrap:break-word}.context-placeholder{color:var(--color-text-muted);font-style:italic}.keyword-cell{max-width:180px;word-wrap:break-word;line-height:1.4}.blog-type-cell{width:1%;white-space:nowrap}.blog-type-pill{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--color-background);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;line-height:1.2;white-space:nowrap;cursor:inherit}.search-volume-cell{font-variant-numeric:tabular-nums;width:1%;white-space:nowrap}.publish-date-column{width:120px;white-space:nowrap;font-variant-numeric:tabular-nums}.publish-date{color:var(--color-text-secondary);font-size:var(--text-sm)}.title-cell{max-width:200px;word-wrap:break-word;line-height:1.4}.feedback-cell{max-width:400px;word-wrap:break-word;line-height:1.4}.blog-type-input-display{padding:var(--space-2);min-height:40px;display:flex;align-items:center}.blog-type-placeholder{color:var(--color-text-muted);font-style:italic}.data-table-add-row{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface);text-align:left;position:sticky;bottom:0;z-index:10}.add-row-btn{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:var(--color-text);border:1px solid var(--color-accent);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.add-row-btn:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.add-row-btn:active{transform:translateY(1px)}.content-launcher-container{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}.content-launcher-container h1{flex-shrink:0}.content-launcher-table{margin-top:var(--space-6);flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.content-launcher-table .data-table-container{flex:1;overflow-y:auto;position:relative;min-height:300px}.content-launcher-table .data-table-container .bulk-actions-popup{position:absolute;top:0;left:0;transform:translateY(-100%);margin-bottom:-1px;border-bottom:none}.source-pill{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--color-background);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;line-height:1.2;white-space:nowrap;cursor:inherit;border:1px solid var(--color-border);text-transform:capitalize}.source-custom{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.source-agent{background:#a855f71a;color:#a855f7;border-color:#a855f733}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tags-empty-state{width:100%;color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-2) 0}.tag-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:180px;overflow:hidden;text-overflow:ellipsis;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tag-pill--compact{padding:2px 6px;font-size:12px;line-height:1.1;max-width:none}.tag-pill--enabled{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.tag-pill--disabled{background:var(--color-background);color:var(--color-text-muted);border-color:var(--color-border)}.tag-pill--add{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);font-weight:600}.tag-pill:hover{filter:brightness(.98)}.tag-pill:focus{outline:none;box-shadow:0 0 0 3px #a5ff4c26}.add-tag-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.add-tag-button:hover{background:var(--color-background);border-color:var(--color-border-strong)}.add-tag-button:disabled{opacity:.6;cursor:not-allowed}.add-user-modal .tag-pill:hover{filter:none}.add-user-modal .tag-pill.tag-pill--enabled:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}.add-user-modal .tag-pill.tag-pill--disabled:hover{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-muted)}.tag-pill--readonly{cursor:default}.keyword-tabs,.article-tabs,.analytics-tabs,.content-planner-tabs{display:flex;border-bottom:2px solid var(--color-border);background:var(--color-surface)}.content-planner-tabs{margin-top:var(--space-4)}.keyword-tab,.article-tab,.analytics-tab,.content-planner-tab{padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:var(--space-2);outline:none}.keyword-tab:hover,.article-tab:hover,.analytics-tab:hover,.content-planner-tab:hover{color:var(--color-text)}.keyword-tab:focus,.keyword-tab:focus-visible,.article-tab:focus,.article-tab:focus-visible,.analytics-tab:focus,.analytics-tab:focus-visible,.content-planner-tab:focus,.content-planner-tab:focus-visible{outline:none;box-shadow:none}.keyword-tab.active,.article-tab.active,.analytics-tab.active,.content-planner-tab.active{color:var(--color-text);border-bottom-color:var(--color-accent-control-center)}.tab-label{font-weight:500}.tab-count{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:400}.keyword-tab.active .tab-count,.article-tab.active .tab-count,.content-planner-tab.active .tab-count{color:var(--color-text-secondary)}.tab-container{display:flex;background:var(--color-surface)}.tab-button{flex:1;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:none;box-shadow:none;position:relative}.tab-button:focus,.tab-button:focus-visible{outline:none;box-shadow:none;border:none}.tab-button.active{color:var(--color-text)}.tab-button.active:after{content:"";position:absolute;bottom:0;height:2px;background:var(--color-accent-control-center)}.tab-button:first-child.active:after{left:var(--space-4);right:0}.tab-button:last-child.active:after{left:0;right:var(--space-4)}.tab-button:hover{color:var(--color-text);background:var(--color-surface-elevated)}.tab-content{position:relative}.tab-content:before{content:"";position:absolute;top:0;left:var(--space-4);right:var(--space-4);height:1px;background:var(--color-border)}.node-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);display:flex;align-items:stretch;gap:0;transition:all var(--transition-fast);cursor:pointer;padding:0;overflow:hidden;height:140px;min-height:140px;max-height:140px}.node-card:hover{border-color:var(--color-border-strong);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.node-card-bar{width:32px;background:#f5f0f1;flex-shrink:0;align-self:stretch;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.node-card-bar-fill-published{width:100%;background:var(--color-accent);transition:height var(--transition-normal);position:absolute;bottom:0;left:0}.node-card-bar-fill-draft{width:100%;background:#f5dce1;transition:height var(--transition-normal);position:absolute;left:0}.node-card-content{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.node-card-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0;word-break:break-word;line-height:1.3}.node-card-volume{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400;line-height:1.2}.node-card-summary{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.2;font-weight:400}.node-card-prompts{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400;line-height:1.2}.node-status-pill{padding:2px 6px;font-size:10px;font-weight:500;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;width:fit-content;margin-top:4px}.node-status-pill.status-generating{background:#fb923c26;color:#c2410c;border:1px solid rgba(251,146,60,.3)}.node-status-pill.status-failed{background:#ef444426;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.node-status-pill.status-generated{background:#95e63c26;color:#65a30d;border:1px solid rgba(149,230,60,.3)}.node-status-pill.status-approved{background:var(--status-new-bg);color:var(--color-text);border:1px solid var(--status-new-border)}.node-status-pill.status-published{background:#9ca3af26;color:#4b5563;border:1px solid rgba(156,163,175,.3)}.status-spinner{display:inline-block;width:8px;height:8px;animation:spin 1s linear infinite}.node-card-actions{padding:var(--space-3) 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-2);flex-shrink:0;border-left:1px solid var(--color-border)}.node-action-button{background:none;border:none;padding:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:32px;height:32px}.node-action-button:hover:not(:disabled){background:var(--color-surface)}.node-action-button:disabled{opacity:.4;cursor:not-allowed}.node-action-button img{width:18px;height:18px;opacity:.6;transition:opacity var(--transition-fast)}.node-action-button:hover:not(:disabled) img{opacity:1}.node-action-button.star-button img{opacity:.4}.node-action-button.star-button:hover img{opacity:.8}.node-action-button.star-button.star-active img{opacity:1;filter:brightness(0)}.node-action-button.star-button.star-active:hover img{opacity:.7;filter:brightness(0)}.node-card-inactive{opacity:.7}.node-card-inactive .node-card-title,.node-card-inactive .node-card-volume{opacity:.6}.node-card-bar-inactive{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.node-card-bar-inactive:hover{background:#a5ff4c26}.node-card-power-icon{width:20px;height:20px;opacity:.5;transition:all var(--transition-fast)}.node-card-bar-inactive.hovered .node-card-power-icon{opacity:1;filter:brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(1729%) hue-rotate(31deg) brightness(103%) contrast(104%)}.node-card-activate-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.node-card.dragging{opacity:.5;cursor:grabbing}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-idea-card{padding:var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);transition:all var(--transition-fast)}.main-idea-card:hover{border-color:var(--color-border-strong);box-shadow:0 1px 4px #00000014}.main-idea-card p{margin:0;font-size:var(--text-base);color:var(--color-text);line-height:1.5}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2)}.card-header-row h3{margin:0;flex:1}.card-content-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.card-content-row p{flex:1;margin:0}.card-content-main{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.card-action-buttons{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.archive-icon-button{background:none;border:none;padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0}.archive-icon-button:hover{background:var(--color-surface)}.archive-icon-button img{width:16px;height:16px;opacity:.6}.archive-icon-button:hover img{opacity:1}.launcher-icon-button{background:none;border:none;padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0}.launcher-icon-button:hover:not(:disabled){background:var(--color-surface)}.launcher-icon-button:disabled{opacity:.4;cursor:not-allowed}.launcher-icon-button img{width:20px;height:20px;opacity:.6}.launcher-icon-button:hover:not(:disabled) img{opacity:1}.main-idea-status{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;flex-shrink:0;display:inline-block;width:fit-content}.main-idea-status.status-pending{background:var(--status-draft-bg);color:var(--status-draft-text);border:1px solid var(--status-draft-border)}.main-idea-status.status-success{background:var(--status-new-bg);color:var(--color-text);border:1px solid var(--status-new-border)}.main-idea-status.status-failed{background:#ef444426;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.main-idea-status.status-generating{background:#fb923c26;color:#c2410c;border:1px solid rgba(251,146,60,.3)}.main-idea-status.status-generated{background:#95e63c26;color:#65a30d;border:1px solid rgba(149,230,60,.3)}.main-idea-status.status-approved{background:var(--status-new-bg);color:var(--color-text);border:1px solid var(--status-new-border)}.main-idea-status.status-published{background:#9ca3af26;color:#4b5563;border:1px solid rgba(156,163,175,.3)}.main-idea-status.status-generating .status-spinner{filter:brightness(0) saturate(100%) invert(32%) sepia(78%) saturate(1844%) hue-rotate(11deg) brightness(93%) contrast(92%)}.right-panel{width:350px;height:100vh;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.right-panel-content{padding:var(--space-6);padding-bottom:var(--space-8);flex:1;min-height:0}.blog-guidelines-button{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.blog-guidelines-button:hover:not(:disabled){background:var(--color-accent-subtle)}.blog-guidelines-button:disabled{opacity:.6;cursor:not-allowed}.blog-guidelines-nav{width:280px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.blog-guidelines-nav-content{padding:var(--space-6);flex:1}.blog-guidelines-nav h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-4) 0}.blog-guidelines-list{display:flex;flex-direction:column;gap:var(--space-1)}.blog-guidelines-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:16px;font-weight:400;cursor:pointer;transition:all var(--transition-fast)}.blog-guidelines-close:hover{background:var(--color-background);border-color:var(--color-border-strong)}.last-updated{font-weight:500}.editor-controls-panel{width:350px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.editor-controls-content{padding:var(--space-6);padding-bottom:var(--space-8);flex:1;min-height:0}.generate-button{padding:var(--space-3) var(--space-4);background:var(--color-accent-subtle);color:var(--color-text);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);flex-shrink:0}.generate-button:hover:not(:disabled){background:var(--color-accent);transform:translateY(-1px)}.generate-button.disabled,.generate-button:disabled{background:var(--color-text-muted);color:var(--color-surface);cursor:not-allowed;transform:none}.reset-button{padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);box-sizing:border-box}.reset-button:hover:not(:disabled){background:var(--color-background);border-color:var(--color-text-secondary)}.reset-button:disabled{background:var(--color-background);color:var(--color-text-secondary);cursor:not-allowed}.queue-panel{width:320px;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh}.queue-panel-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated)}.queue-panel-header h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-1) 0}.queue-panel-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.queue-panel-content{flex:1;padding:var(--space-4);overflow-y:auto}.queue-loading,.queue-error,.queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-4);height:200px}.queue-error p,.queue-empty p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);text-align:center}.retry-button{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text);border:none;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.retry-button:hover{background:var(--color-accent-hover)}.queue-cards{display:flex;flex-direction:column;gap:var(--space-3)}.queue-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:var(--space-4);transition:border-color var(--transition-fast)}.queue-card:hover{border-color:var(--color-border-strong)}.queue-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.queue-card-keyword{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin:0;flex:1;line-height:1.4;word-break:break-word}.queue-card-status{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.queue-card-status.status-pending{background:var(--status-draft-bg);color:var(--status-draft-text);border:1px solid var(--status-draft-border)}.queue-card-status.status-success{background:var(--status-new-bg);color:var(--color-text);border:1px solid var(--status-new-border)}.queue-card-status.status-failed{background:#ef444426;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.queue-card-actions{display:flex;align-items:center;gap:var(--space-2)}.queue-action-button{background:none;border:none;cursor:pointer;padding:var(--space-1);transition:background-color var(--transition-fast);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.queue-action-button:hover{background-color:#0000001a}.queue-action-icon{width:16px;height:16px}.queue-action-button.success:hover{background-color:#22c55e1a}.queue-action-button.failed:hover{background-color:#ef44441a}.queue-card-details{display:flex;align-items:center;justify-content:space-between}.queue-card-meta{display:flex;align-items:center;gap:var(--space-3)}.queue-card-version,.queue-card-time{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.queue-card-version{padding:var(--space-1) var(--space-2);background:var(--color-background)}.queue-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease-out;cursor:pointer}.queue-overlay.closing{animation:fadeOut .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.queue-panel-overlay{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:var(--color-surface);box-shadow:-2px 0 8px #00000026;z-index:1001;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}.queue-panel-overlay.closing{animation:slideOutRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.queue-panel-overlay .queue-panel-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start}.queue-close-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-2);transition:background .2s;display:flex;align-items:center;justify-content:center}.queue-close-btn:hover{opacity:.7}.queue-close-btn img{width:16px;height:16px}@media(max-width:768px){.queue-panel-overlay{width:100vw;max-width:100vw}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:200px}.loading-spinner__container{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}.loading-spinner__logo{display:block;width:100%;height:100%}.loading-spinner__logo--base{fill:#000}.loading-spinner__logo--fill{position:absolute;top:0;left:0;color:var(--color-accent);animation:fillBottomToTop 3s cubic-bezier(.4,0,.2,1) infinite}.loading-spinner--small .loading-spinner__container{width:24px;height:calc(24px * 181 / 335)}.loading-spinner--medium .loading-spinner__container{width:48px;height:calc(48px * 181 / 335)}.loading-spinner--large .loading-spinner__container{width:96px;height:calc(96px * 181 / 335)}.loading-spinner--xlarge .loading-spinner__container{width:128px;height:calc(128px * 181 / 335)}.loading-spinner__message{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.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}@keyframes fillBottomToTop{0%{clip-path:inset(100% -1% -1% -1%)}to{clip-path:inset(-1% -1% 0% -1%)}}.loading-section{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-8)}.style-guide-image-modal .form-side{display:flex;flex-direction:column;gap:var(--space-4)}.style-guide-image-modal .revision-section{margin-top:var(--space-2)}.style-guide-image-modal .revision-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.style-guide-image-modal .revision-toggle:hover{color:var(--color-text)}.style-guide-image-modal .revision-toggle-icon{font-size:var(--text-xs);transition:transform var(--transition-fast)}.style-guide-image-modal .revision-toggle-icon.expanded{transform:rotate(90deg)}.style-guide-image-modal .revision-content{margin-top:var(--space-2);padding-left:var(--space-4)}.style-guide-image-modal .revision-group{display:flex;flex-direction:column;gap:var(--space-2)}.style-guide-image-modal .revision-prompt-input{resize:vertical;min-height:60px}.style-guide-image-modal .revision-actions{display:flex;justify-content:flex-end}.article-featured-image-modal{display:flex;flex-direction:column;max-height:90vh}.article-featured-image-modal .modal-header{flex-shrink:0}.article-featured-image-modal .modal-form{flex:1;overflow-y:auto;min-height:0}.article-featured-image-modal .modal-actions{flex-shrink:0}.article-featured-image-modal .form-side{display:flex;flex-direction:column;gap:var(--space-3)}.article-featured-image-modal .image-view img{max-width:100%;max-height:500px;height:auto;width:auto;display:block;object-fit:contain;transition:max-height .2s ease}.article-featured-image-modal .image-view img.revision-expanded{max-height:280px}.article-featured-image-modal .revision-section{margin-top:var(--space-3);width:100%;flex-shrink:0}.article-featured-image-modal .revision-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.article-featured-image-modal .revision-toggle:hover{color:var(--color-text)}.article-featured-image-modal .revision-toggle-icon{font-size:var(--text-xs);transition:transform var(--transition-fast)}.article-featured-image-modal .revision-toggle-icon.expanded{transform:rotate(90deg)}.article-featured-image-modal .revision-content{margin-top:var(--space-2)}.article-featured-image-modal .revision-group{display:flex;flex-direction:column;gap:var(--space-2)}.article-featured-image-modal .revision-prompt-input{resize:vertical;min-height:60px}.article-featured-image-modal .revision-actions{display:flex;justify-content:space-between;align-items:center}.article-featured-image-modal .checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400;white-space:nowrap;padding-left:2px}.article-featured-image-modal .checkbox-label input[type=checkbox]{cursor:pointer;transform:scale(1.1)}.article-featured-image-modal .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.article-featured-image-modal .generating-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--space-6)}.login-app-container{min-height:100vh;width:100%;background:var(--color-background);font-family:var(--font-family);display:flex;flex-direction:column;justify-content:center;align-items:center}.login-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;padding:var(--space-4)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-8);width:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.login-logo{width:32px;height:32px;flex-shrink:0}.login-header h1{font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.error-message{padding:var(--space-3);background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border);font-size:var(--text-sm);text-align:center}.login-button{margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.monitor-container{padding:var(--space-6);background:var(--color-surface);min-height:100vh;overflow-x:hidden}.monitor-container h1{font-size:var(--text-3xl);font-weight:600;color:var(--color-text)}.monitor-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.monitor-actions{display:inline-flex;align-items:center;gap:var(--space-3)}.monitor-actions p{margin:0;color:var(--color-text-secondary);font-size:14px}.no-data-section{background:var(--color-surface);border:1px solid var(--color-border);padding:48px;text-align:center;color:var(--color-text-secondary)}.no-data-section p{margin:0 0 16px;font-size:16px;line-height:1.5}.monitor-table-container{background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--space-6)}.table-wrapper{overflow-x:auto}.monitor-table{width:100%;border-collapse:collapse;font-family:General Sans,sans-serif}.monitor-table thead{background:var(--color-background);border-bottom:1px solid var(--color-border-strong)}.monitor-table th{padding:12px 16px;text-align:left;font-weight:500;color:var(--color-text);border-right:1px solid var(--color-border);font-size:13px;background:var(--color-background)}.monitor-table th:last-child{border-right:none}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.sortable-header:hover{background:#a5ff4c1a}.monitor-row{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.monitor-row:hover{background:#a5ff4c0d}.monitor-row:last-child{border-bottom:none}.monitor-table td{padding:12px 16px;vertical-align:top;border-right:1px solid var(--color-border);font-size:13px;line-height:1.4;color:var(--color-text)}.monitor-table td:last-child{border-right:none}.query-cell{color:var(--color-text);font-weight:400;line-height:1.4;min-width:300px}.delta-cell,.rank-cell{text-align:left;font-weight:400;color:var(--color-text);font-size:13px}.providers-list,.competitors-list{display:flex;flex-wrap:wrap;gap:6px}.provider-tag,.competitor-tag{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:4px 8px;font-size:12px;color:var(--color-text-secondary);font-weight:400}.provider-tag.provider-with-refs{position:relative;cursor:help}.provider-tag.provider-with-refs .provider-name{position:relative;z-index:1}.provider-refs-tooltip{position:absolute;top:100%;right:0;z-index:20;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 8px 20px #00000026;padding:12px;width:max-content;max-width:min(500px,80vw);max-height:280px;overflow:auto;margin-top:4px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease .2s,visibility 0s linear .2s}.provider-tag.provider-with-refs:hover .provider-refs-tooltip,.provider-tag.provider-with-refs:focus-within .provider-refs-tooltip,.provider-refs-tooltip:hover{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s ease 0ms,visibility 0s linear 0ms}.competitor-tag.client-highlighted{background:var(--status-published-bg);color:var(--status-published-text);border:1px solid var(--status-published-border);font-weight:500}.providers-cell,.competitors-cell{min-width:250px;max-width:300px}.refs-cell{min-width:250px}.refs-count{font-weight:500;color:var(--color-text);margin-bottom:8px;font-size:12px}.refs-list{display:flex;flex-direction:column;gap:4px}.ref-link{color:var(--color-text-secondary);text-decoration:none;font-size:12px;line-height:1.3;transition:all .2s ease;word-break:break-all;display:inline}.ref-link:hover{color:var(--color-text);text-decoration:underline}.no-data{color:var(--color-text-muted);font-style:italic;font-size:12px}.link-button.more-toggle{background:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:12px;padding:2px 4px}.link-button.more-toggle:hover{color:var(--color-text);text-decoration:underline}.monitor-dashboard{display:flex;flex-wrap:nowrap;gap:var(--space-4);margin:var(--space-4) 0;width:100%}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:0}.metric-title{font-size:12px;color:var(--color-text-secondary);margin-bottom:2px}.metric-value{font-size:22px;font-weight:600;color:var(--color-text)}.metric-subtext{font-size:12px;color:var(--color-text-secondary)}.metric-percent{font-size:12px;color:var(--color-text-secondary);margin-left:6px}.metric-card.unique-links{position:relative}.metric-card .metric-tooltip{position:absolute;top:100%;left:0;z-index:20;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 8px 20px #00000026;padding:12px;width:min(720px,80vw);max-height:280px;overflow:auto;border-radius:6px;border-top:8px solid transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease .5s,visibility 0s linear .5s}.metric-card.unique-links:hover .metric-tooltip,.metric-card.unique-links:focus-within .metric-tooltip,.metric-card .metric-tooltip:hover{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s ease 0ms,visibility 0s linear 0ms}.metric-tooltip .ref-link{margin-bottom:6px}.top-rankings-section{margin-bottom:var(--space-6)}.top-rankings-section h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.top-rankings-toggle{display:flex;justify-content:center;padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.top-rankings-toggle .link-button{background:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.top-rankings-toggle .link-button:hover{color:var(--color-text);text-decoration:underline}.position-cell{min-width:80px;font-weight:500}.ai-quotes-section{margin-bottom:var(--space-6)}.ai-quotes-section h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.quote-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:all .2s ease}.quote-card:hover{border-color:var(--color-border-strong);box-shadow:0 2px 8px #0000000d}.quote-text{font-size:14px;line-height:1.6;color:var(--color-text)}.quote-text p{margin:0;display:inline}.quote-text strong{font-weight:600;font-style:normal}.quote-text em{font-style:italic}.quote-text code{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:2px 6px;font-family:Courier New,monospace;font-size:13px;font-style:normal}.quote-text ul,.quote-text ol{margin:8px 0;padding-left:20px}.quote-text li{margin:4px 0}.quote-meta{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.quote-provider{font-size:12px;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.quote-prompt{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.quotes-toggle{display:flex;justify-content:center;padding:var(--space-3) 0}.quotes-toggle .link-button{background:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.quotes-toggle .link-button:hover{color:var(--color-text);text-decoration:underline}.growflow-container{padding:var(--space-6);height:100%;display:flex;flex-direction:column}.growflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.growflow-header h1{font-size:var(--text-2xl);font-weight:600;margin:0}.growflow-controls{display:flex;align-items:center;gap:var(--space-3)}.growflow-controls button{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:var(--text-sm);transition:all .2s ease}.growflow-controls button:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.growflow-controls button:disabled{opacity:.6;cursor:not-allowed}.growflow-controls button:first-of-type:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}.growflow-controls button:first-of-type:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.unsaved-indicator{color:var(--color-warning);font-size:var(--text-sm);font-weight:500}.growflow-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);flex:1;min-height:0}.growflow-left-panel{overflow-y:auto;padding-right:var(--space-2);flex:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.section-header h2{margin:0;padding-bottom:0;border-bottom:none!important}.growflow-right-panel{border-left:1px solid var(--color-border);padding:var(--space-6);background:var(--color-surface-elevated);display:flex;flex-direction:column;height:100vh;max-width:500px;overflow:hidden}.json-preview-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center}.json-preview-header h3{margin:0;font-size:var(--text-lg);font-weight:600}.json-preview{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4);font-family:Courier New,monospace;font-size:var(--text-sm);overflow-y:auto;flex:1;line-height:1.4;min-height:400px}.json-preview pre{margin:0;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.json-preview.json-preview-empty{display:flex;align-items:center;justify-content:center}.json-empty-state{text-align:center;color:var(--color-text-secondary)}.json-empty-state p{margin:0 0 var(--space-2) 0}.json-empty-help{font-size:var(--text-xs);color:var(--color-text-muted)}.json-preview-title{display:flex;justify-content:space-between;align-items:center;flex:1}.json-status{font-size:var(--text-xs);font-weight:500}.json-status-empty{color:var(--color-text-muted)}.json-status-valid{color:var(--color-success)}.json-status-invalid{color:var(--color-danger)}.json-actions{display:flex;gap:var(--space-2);margin-left:var(--space-4)}.json-action-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:var(--text-xs);transition:all .2s ease}.json-action-btn:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.add-override-section{padding:var(--space-4);border:2px dashed var(--color-border);text-align:center;margin-bottom:var(--space-6);background:var(--color-surface)}.add-override-section p{margin:0 0 var(--space-3) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.add-override-btn{padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);transition:all .2s ease}.add-override-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-hover)}.override-card{border:1px solid var(--color-border);margin-bottom:var(--space-4);background:var(--color-surface)}.override-card-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-elevated)}.override-card-header h3{margin:0;font-size:var(--text-lg);font-weight:600}.override-card-header button{background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:var(--color-text-secondary);width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.override-card-header button:hover{color:var(--color-danger)}.override-card-content{padding:var(--space-4)}.error-section{padding:var(--space-6);text-align:center}.error-section h2{color:var(--color-danger);margin-bottom:var(--space-3)}.add-override-dropdown-wrapper{position:relative;display:inline-block}.override-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.override-dropdown-item{padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.override-dropdown-item:hover{background:var(--color-surface-elevated)}.override-dropdown-item:last-child{border-bottom:none}.override-dropdown-label{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1)}.override-dropdown-description{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.3}.override-card-title{flex:1}.override-card-description{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400}.override-card-actions{display:flex;gap:var(--space-2)}.toggle-expand-btn,.remove-override-btn{background:none;border:none;font-size:var(--text-lg);cursor:pointer;color:var(--color-text-secondary);width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-expand-btn:hover{color:var(--color-text)}.remove-override-btn:hover{color:var(--color-danger)}.field-wrapper{position:relative}.field-wrapper.field-error input,.field-wrapper.field-error textarea{border-color:var(--color-danger)}.field-error-message{color:var(--color-danger);font-size:var(--text-xs);margin-top:var(--space-1)}.field-help{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.3}.field-description{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400;margin-top:var(--space-1);line-height:1.3}.array-field,.json-field{display:flex;flex-direction:column}.no-overrides-message{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:var(--space-4)}@media(max-width:1200px){.growflow-layout{grid-template-columns:1fr 350px}}@media(max-width:992px){.growflow-layout{grid-template-columns:1fr;gap:var(--space-4)}.growflow-right-panel{border-left:none;border-top:1px solid var(--color-border);padding:var(--space-6)}.override-dropdown{position:fixed;left:var(--space-4);right:var(--space-4);max-height:200px}}.search-and-bulk-container{position:relative;margin:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-3)}.search-and-bulk-container .content-search{flex:1}.keyword-planner-container .data-table{table-layout:auto;width:100%;--checkbox-width: 40px;--actions-width: 180px}.keyword-planner-container .checkbox-cell{width:var(--checkbox-width)}.keyword-planner-container .actions-cell{width:var(--actions-width);text-align:right}.keyword-planner-container .data-table th.actions-cell{text-align:center}.keyword-cell{width:auto;min-width:120px;white-space:nowrap}.custom-data-cell{width:calc(var(--remaining-width) / 4);min-width:60px;text-align:left;padding:var(--space-2);white-space:nowrap}.search-volume-cell{width:calc(var(--remaining-width) / 4);min-width:80px;font-variant-numeric:tabular-nums;white-space:nowrap}.source-cell{width:calc(var(--remaining-width) / 4);min-width:80px}.status-cell{width:calc(var(--remaining-width) / 4);min-width:100px}.custom-data-cell input[type=checkbox]{cursor:default;pointer-events:none;margin:0}.settings-container{padding:0 var(--space-6) var(--space-6) var(--space-6);background:var(--color-surface);min-height:100vh;width:800px;height:100vh;overflow-y:auto}.settings-container h1{font-size:var(--text-3xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:100}.settings-header h1{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0}.settings-header p{color:var(--color-text-secondary);margin:0}.settings-controls{display:flex;gap:var(--space-3);align-items:center}.settings-controls button{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:none}.settings-controls button:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.settings-controls button:disabled{opacity:.6;cursor:not-allowed}.settings-controls .primary{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.settings-controls .primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.settings-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:var(--space-5);margin-bottom:var(--space-4)}.form-section h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.content-section{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border)}.image-gallery-container{padding:var(--space-6);background:var(--color-surface);min-height:100vh}.image-gallery-header{margin-bottom:var(--space-4);background:var(--color-surface)}.image-gallery-header h1{font-size:var(--text-3xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2) 0}.image-gallery-subcopy{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.image-gallery-header .search-and-bulk-container{position:relative;margin-top:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.add-keyword-section{flex-shrink:0;display:flex;gap:var(--space-2)}.add-keyword-section .add-row-btn{height:40px;display:inline-flex;align-items:center;margin:0}.image-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);padding-top:var(--space-4)}.image-gallery-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden;display:flex;flex-direction:column;position:relative}.image-gallery-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.image-thumb-wrap{width:100%;aspect-ratio:4 / 3;background:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer}.image-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.image-caption{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-actions{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.image-actions .btn-secondary,.image-actions .btn-danger,.empty-state button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.image-actions .btn-danger{color:var(--color-danger-text, #fff);background:var(--color-danger, #e11d48);border-color:var(--color-danger, #e11d48)}.image-actions .btn-danger:hover{filter:brightness(.95)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) 0;color:var(--color-text-secondary);gap:var(--space-4)}.drag-overlay{position:fixed;inset:0;background:#0000001a;border:2px dashed var(--color-accent);z-index:1000;pointer-events:none}.image-delete-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;box-shadow:var(--shadow-sm);cursor:pointer;z-index:2;opacity:.9}.image-delete-btn:hover{opacity:1;background:var(--color-surface-elevated)}.image-delete-btn img{width:14px;height:14px;pointer-events:none}@media(max-width:768px){.image-gallery-header{position:static}.image-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.section-subcopy{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4) 0;line-height:1.5}.section-header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.form-section .section-header-row h2{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-header-row .section-subcopy{margin-bottom:0}.logo-content-area{margin-top:var(--space-4)}.brand-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.brand-images-grid--single{grid-template-columns:200px}.brand-image-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.brand-image-card:hover{transform:translateY(-1px)}.brand-image-card .image-thumb-wrap{width:100%;aspect-ratio:4 / 3;background:var(--color-background);display:flex;align-items:center;justify-content:center;cursor:pointer}.brand-image-card .image-thumb-wrap--readonly{cursor:default}.brand-image-card .image-thumbnail{width:100%;height:100%;object-fit:contain;display:block}.brand-image-card .image-caption{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--color-border)}.brand-image-card .image-delete-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;box-shadow:var(--shadow-sm);cursor:pointer;z-index:2;opacity:0;transition:opacity var(--transition-fast)}.brand-image-card:hover .image-delete-btn{opacity:.9}.brand-image-card .image-delete-btn:hover{opacity:1;background:var(--color-surface-elevated)}.brand-image-card .image-delete-btn img{width:14px;height:14px;pointer-events:none}.brand-image-card--placeholder{border:2px dashed var(--color-border);background:var(--color-background);cursor:pointer;min-height:180px;display:flex;align-items:center;justify-content:center}.brand-image-card--placeholder:hover{border-color:var(--color-accent);background:#a5ff4c0a}.brand-image-card--placeholder:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #a5ff4c26}.brand-image-card--placeholder.drag-over{border-color:var(--color-accent);background:#a5ff4c14}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.placeholder-icon{font-size:var(--text-2xl);font-weight:300;line-height:1}.placeholder-text{font-size:var(--text-sm)}.toggle-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch--disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:relative;width:44px;height:24px;background:var(--color-text-secondary);transition:background var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-surface);transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch--active .toggle-slider{background:var(--color-accent)}.toggle-switch--active .toggle-slider:before{transform:translate(20px)}.toggle-switch:focus{outline:none}.toggle-switch:focus .toggle-slider{box-shadow:0 0 0 3px #a5ff4c26}@media(max-width:768px){.brand-images-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.brand-images-grid{grid-template-columns:1fr}}.seed-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}.seed-term-card{cursor:pointer}.seed-term-card .sidebar-card,.question-card .sidebar-card,.main-idea-card .sidebar-card{border:none;padding:0;margin:0;background:none;box-shadow:none}.seed-term-card-layout{display:flex;align-items:flex-start;gap:var(--space-3)}.seed-term-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.seed-term-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.seed-term-header h3{flex:1;min-width:0}.seed-term-volume{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.seed-term-volume-number{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1}.seed-term-volume-label{font-size:10px;font-weight:400;color:var(--color-text-secondary);text-transform:lowercase;line-height:1}.seed-terms-two-column-layout{display:flex;flex-direction:column;gap:var(--space-6);width:100%;margin-top:var(--space-6)}.priority-section{width:100%;display:flex;flex-direction:column}.priority-column{min-height:200px;background:var(--color-surface-elevated);padding:var(--space-4);border:2px solid var(--color-border-strong);width:100%}.column-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.column-header h2{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.sort-toggle-btn{background:none;border:none;font-size:var(--text-lg);cursor:pointer;padding:0;color:var(--color-text-secondary);transition:color var(--transition-fast)}.sort-toggle-btn:hover{color:var(--color-text)}.section-title-with-sort{display:flex;align-items:center;gap:var(--space-2)}.priority-seed-terms-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3);min-height:150px}.priority-seed-terms-list .empty-state{color:var(--color-text-secondary);text-align:center;padding:var(--space-10) var(--space-4);font-size:var(--text-sm);width:100%}.priority-seed-terms-list.drag-over{background:var(--color-primary-alpha);border:2px dashed var(--color-primary)}.regular-seed-terms-column{flex:1;min-width:0}.priority-seed-terms-list .seed-term-card{width:400px;flex-shrink:0}.question-card.dragging,.main-idea-card.dragging{opacity:.5;cursor:grabbing}.question-card,.main-idea-card{cursor:grab;-webkit-user-select:none;user-select:none}.question-card:active,.main-idea-card:active{cursor:grabbing}.content-planner-overlay{position:fixed;inset:0;background:#00000080;z-index:999;cursor:pointer}.content-planner-sidebar{position:fixed;top:0;right:0;width:500px;height:100vh;background:var(--color-surface);box-shadow:-2px 0 8px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.content-planner-sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-elevated)}.content-planner-sidebar-header h2{font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0;flex:1}.content-planner-sidebar-content{flex:1;overflow-y:auto;padding:var(--space-6)}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.sidebar-section-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.section-header-actions{display:flex;gap:8px;align-items:center}.batch-launch-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--color-primary-green);color:var(--color-text);border:none;cursor:pointer;font-size:14px;transition:background-color .2s}.batch-launch-btn:hover:not(:disabled){background-color:var(--color-primary-green-hover)}.batch-launch-btn:disabled{opacity:.5;cursor:not-allowed}.batch-launch-btn img{width:16px;height:16px}.questions-grid,.main-ideas-grid{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-header-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-title-row{display:flex;align-items:center;gap:var(--space-3)}.back-button{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);flex-shrink:0}.back-button:hover{color:var(--color-text)}.subcopy{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.content-manager-container{padding:var(--space-6);background:var(--color-surface);min-height:100vh}.content-manager-container h1{font-size:var(--text-3xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.content-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.queue-toggle-btn{padding:var(--space-2);background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.queue-toggle-btn:hover{background:var(--color-surface-elevated)}.queue-toggle-btn:active{transform:scale(.95)}.queue-toggle-btn img{width:24px;height:24px}.title-column{width:40%;min-width:250px}.article-title{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--color-text)}.starred-indicator{width:14px;height:14px;flex-shrink:0}.article-id-badge{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:400}.seed-term-column{width:20%;min-width:120px}.seed-term{color:var(--color-text-secondary);font-size:var(--text-sm);word-break:break-word;white-space:normal}.search-prompt-column{width:20%;min-width:100px;max-width:200px}.search-prompt{color:var(--color-text-secondary);font-size:var(--text-sm);word-break:break-word;white-space:normal}.publish-date-column{width:120px;min-width:100px}.thumbnail-column{width:72px;min-width:72px;max-width:72px;padding:var(--space-1) var(--space-2)!important}.article-thumbnail{display:block;width:64px;height:36px;flex-shrink:0;overflow:hidden}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-placeholder{display:block;width:100%;height:100%;background-color:var(--color-surface-elevated);border:1px solid var(--color-border)}.thumbnail-placeholder.thumbnail-clickable{cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.thumbnail-placeholder.thumbnail-clickable:hover{background-color:var(--color-border)}.thumbnail-placeholder.thumbnail-clickable:active{transform:scale(.95)}.thumbnail-placeholder-icon{width:20px;height:20px;opacity:.25;filter:grayscale(100%)}.thumbnail-placeholder.thumbnail-loading{display:flex;align-items:center;justify-content:center}.thumbnail-placeholder.thumbnail-loading .loading-spinner{min-height:auto}
