body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.butterfly{font-size:44px;opacity:1;position:absolute;transition:transform 1s ease,opacity 1s ease}@keyframes fly{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100vw*var(--x)),calc(-100vh*var(--y)))}}.butterfly-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.scroll-to-top-btn{align-items:center;background:linear-gradient(90deg,#f58220,#f58220b2);border:none;border-radius:50%;bottom:40px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:700;padding:10px 14px;position:fixed;right:20px;transition:all .3s ease;z-index:2000}.scroll-to-top-btn:hover{box-shadow:0 6px 15px #0006;transform:scale(1.05)}.scroll-to-top-btn.hide{opacity:0;visibility:hidden}.scroll-to-top-btn.show{opacity:1;visibility:visible}.scroll-to-top-btn .icon{font-size:24px;line-height:1}.scroll-to-top-btn .label{font-size:12px;margin-top:4px}.image-dropzone-container{width:100%}.dropzone-area{background:#fff;border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.dropzone-area:not(.disabled):hover{background:#f8f9fa;border-color:#08a171}.dropzone-area.dragging{background:#e8f5e9;border-color:#08a171;border-style:solid}.dropzone-area.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.5}.dropzone-content{pointer-events:none}.dropzone-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.6}.dropzone-text{color:#333;font-size:16px;margin:0 0 8px}.dropzone-text strong{color:#08a171;font-weight:600}.dropzone-hint{color:#666;font-size:13px;margin:0}.images-gallery{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.gallery-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.gallery-header span:first-child{color:#333;font-size:14px;font-weight:600}.drag-hint{color:#666;font-size:12px;font-style:italic}.gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:move;overflow:hidden;position:relative;transition:all .2s}.gallery-item:hover{border-color:#08a171;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.gallery-item.dragging{opacity:.5;transform:scale(.95)}.image-number{align-items:center;background:#08a171e6;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;left:8px;position:absolute;top:8px;width:28px;z-index:2}.gallery-image{display:block;height:180px;object-fit:cover;width:100%}.image-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.gallery-item:hover .image-overlay{opacity:1}.btn-remove{background:#dc3545e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.btn-remove:hover{background:#dc3545;transform:scale(1.05)}.image-info{align-items:center;background:#fff;display:flex;gap:8px;justify-content:space-between;padding:8px}.image-name{color:#333;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:#666;font-size:11px;white-space:nowrap}@media (max-width:768px){.gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-image{height:140px}.dropzone-area{padding:30px 16px}.dropzone-icon{font-size:36px}.dropzone-text{font-size:14px}}@media (max-width:480px){.gallery-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-image{height:120px}.drag-hint{display:none}}.blog-layout,.blog-post-layout{margin:0 auto;max-width:960px;padding:40px 16px 64px}.blog-hero{margin-bottom:32px}.blog-hero h1{font-size:2.5rem;margin:8px 0}.back-to-blog{color:#4a5568;display:inline-block;font-size:.95rem;font-weight:500;margin-bottom:12px;padding:4px 0;text-decoration:none;transition:color .2s ease}.back-to-blog:hover{color:#ff8c00;text-decoration:underline}.eyebrow{color:#ff8c00;font-size:.85rem;font-weight:700;letter-spacing:.12em;margin-bottom:8px;margin-top:0;text-transform:uppercase}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{background:#fff;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;padding:8px 14px;transition:all .2s ease}.tag.active{background:#ff8c00;border-color:#ff8c00;color:#fff}.blog-state{color:#4a5568;padding:48px 0;text-align:center}.blog-state.error{color:#c53030}.blog-grid .grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.featured{margin-bottom:32px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0000000a;display:flex;flex-direction:column;overflow:hidden}.card img{height:220px;object-fit:cover;width:100%}.card-body{display:flex;flex-direction:column;gap:8px;padding:16px}.card h2,.card h3{color:#1a202c;margin:0}.card h2 a,.card h3 a{color:inherit;text-decoration:none}.meta{color:#718096;display:flex;font-size:.95rem;gap:12px}.excerpt{color:#4a5568;margin:0}.pill,.tags{display:inline-flex;flex-wrap:wrap;gap:6px}.pill{background:#f6f8fb;border-radius:999px;color:#2d3748;font-size:.9rem;padding:6px 12px;text-decoration:none}.blog-article h1{font-size:2.4rem;margin:4px 0 8px}.hero-img img{border-radius:12px;height:auto;margin:16px 0;width:100%}.blog-content{color:#2d3748;font-size:1.05rem;line-height:1.7}.blog-content h2{margin-bottom:12px;margin-top:32px}.blog-content h3{margin-bottom:8px;margin-top:24px}.blog-content p{margin-bottom:16px}.blog-content ol,.blog-content ul{margin-bottom:16px;padding-left:20px}.blog-content blockquote{background:#fff5f0;border-left:4px solid #ff8c00;color:#2d3748;margin:16px 0;padding:8px 16px}.toc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:16px 0 24px;padding:12px 16px}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:4px 0}.toc .level-1,.toc .level-2{margin-left:0}.toc .level-3{margin-left:12px}.share-row{display:flex;gap:12px;margin:24px 0}.share-row a{color:#ff8c00;font-weight:600;text-decoration:none}.cta{align-items:center;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin:32px 0;padding:20px}.cta .btn{border-radius:8px;font-weight:700;padding:10px 18px;text-decoration:none}.btn.primary{background:#ff8c00;border:none;color:#fff}.btn.ghost{background:#fff;border:1px solid #ff8c00;color:#ff8c00}.related .grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width:768px){.blog-layout,.blog-post-layout{padding:32px 12px 48px}.cta{align-items:flex-start}.cta,.share-row{flex-direction:column}}