@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap";:root{--bg-page:#f7f7f8;--bg-white:#fff;--bg-card-header:#f8fafc;--bg-input:#fff;--bg-thumb:#f1f5f9;--border-subtle:#e5e7eb;--border-card:#e2e8f0;--border-dashed:#cbd5e1;--border-focus:#000;--text-dark:#0f172a;--text-primary:#111827;--text-muted:#64748b;--text-subtle:#94a3b8;--btn-primary-bg:#000;--btn-primary-text:#fff;--btn-primary-hover:#1e293b;--btn-secondary-bg:#fff;--btn-secondary-text:#0f172a;--btn-secondary-border:#e2e8f0;--btn-secondary-hover:#f1f5f9;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 12px -2px #0000000f}[data-theme=dark]{--bg-page:#0a0a0c;--bg-white:#131316;--bg-card-header:#18181c;--bg-input:#1a1a1f;--bg-thumb:#1c1c22;--border-subtle:#24242b;--border-card:#272730;--border-dashed:#363642;--border-focus:#fff;--text-dark:#f8fafc;--text-primary:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--btn-primary-bg:#fff;--btn-primary-text:#000;--btn-primary-hover:#e2e8f0;--btn-secondary-bg:#18181c;--btn-secondary-text:#f8fafc;--btn-secondary-border:#2e2e38;--btn-secondary-hover:#23232b;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 14px -2px #00000080}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .15s,border-color .15s,color .15s}body{background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.site-header{background-color:var(--bg-white);border-bottom:1px solid var(--border-subtle);z-index:50;height:70px;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1160px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.topbar-logo{cursor:pointer;align-items:center;text-decoration:none;display:flex}.topbar-logo-text{letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary);font-size:1.45rem;font-weight:800;line-height:1}.topbar-actions{align-items:center;gap:.5rem;display:flex}.topbar-action-btn{background-color:var(--bg-white);border:1px solid var(--border-card);color:var(--text-primary);letter-spacing:.04em;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.45rem;padding:.5rem .85rem;font-family:inherit;font-size:.815rem;font-weight:700;transition:all .15s;display:inline-flex}.topbar-action-btn:hover{background-color:var(--bg-card-header);border-color:var(--border-focus)}.topbar-action-btn:active{transform:scale(.97)}.topbar-action-btn-icon{width:35px;height:35px;padding:.5rem}.main-content{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.hero-section{margin-bottom:2.5rem}.hero-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.hero-subtitle{color:var(--text-muted);max-width:650px;font-size:1.05rem;line-height:1.5}.dropzone-container{background-color:var(--bg-white);border:2px dashed var(--border-dashed);border-radius:var(--radius-lg);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);padding:4rem 2rem}.dropzone-container:hover,.dropzone-container.drag-active{border-color:var(--border-focus);background-color:var(--bg-card-header);box-shadow:var(--shadow-md)}.hidden-file-input{display:none}.dropzone-icon-circle{border-radius:var(--radius-md);background-color:var(--bg-thumb);width:68px;height:68px;color:var(--text-primary);justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.dropzone-title{color:var(--text-primary);margin-bottom:.35rem;font-size:1.35rem;font-weight:700}.dropzone-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.dropzone-browse{color:var(--text-primary);text-underline-offset:3px;font-weight:700;text-decoration:underline}.dropzone-limits{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.85rem;font-weight:500;display:flex}.limit-item{align-items:center;gap:.4rem;display:flex}.card-white{background-color:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);padding:1.75rem}.btn-black{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-black:hover{background-color:var(--btn-primary-hover)}.btn-black:active{transform:scale(.98)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-radius:var(--radius-sm);border:1px solid var(--btn-secondary-border);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background-color:var(--btn-secondary-hover)}.exp-pill{background-color:var(--bg-white);border:1px solid var(--border-card);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600}.exp-pill:hover{background-color:var(--btn-secondary-hover);color:var(--text-primary)}.exp-pill.active{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.progress-bar-bg{background-color:var(--bg-thumb);border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background-color:var(--btn-primary-bg);border-radius:9999px;height:100%}.recent-uploads-section{margin-top:3.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.badge-count{color:var(--text-muted);margin-left:.4rem;font-size:.85rem;font-weight:600}.btn-clear-all{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.btn-clear-all:hover{color:#ef4444}.carousel-wrapper{scrollbar-width:thin;scrollbar-color:var(--border-dashed) transparent;margin:0 -.5rem;padding-bottom:1rem;padding-left:.5rem;padding-right:.5rem;overflow-x:auto}.recent-cards-track{gap:1rem;width:max-content;min-width:100%;display:flex}.recent-card{background-color:var(--bg-white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:210px;box-shadow:var(--shadow-sm);flex-shrink:0;position:relative;overflow:hidden}.recent-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-card)}.card-thumb-container{background-color:var(--bg-thumb);justify-content:center;align-items:center;height:125px;display:flex;position:relative;overflow:hidden}.card-thumb-img,.card-thumb-video{object-fit:cover;width:100%;height:100%}.btn-delete-card{z-index:10;color:#fff;opacity:0;cursor:pointer;background-color:#000000a6;border:none;border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex;position:absolute;top:8px;right:8px}.recent-card:hover .btn-delete-card{opacity:1}.btn-delete-card:hover{background-color:#ef4444}.card-details{padding:.85rem}.card-filename{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.85rem;font-weight:600;overflow:hidden}.card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem;font-weight:500;display:flex}.card-actions{gap:.4rem;display:flex}.btn-copy-card{border-radius:var(--radius-sm);background-color:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.75rem;font-weight:600;display:flex}.btn-copy-card:hover{background-color:var(--btn-primary-hover)}.btn-view-card{border-radius:var(--radius-sm);background-color:var(--bg-card-header);color:var(--text-primary);border:1px solid var(--border-card);cursor:pointer;justify-content:center;align-items:center;padding:.45rem .65rem;display:flex}.btn-view-card:hover{background-color:var(--bg-thumb)}.empty-state{text-align:center;width:100%;color:var(--text-muted);background-color:var(--bg-white);border:1px dashed var(--border-card);border-radius:var(--radius-md);padding:2.5rem 1rem;font-size:.9rem;font-weight:500}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:4rem;display:grid}.feature-card{background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);padding:1.75rem}.feature-card h3{color:var(--text-primary);margin-bottom:.35rem;font-size:1.35rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.45}.how-it-works-section,.formats-section,.faq-section{margin-top:4rem}.section-h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.step-card{background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);padding:1.75rem}.step-num{border-radius:var(--radius-sm);background-color:var(--btn-primary-bg);width:32px;height:32px;color:var(--btn-primary-text);justify-content:center;align-items:center;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:flex}.step-card h3{color:var(--text-primary);margin-bottom:.45rem;font-size:1rem;font-weight:700}.step-card p{color:var(--text-muted);font-size:.875rem;line-height:1.5}.formats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.format-card{background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);padding:1.25rem}.format-header{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.95rem;font-weight:700;display:flex}.format-extensions{color:var(--text-muted);text-transform:uppercase;font-size:.775rem;font-weight:500}.tools-section{margin-top:3.5rem}.tools-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.tool-card{background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-icon{border-radius:var(--radius-sm);background-color:var(--bg-card-header);width:44px;height:44px;color:var(--text-primary);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.tool-card h3{color:var(--text-primary);margin-bottom:.45rem;font-size:1.1rem;font-weight:800}.tool-card p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.tool-card-action{color:var(--text-primary);align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;display:inline-flex}.crop-workspace{background-color:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);padding:1.75rem}.crop-layout{grid-template-columns:1fr 280px;align-items:start;gap:1.5rem;display:grid}@media (width<=860px){.crop-layout{grid-template-columns:1fr}}.crop-canvas-wrapper{background-color:var(--bg-card-header);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:400px;max-height:600px;display:flex;position:relative;overflow:hidden}.crop-sidebar{background-color:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.35rem;display:flex}.crop-sidebar-title{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-bottom:.85rem;font-size:.95rem;font-weight:800;display:flex}.crop-dim-grid{flex-direction:column;gap:.9rem;display:flex}.crop-dim-field{flex-direction:column;display:flex}.crop-dim-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.725rem;font-weight:700;display:block}.crop-dim-input-wrapper{align-items:center;display:flex;position:relative}.crop-dim-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.crop-dim-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.crop-dim-input{-moz-appearance:textfield;width:100%;color:var(--text-primary);background-color:var(--bg-card-header);border:1px solid var(--border-card);border-radius:var(--radius-sm);box-sizing:border-box;padding:.55rem 3.8rem .55rem .85rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .15s}.crop-dim-input:focus{border-color:var(--text-primary);background-color:var(--bg-white);outline:none;box-shadow:0 0 0 2px #0000000d}.crop-dim-stepper{background:0 0;border:none;flex-direction:column;width:14px;height:22px;display:flex;position:absolute;right:2.1rem}.crop-dim-step-btn{cursor:pointer;color:var(--text-muted);opacity:.7;background:0 0;border:none;flex:1;justify-content:center;align-items:center;margin:0;padding:0;font-size:7px;line-height:1;transition:all .15s;display:flex}.crop-dim-step-btn:hover{color:var(--text-primary);opacity:1;background:0 0;transform:scale(1.15)}.crop-dim-step-btn:first-child{border-bottom:none}.crop-dim-suffix{color:var(--text-muted);pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;right:.75rem}.crop-orig-badge{background-color:var(--bg-card-header);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:.2rem;padding:.65rem .85rem;display:flex}.crop-orig-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.7rem;font-weight:700}.scale-slider-box{background-color:var(--bg-card-header);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:.5rem;padding:.85rem 1rem}.scale-slider-header{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.scale-slider-badge{color:var(--text-primary);background:var(--bg-page);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.2rem .6rem;font-size:.95rem;font-weight:800}.custom-range-input{appearance:none;background:var(--border-subtle);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.custom-range-input::-webkit-slider-thumb{appearance:none;background:var(--text-primary);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px;transition:transform .15s;box-shadow:0 1px 4px #0003}.custom-range-input:hover::-webkit-slider-thumb{transform:scale(1.15)}.custom-range-input:active::-webkit-slider-thumb{transform:scale(1.15)}.custom-range-input::-moz-range-thumb{background:var(--text-primary);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px;transition:transform .15s;box-shadow:0 1px 4px #0003}.scale-ticks{color:var(--text-muted);justify-content:space-between;margin-top:.45rem;font-size:.7rem;font-weight:600;display:flex}.transparency-checkers{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill-opacity='0.05' viewBox='0 0 16 16'%3E%3Crect x='0' y='0' width='8' height='8' fill='%23000'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23000'/%3E%3C/svg%3E");background-repeat:repeat;background-size:16px 16px}[data-theme=dark] .transparency-checkers{background-color:#121214;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill-opacity='0.08' viewBox='0 0 16 16'%3E%3Crect x='0' y='0' width='8' height='8' fill='%23fff'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23fff'/%3E%3C/svg%3E");background-repeat:repeat;background-size:16px 16px}.ai-progress-track{background-color:var(--border-subtle);border-radius:3px;width:100%;max-width:260px;height:6px;margin:1rem auto 0;position:relative;overflow:hidden}.ai-progress-bar{background:var(--text-primary);border-radius:3px;height:100%;transition:width .3s}.ai-progress-bar.indeterminate{width:45%;animation:1.4s ease-in-out infinite aiIndeterminate}@keyframes aiIndeterminate{0%{transform:translate(-100%)}50%{transform:translate(120%)}to{transform:translate(250%)}}.crop-orig-value{color:var(--text-primary);font-size:.9rem;font-weight:800}.crop-handle{box-sizing:border-box;z-index:10;background-color:#fff;border:1.5px solid #000;border-radius:2px;position:absolute;box-shadow:0 1px 4px #00000059}.crop-handle.corner{width:12px;height:12px}.crop-handle.edge-h{width:18px;height:8px}.crop-handle.edge-v{width:8px;height:18px}.crop-toolbar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.crop-ratios{flex-wrap:wrap;gap:.45rem;display:flex}.faq-box{background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);overflow:hidden}.faq-item{border-bottom:1px solid var(--border-subtle);padding:1.15rem 1.5rem}.faq-item:last-child{border-bottom:none}.faq-item summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;list-style:none;display:flex}.faq-plus{color:var(--text-muted);font-size:1.3rem;line-height:1;transition:transform .2s}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{color:var(--text-muted);margin-top:.75rem;font-size:.875rem;line-height:1.6}.site-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-white);margin-top:4rem;padding:3rem 1.5rem 2.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1160px;margin:0 auto;display:flex}.footer-brand{flex-direction:column;gap:.5rem;display:flex}.footer-brand-title{letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);font-size:1.15rem;font-weight:800}.footer-sub{color:var(--text-muted);font-size:.85rem}.footer-links a{color:var(--text-primary);font-size:.875rem;font-weight:600;text-decoration:none}.footer-links a:hover{opacity:.7}.toast-notification{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--radius-sm);z-index:1000;align-items:center;gap:.65rem;padding:.85rem 1.35rem;font-size:.875rem;font-weight:600;animation:.2s ease-out slideInUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #00000040}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.onboarding-overlay{-webkit-backdrop-filter:blur(6px);z-index:99999;background-color:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.onboarding-modal{background-color:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-md);flex-direction:column;gap:1.5rem;padding:2rem 2.25rem;animation:.22s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative}.onboarding-option-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.onboarding-choice-btn{border-radius:var(--radius-sm);border:1px solid var(--border-card);background-color:var(--bg-white);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.onboarding-choice-btn:hover{background-color:var(--bg-card-header);border-color:var(--border-focus)}.onboarding-choice-btn.selected{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);box-shadow:0 4px 12px #00000026}@media (width<=860px){.features-grid,.steps-grid{grid-template-columns:1fr}.formats-grid{grid-template-columns:1fr 1fr}}.viewer-details-content{padding:1.75rem}.viewer-actions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.viewer-file-info{align-items:center;gap:1rem;min-width:0;max-width:100%;display:flex}.viewer-file-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:1.35rem;font-weight:800;overflow:hidden}.viewer-actions-buttons{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}@media (width<=640px){.viewer-details-content{padding:1.25rem 1rem}.viewer-actions-header{flex-direction:column;align-items:stretch;gap:1rem}.viewer-file-info{width:100%}.viewer-file-title{max-width:100%;font-size:1.15rem}.viewer-actions-buttons{flex-direction:column;gap:.5rem;width:100%;display:flex}.viewer-actions-buttons>button,.viewer-actions-buttons>a{box-sizing:border-box;justify-content:center;width:100%}}.flip-wrapper{perspective:1200px;width:100%}.flip-card-inner{width:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-face-front,.flip-face-back{backface-visibility:hidden;width:100%}.flip-face-back{background-color:var(--bg-white);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;transform:rotateY(180deg)}.history-grid{grid-template-columns:repeat(5,1fr);gap:1.15rem;margin-bottom:2.5rem;display:grid}@media (width<=1100px){.history-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=860px){.history-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.history-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.history-grid{grid-template-columns:1fr}}.history-card{background-color:var(--bg-white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.history-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-card)}.pagination-container{justify-content:center;align-items:center;gap:.85rem;margin-top:2rem;padding:1rem;display:flex}.pagination-btn{border-radius:var(--radius-sm);border:1px solid var(--border-card);background-color:var(--bg-white);color:var(--text-primary);cursor:pointer;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background-color:var(--bg-card-header);border-color:var(--text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--text-muted);font-size:.875rem;font-weight:600}.admin-table-container{border-radius:var(--radius-md);border:1px solid var(--border-card);background-color:var(--bg-white);box-shadow:var(--shadow-sm);width:100%;overflow:hidden}.admin-table{border-collapse:collapse;text-align:left;table-layout:auto;width:100%;font-size:.85rem}.admin-table th{background-color:var(--bg-card-header);color:var(--text-primary);border-bottom:1px solid var(--border-card);white-space:nowrap;z-index:10;padding:.75rem .85rem;font-weight:700;position:sticky;top:0}.admin-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:.65rem .85rem}.admin-table tr:hover td{background-color:var(--bg-thumb)}.admin-table tr.selected td{background-color:#0000000a}[data-theme=dark] .admin-table tr.selected td{background-color:#ffffff0d}.admin-filter-bar{background-color:var(--bg-white);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.admin-search-wrapper{flex:320px;align-items:center;min-width:250px;display:flex;position:relative}.admin-search-icon{pointer-events:none;color:var(--text-muted);position:absolute;left:.85rem}.admin-search-input{border-radius:var(--radius-sm);border:1px solid var(--border-card);background-color:var(--bg-input);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;font-family:inherit;font-size:.85rem;padding:.55rem .85rem .55rem 2.35rem!important}.admin-search-input:focus{border-color:var(--text-primary)}.admin-input,.admin-select{border-radius:var(--radius-sm);border:1px solid var(--border-card);background-color:var(--bg-input);color:var(--text-primary);outline:none;padding:.55rem .85rem;font-family:inherit;font-size:.85rem}.admin-input:focus,.admin-select:focus{border-color:var(--text-primary)}.admin-badge{border-radius:var(--radius-sm);background-color:var(--bg-card-header);border:1px solid var(--border-subtle);color:var(--text-primary);align-items:center;gap:.3rem;padding:.25rem .6rem;font-family:inherit;font-size:.775rem;font-weight:600;line-height:1.2;display:inline-flex}.admin-badge-subtle{color:var(--text-muted);background-color:#0000;border-color:#0000;padding:0;font-weight:500}.admin-badge-permanent{background-color:var(--bg-card-header);border:1px solid var(--border-card);color:var(--text-primary);font-weight:600}.admin-badge-expired{color:#dc2626;background-color:#ef444414;border:1px solid #ef444440}[data-theme=dark] .admin-badge-expired{color:#f87171;background-color:#ef444426;border-color:#ef444459}.bulk-bar{background-color:var(--bg-card-header);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1.25rem;display:flex}.admin-stats-container{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.admin-stat-card{background-color:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.admin-stat-icon-wrapper{border-radius:var(--radius-sm);background-color:var(--bg-card-header);width:44px;height:44px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.775rem;font-weight:600}.admin-stat-value{color:var(--text-primary);font-size:1.35rem;font-weight:800}.admin-chart-card{background-color:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem}.admin-chart-bars{border-bottom:1px solid var(--border-subtle);align-items:flex-end;gap:.85rem;height:120px;padding-top:1rem;padding-bottom:.5rem;display:flex}.admin-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.4rem;height:100%;display:flex}.admin-chart-bar-fill{background-color:var(--text-primary);border-radius:4px 4px 0 0;width:100%;max-width:38px;min-height:4px;transition:height .4s cubic-bezier(.4,0,.2,1)}.admin-chart-bar-label{color:var(--text-muted);white-space:nowrap;font-size:.725rem;font-weight:600}.custom-select-container{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.custom-select-trigger{border-radius:var(--radius-sm);border:1px solid var(--border-card);background-color:var(--bg-input);color:var(--text-primary);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .85rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.custom-select-trigger:hover,.custom-select-trigger.active{border-color:var(--text-primary);background-color:var(--bg-card-header)}.custom-dropdown-menu{background-color:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-md);z-index:10000;width:max-content;min-width:100%;max-width:320px;padding:.4rem;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.825rem;font-weight:500;transition:background-color .12s;display:flex}.custom-dropdown-item:hover{background-color:var(--bg-thumb)}.custom-dropdown-item.selected{background-color:var(--bg-thumb);font-weight:700}.custom-checkbox{border:1.5px solid var(--border-card);background-color:var(--bg-input);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:inline-flex}.custom-checkbox:hover{border-color:var(--text-primary)}.custom-checkbox.checked{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-page)}.admin-desktop-view{display:block}.admin-mobile-view{display:none}@media (width<=992px){.main-content{padding:1rem .75rem!important}.admin-header-row{gap:.5rem!important;margin-bottom:.75rem!important}.admin-desktop-view{display:none}.admin-mobile-view{flex-direction:column;gap:.75rem;display:flex}.admin-filter-bar{height:auto!important;min-height:unset!important;flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;margin-bottom:.85rem!important;padding:.75rem!important;display:flex!important}.admin-search-wrapper{flex:none!important;align-items:center!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important}.admin-search-wrapper input{height:40px!important}.admin-filter-bar>*{flex:none!important;width:100%!important;margin:0!important}.admin-filter-bar .custom-select-container{width:100%!important}.admin-filter-bar .custom-select-trigger{box-sizing:border-box;width:100%!important}.admin-filter-bar .custom-dropdown-menu{width:100%!important;max-width:100%!important}.admin-mobile-card{background-color:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;padding:1rem;transition:all .15s;display:flex}.admin-mobile-card.selected{border-color:var(--text-primary);background-color:var(--bg-thumb)}.admin-mobile-card-header{align-items:center;gap:.75rem;display:flex}.admin-mobile-meta-grid{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:.5rem 1rem;padding:.65rem 0;font-size:.8rem;display:grid}.admin-mobile-meta-item{flex-direction:column;gap:.15rem;display:flex}.admin-mobile-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.725rem;font-weight:600}.admin-mobile-meta-value{color:var(--text-primary);font-weight:600}.admin-mobile-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}}.hub-hero-banner{text-align:center;max-width:860px;margin:0 auto;padding:2.5rem 1rem 2rem}.hub-hero-badge{background-color:var(--bg-card-header);border:1px solid var(--border-subtle);color:var(--text-primary);letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.hub-hero-h1{letter-spacing:-.035em;color:var(--text-primary);margin:0 auto 1rem;font-size:2.85rem;font-weight:850;line-height:1.12}.hub-hero-p{color:var(--text-muted);max-width:620px;margin:0 auto 1.75rem;font-size:1.05rem;line-height:1.55}.hub-stats-row{background-color:var(--bg-card-header);border:1px solid var(--border-subtle);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:.85rem 1.5rem;display:inline-flex}.hub-stat-item{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.825rem;font-weight:600;display:flex}.hub-stat-item strong{color:var(--text-primary);font-weight:800}.hub-hosting-spotlight{background-color:var(--bg-white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:18px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3.5rem;padding:2.25rem 2.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.hub-hosting-spotlight:hover{border-color:var(--text-primary)}.hub-category-pills{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.75rem;display:flex}.hub-category-pill{border:1px solid var(--border-subtle);background-color:var(--bg-white);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.hub-category-pill:hover,.hub-category-pill.active{background-color:var(--text-primary);color:var(--bg-page);border-color:var(--text-primary)}@media (width<=768px){.hub-hero-h1{font-size:2.1rem}.hub-hosting-spotlight{flex-direction:column;align-items:flex-start;padding:1.75rem 1.5rem}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px;transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}