:root{--bg: #0c0d0e;--bg-subtle: #131416;--bg-card: #16171a;--bg-card-hover: #1c1e22;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-focus: #ededed;--text: #ededed;--text-muted: #8b8d94;--text-dim: #5c5e66;--primary: #ffffff;--primary-text: #000000;--primary-hover: #e5e5e5;--accent: #3b82f6;--accent-subtle: rgba(59, 130, 246, .1);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .2);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .2);--badge-bg: rgba(255, 255, 255, .04);--badge-border: rgba(255, 255, 255, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}[data-theme=light]{--bg: #fbfbfd;--bg-subtle: #f3f4f6;--bg-card: #ffffff;--bg-card-hover: #f9fafb;--border: #e5e7eb;--border-hover: #d1d5db;--border-focus: #111827;--text: #111827;--text-muted: #6b7280;--text-dim: #9ca3af;--primary: #111827;--primary-text: #ffffff;--primary-hover: #1f2937;--accent: #2563eb;--accent-subtle: rgba(37, 99, 235, .08);--success: #059669;--success-bg: rgba(5, 150, 105, .08);--success-border: rgba(5, 150, 105, .2);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .08);--warning-border: rgba(217, 119, 6, .2);--badge-bg: #f3f4f6;--badge-border: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1040px;margin:0 auto;padding:0 20px;width:100%}header{border-bottom:1px solid var(--border);background-color:var(--bg);position:sticky;top:0;z-index:100;transition:background-color .2s ease,border-color .2s ease}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand-group{display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--text);text-decoration:none}.logo-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);font-size:.95rem}.header-nav{display:flex;align-items:center;gap:22px}@media (max-width: 640px){.header-nav{display:none}}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .15s ease}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.select-clean{background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm);font-size:.84rem;cursor:pointer;outline:none;transition:border-color .15s ease}.select-clean:focus{border-color:var(--border-focus)}.btn-icon{background:var(--bg-card);border:1px solid var(--border);color:var(--text);width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:background-color .15s ease,border-color .15s ease}.btn-icon:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:.86rem;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.back-link:hover{color:var(--text);background-color:var(--bg-card)}.hero{text-align:center;padding:56px 0 32px}.pill-badge{display:inline-flex;align-items:center;gap:8px;background:var(--badge-bg);border:1px solid var(--badge-border);padding:4px 12px;border-radius:9999px;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:18px}.pill-badge.stats{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.hero h1{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.25;margin-bottom:12px;color:var(--text)}.hero p{color:var(--text-muted);font-size:1.05rem;max-width:640px;margin:0 auto;line-height:1.6}.tools-hub-section{padding:24px 0 60px}.section-head{margin-bottom:24px}.section-head h2{font-size:1.35rem;font-weight:600;letter-spacing:-.015em;color:var(--text);margin-bottom:4px}.section-head p{font-size:.9rem;color:var(--text-muted)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,background-color .15s ease}.tool-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.tool-card.active-card{border-color:var(--border-hover)}.tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tool-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1.2rem}.status-tag{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:9999px;letter-spacing:.02em}.status-tag.available{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-tag.soon{background:var(--badge-bg);color:var(--text-muted);border:1px solid var(--badge-border)}.tool-card-name{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:6px}.tool-card-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:20px;flex-grow:1}.tool-card-action{display:flex;align-items:center;justify-content:space-between;font-size:.84rem;font-weight:500;color:var(--text);padding-top:14px;border-top:1px solid var(--border)}.tool-card-action.disabled{color:var(--text-dim)}.pillars-section{padding:48px 0;border-top:1px solid var(--border)}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.pillars-grid{grid-template-columns:1fr}}.pillar-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.pillar-icon{font-size:1.4rem;margin-bottom:12px}.pillar-title{font-size:1rem;font-weight:600;margin-bottom:6px;color:var(--text)}.pillar-desc{font-size:.86rem;color:var(--text-muted);line-height:1.55}.workspace-wrap{padding:28px 0 48px}.workspace-head{margin-bottom:20px}.workspace-head h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.workspace-head p{font-size:.92rem;color:var(--text-muted)}.dropzone{border:1.5px dashed var(--border-hover);border-radius:var(--radius-lg);padding:56px 24px;text-align:center;cursor:pointer;background:var(--bg-card);transition:border-color .15s ease,background-color .15s ease;margin-bottom:24px}.dropzone:hover,.dropzone.dragover{border-color:var(--text);background:var(--bg-card-hover)}.dropzone-icon{font-size:2.2rem;margin-bottom:12px;color:var(--text-muted)}.dropzone-title{font-size:1.15rem;font-weight:600;margin-bottom:6px;color:var(--text)}.dropzone-desc{font-size:.86rem;color:var(--text-muted)}.panel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.controls-grid{grid-template-columns:1fr}}.control-item{display:flex;flex-direction:column;gap:8px}.control-label{font-size:.84rem;font-weight:500;color:var(--text-muted);display:flex;justify-content:space-between}.range-input{width:100%;accent-color:var(--text);cursor:pointer}.adv-accordion{margin-top:18px;border-top:1px solid var(--border);padding-top:16px}.adv-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:var(--text-muted);font-size:.86rem;font-weight:500;cursor:pointer;padding:0}.adv-trigger:hover{color:var(--text)}.adv-body{margin-top:16px;display:flex;flex-direction:column;gap:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-info{display:flex;flex-direction:column}.toggle-title{font-size:.88rem;font-weight:500;color:var(--text)}.toggle-desc{font-size:.78rem;color:var(--text-muted)}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:9999px;transition:.2s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text);border-radius:50%;transition:.2s}input:checked+.slider{background-color:var(--success);border-color:var(--success)}input:checked+.slider:before{transform:translate(20px);background-color:#fff}.resize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:8px}.resize-pill{display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border:1px solid var(--border);padding:8px 12px;border-radius:var(--radius-sm);font-size:.84rem;cursor:pointer}.resize-pill input{accent-color:var(--text)}.dim-input{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius-sm);font-size:.84rem;width:80px}.btn-primary{background:var(--primary);color:var(--primary-text);border:1px solid transparent;padding:8px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,opacity .15s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:8px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,border-color .15s ease}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.queue-title{font-size:.95rem;font-weight:600}.queue-actions{display:flex;gap:10px}.file-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:8px;gap:12px}.file-info{display:flex;align-items:center;gap:12px;min-width:0;flex-grow:1}.file-thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-subtle);border:1px solid var(--border);flex-shrink:0}.file-meta{min-width:0}.file-name{font-size:.86rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.file-sub{font-size:.78rem;color:var(--text-muted)}.file-status{font-size:.8rem;font-weight:600;flex-shrink:0}.seo-section{margin-top:64px;padding-top:48px;border-top:1px solid var(--border)}.matrix-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);margin:20px 0}.matrix-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.matrix-table th{background:var(--bg-subtle);padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.matrix-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-muted)}.matrix-table tr:last-child td{border-bottom:none}.faq-grid{display:grid;gap:14px;margin-top:20px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px}.faq-q{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:6px}.faq-a{font-size:.86rem;color:var(--text-muted);line-height:1.6}footer{border-top:1px solid var(--border);padding:32px 0;margin-top:auto;text-align:center;font-size:.82rem;color:var(--text-muted)}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:12px;flex-wrap:wrap}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.code-textarea{width:100%;background:var(--bg-subtle);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.5;box-sizing:border-box}.code-textarea:focus{outline:none;border-color:var(--text)}.btn-tab{background:transparent;border:none;font-size:.82rem;font-weight:500;color:var(--text-muted);cursor:pointer;padding:4px 10px;border-radius:var(--radius-sm);transition:all .15s ease}.btn-tab.active{background:var(--bg-subtle);color:var(--text);font-weight:600}.preview-checkerboard{background-color:#1a1a1a;background-image:linear-gradient(45deg,#242424 25%,transparent 25%),linear-gradient(-45deg,#242424 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#242424 75%),linear-gradient(-45deg,transparent 75%,#242424 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}[data-theme=light] .preview-checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e5e5e5 25%,transparent 25%),linear-gradient(-45deg,#e5e5e5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e5e5 75%),linear-gradient(-45deg,transparent 75%,#e5e5e5 75%)}.active-tab{background:var(--text)!important;color:var(--bg)!important}@media (max-width: 800px){.split-view{grid-template-columns:1fr!important}}