.thumbnail-editor[data-astro-cid-t3zj3mdq]{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;@media(max-width:1024px){grid-template-columns:1fr;gap:30px}}.editor-controls[data-astro-cid-t3zj3mdq]{display:flex;flex-direction:column;gap:30px;max-height:800px;overflow-y:auto;padding-right:15px;@media(max-width:1024px){max-height:none;overflow-y:visible;padding-right:0}}.control-section[data-astro-cid-t3zj3mdq]{padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px}.control-section[data-astro-cid-t3zj3mdq] h3[data-astro-cid-t3zj3mdq]{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.control-group[data-astro-cid-t3zj3mdq]{display:flex;flex-direction:column;gap:10px}.button-group[data-astro-cid-t3zj3mdq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.button-group[data-astro-cid-t3zj3mdq] button[data-astro-cid-t3zj3mdq]{padding:10px 12px;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;&[data-astro-cid-t3zj3mdq]:hover{border-color:var(--accent-primary);color:var(--text-primary)}&.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}}label[data-astro-cid-t3zj3mdq]{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;display:block;input[type=checkbox]{margin-right:6px;cursor:pointer}}input[data-astro-cid-t3zj3mdq][type=text],input[data-astro-cid-t3zj3mdq][type=color],input[data-astro-cid-t3zj3mdq][type=file],select[data-astro-cid-t3zj3mdq]{width:100%;padding:10px 12px;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s ease;&[data-astro-cid-t3zj3mdq]:focus{outline:none;border-color:var(--accent-primary)}}input[data-astro-cid-t3zj3mdq][type=color]{height:44px;padding:4px;cursor:pointer}input[data-astro-cid-t3zj3mdq][type=range]{width:100%;cursor:pointer}.slider[data-astro-cid-t3zj3mdq]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--bg-tool);border-radius:3px;outline:none;&[data-astro-cid-t3zj3mdq]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-primary);border-radius:50%;cursor:pointer}&[data-astro-cid-t3zj3mdq]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:none}}.control-row[data-astro-cid-t3zj3mdq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;&.hidden{display:none}}.control-col[data-astro-cid-t3zj3mdq]{display:flex;flex-direction:column;gap:6px}.file-drop-zone[data-astro-cid-t3zj3mdq]{padding:30px;border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all .2s ease;background:#ffffff05;&[data-astro-cid-t3zj3mdq]:hover{border-color:var(--accent-secondary)}p{margin:0;font-size:13px;color:var(--text-secondary)}&.hidden{display:none}}.position-btn[data-astro-cid-t3zj3mdq]{padding:10px;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:16px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;&[data-astro-cid-t3zj3mdq]:hover{border-color:var(--accent-primary);background:#6c3ce11a}}.hidden[data-astro-cid-t3zj3mdq]{display:none!important}.help-text[data-astro-cid-t3zj3mdq]{font-size:12px;color:var(--text-muted);margin:0;font-style:italic}.primary-btn[data-astro-cid-t3zj3mdq]{padding:14px 20px;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;&[data-astro-cid-t3zj3mdq]:hover{background:#6c3ce1cc;transform:translateY(-2px)}&[data-astro-cid-t3zj3mdq]:active{transform:translateY(0)}}.secondary-btn[data-astro-cid-t3zj3mdq]{padding:10px 16px;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;&[data-astro-cid-t3zj3mdq]:hover{border-color:var(--accent-secondary);color:var(--text-primary)}&.hidden{display:none}}.canvas-preview-wrapper[data-astro-cid-t3zj3mdq]{display:flex;flex-direction:column;gap:12px;align-items:center}#thumbnail-canvas[data-astro-cid-t3zj3mdq]{width:100%;max-width:640px;height:auto;aspect-ratio:16 / 9;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:grab;box-shadow:0 8px 32px #0000004d;&[data-astro-cid-t3zj3mdq]:active{cursor:grabbing}@media(max-width:1024px){max-width:100%}}.canvas-info[data-astro-cid-t3zj3mdq]{font-size:12px;color:var(--text-muted);text-align:center;margin:0}.seo-content[data-astro-cid-t3zj3mdq]{margin-top:50px;padding:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);h2{font-size:22px;font-weight:600;margin:30px 0 16px;color:var(--text-primary);&:first-child{margin-top:0}}p{color:var(--text-secondary);line-height:1.6;margin:0 0 16px}ul{color:var(--text-secondary);line-height:1.8;margin:0 0 24px 20px;padding:0;li{margin-bottom:10px;strong{color:var(--text-primary)}}}@media(max-width:640px){padding:24px}}.tool-container[data-astro-cid-t3zj3mdq]{max-width:1280px;margin:0 auto;padding:40px 20px;@media(max-width:640px){padding:24px 16px}}.tool-subtitle[data-astro-cid-t3zj3mdq]{font-size:16px;color:var(--text-secondary);margin:12px 0 30px}