*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0891b2;--primary-hover:#0e7490;--secondary:#6b7280;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg:#ffffff;--bg-alt:#f9fafb;--bg-card:#ffffff;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(0,0,0,0.1);--shadow-lg:0 10px 25px rgba(0,0,0,0.1);--shadow-hover:0 16px 40px rgba(0,0,0,0.12);--transition:200ms ease;--transition-slow:400ms ease}@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:25%;line-gap-override:0%}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--bg-alt:#1e293b;--bg-card:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--shadow:0 1px 3px rgba(0,0,0,0.3);--shadow-lg:0 10px 25px rgba(0,0,0,0.3);--shadow-hover:0 16px 40px rgba(0,0,0,0.4)}}body{font-family:Inter,Inter Fallback,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;max-width:960px;width:100%;margin:0 auto;padding:2rem 1.5rem}.main-content-wide{max-width:1100px}.navbar{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}@media (prefers-color-scheme:dark){.navbar{background:rgba(15,23,42,.85)}}.navbar-inner{max-width:960px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-inner-wide{max-width:1100px}.navbar-brand{font-size:1.35rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.brand-logo{width:26px;height:26px;flex-shrink:0}.brand-accent{font-weight:400;opacity:.7}.nav-credits{background:var(--bg-alt);border-radius:12px;padding:.2rem .6rem;font-size:.8rem;color:var(--text-muted);font-weight:500;text-decoration:none;transition:background var(--transition)}.nav-credits:hover{background:var(--border);color:var(--text)}.navbar-links{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color var(--transition)}.nav-link:hover{color:var(--text)}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;font-family:inherit;padding:0;transition:color var(--transition)}.nav-dropdown-trigger:hover{color:var(--text)}.nav-dropdown-chevron{display:inline-block;transition:transform var(--transition)}.nav-dropdown-chevron.open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:220px;padding:.375rem;z-index:200;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.nav-dropdown-item{display:block;padding:.625rem .75rem;border-radius:6px;text-decoration:none;color:inherit;transition:background var(--transition)}.nav-dropdown-item:hover{background:var(--bg-alt)}.nav-dropdown-item-label{display:block;font-size:.875rem;font-weight:600;color:var(--text)}.nav-dropdown-item-desc{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.125rem}@media (prefers-color-scheme:dark){.nav-dropdown-menu{background:var(--bg-card);border-color:var(--border)}.nav-dropdown-item:hover{background:var(--bg-alt)}}.hero{text-align:center;padding:4rem 0 2.5rem}.hero-title{font-size:2.75rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:.75rem}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}@media (max-width:640px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}}.upload-section{margin-bottom:2rem}.upload-zone{border:2px dashed var(--border);border-radius:16px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--bg-alt);position:relative}.upload-zone:before{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,#0891b2,#06b6d4,#0891b2);opacity:0;transition:opacity var(--transition);z-index:-1}.upload-zone:hover:not(.disabled){border-color:transparent;background:var(--bg-card);transform:translateY(-2px);box-shadow:0 8px 30px rgba(8,145,178,.15)}.upload-zone:hover:not(.disabled):before{opacity:1}.upload-zone.drag-over{border-color:transparent;background:var(--bg-card);transform:scale(1.02);box-shadow:0 8px 30px rgba(8,145,178,.15)}.upload-zone.drag-over:before{opacity:1}.upload-zone.disabled{opacity:.6;cursor:not-allowed}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{color:var(--primary);transition:transform var(--transition)}.upload-zone:hover:not(.disabled) .upload-icon{transform:translateY(-4px)}.upload-title{font-size:1.25rem;font-weight:600}.upload-subtitle{font-size:.875rem;color:var(--text-muted)}.upload-error{color:var(--danger);font-size:.875rem;margin-top:.75rem}.processing-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:var(--text-muted)}.spinner{width:24px;height:24px;border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.before-after-wrapper{margin-bottom:2rem}.before-after{position:relative;width:100%;max-height:75vh;border-radius:16px;overflow:hidden;cursor:ew-resize;user-select:none;-webkit-user-select:none;background:repeating-conic-gradient(#e5e7eb 0 25%,#ffffff 0 50%) 0 0 /20px 20px;box-shadow:var(--shadow-lg)}@media (prefers-color-scheme:dark){.before-after{background:repeating-conic-gradient(#334155 0 25%,#1e293b 0 50%) 0 0 /20px 20px}}.ba-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.ba-before-clip{position:absolute;inset:0;z-index:2}.ba-label{position:absolute;bottom:12px;padding:.3rem .75rem;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6px;font-size:.75rem;font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;z-index:4;pointer-events:none}.ba-label-left{left:12px}.ba-label-right{right:12px}.ba-slider{z-index:3}.ba-slider,.ba-slider-line{position:absolute;top:0;bottom:0;transform:translateX(-50%)}.ba-slider-line{left:50%;width:2px;background:white;box-shadow:0 0 4px rgba(0,0,0,.3)}.ba-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--primary)}.pricing-cta{text-align:center;padding:2rem 0}.pricing-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.pricing-options{flex-direction:column}.pricing-divider,.pricing-options{display:flex;align-items:center;gap:1rem}.pricing-divider{width:200px;color:var(--text-muted);font-size:.875rem}.pricing-divider:after,.pricing-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.pricing-subscriber{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-bottom:1rem}.pricing-note{margin-top:1rem;font-size:.8rem;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-card);border-radius:var(--radius);padding:2rem;width:100%;max-width:420px;position:relative;box-shadow:var(--shadow-lg)}.modal:has(.credit-pack-picker){max-width:560px}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);line-height:1}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.modal-tabs{display:flex;gap:0;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.modal-tab{flex:1 1;padding:.625rem;border:none;background:var(--bg-alt);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all var(--transition)}.modal-tab.active{background:var(--primary);color:white}.modal-auth{display:flex;flex-direction:column;gap:.75rem}.modal-auth-note{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.modal-toggle{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.modal-proceed,.modal-toggle{text-align:center}.modal-proceed p{margin-bottom:1.5rem;color:var(--text-muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;min-height:44px;min-width:44px;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:white}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(8,145,178,.25)}.btn-secondary{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-text{background:none;color:var(--text-muted);padding:.5rem 1rem}.btn-text:hover{color:var(--text)}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:inherit;padding:0;font-weight:500}.btn-link:hover{text-decoration:underline}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--bg);color:var(--text);transition:border-color var(--transition)}.input:focus{outline:none;border-color:var(--primary)}.badge-pro{display:inline-block;padding:.125rem .5rem;background:var(--primary);color:white;font-size:.7rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.auth-page{display:flex;justify-content:center;padding-top:3rem}.auth-card{width:100%;max-width:400px}.auth-card h1{font-size:1.5rem;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-toggle{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.dashboard h1{font-size:1.75rem;margin-bottom:1.5rem}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.dashboard-card h2{font-size:1.1rem;margin-bottom:1rem}.sub-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sub-info p{font-size:.9rem;color:var(--text-muted)}.image-list{display:flex;flex-direction:column;gap:.5rem}.image-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-alt);border-radius:var(--radius-sm);gap:1rem}.image-info{display:flex;flex-direction:column;min-width:0}.image-name{font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-meta{font-size:.75rem;color:var(--text-muted)}.image-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.status-badge{font-size:.7rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase}.status-completed{background:#d1fae5;color:#065f46}.status-processing{background:#dbeafe;color:#1e40af}.status-pending{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#991b1b}.dashboard-email,.empty-text{color:var(--text-muted);font-size:.9rem}.dashboard-email{margin-top:-1rem;margin-bottom:1.5rem}.dashboard-credits-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.credits-display{display:flex;align-items:baseline;gap:.5rem}.credits-number{font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1}.credits-label{font-size:.95rem;color:var(--text-muted);font-weight:500}.dashboard-tabs{display:flex;gap:0;margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.dashboard-tab{flex:1 1;padding:.5rem;border:none;background:var(--bg-alt);cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-muted);transition:all var(--transition)}.dashboard-tab.active{background:var(--primary);color:white}.dashboard-tab:hover:not(.active){background:var(--border)}.tx-list{display:flex;flex-direction:column;gap:.5rem}.tx-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-alt);border-radius:var(--radius-sm);gap:1rem}.tx-info{display:flex;flex-direction:column;min-width:0}.tx-desc{font-size:.9rem;font-weight:500}.tx-date{font-size:.75rem;color:var(--text-muted)}.tx-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tx-amount{font-size:.9rem;font-weight:600}.tx-credit{font-size:.95rem;font-weight:700}.tx-credit-plus{color:#10b981}.tx-credit-minus{color:#ef4444}.terms-checkbox{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--text-muted);cursor:pointer}.terms-checkbox input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.terms-checkbox a{color:var(--primary);text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.forgot-link{text-align:center;margin-top:.75rem;font-size:.8rem}.forgot-form{display:flex;flex-direction:column;gap:.75rem}.forgot-success{text-align:center}.forgot-success p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.forgot-back{font-size:.875rem}.error-box{text-align:center;padding:1.5rem;color:var(--danger)}.error-box p{margin-bottom:1rem}.error-text{color:var(--danger);font-size:.8rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem;padding:2rem 0;border-top:1px solid var(--border)}.feature{text-align:center}.feature h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature p{font-size:.875rem;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:3rem 1.5rem 1.5rem;min-height:200px}.footer-grid{max-width:1100px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem;margin:0 auto 2rem}.footer-col .footer-heading{font-size:.85rem;font-weight:700;margin-bottom:.75rem;color:var(--text)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-col a,.footer-link-btn{font-size:.8rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition);background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}.footer-col a:hover,.footer-link-btn:hover{color:var(--primary)}.footer-bottom{max-width:1100px;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.footer-bottom p{font-size:.8rem;color:var(--text-muted)}.footer-sub{margin-top:.25rem}@media (max-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.toast-success{background:#d1fae5;color:#065f46}.toast-warning{background:#fef3c7;color:#92400e}@media (prefers-color-scheme:dark){.toast-success{background:#064e3b;color:#6ee7b7}.toast-warning{background:#78350f;color:#fcd34d}}.toast-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.6;line-height:1;flex-shrink:0}.toast-close:hover{opacity:1}.preview-section,.result-actions{text-align:center}.result-actions{padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.bg-tools{margin:1rem 0}.bg-tools-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;transition:all var(--transition);font-family:inherit}.bg-tools-toggle:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}.bg-tools-toggle:disabled{opacity:.6;cursor:not-allowed}.bg-tools-chevron{display:inline-flex;transition:transform var(--transition)}.bg-tools-chevron.open{transform:rotate(180deg)}.bg-tools-panel{margin-top:.75rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem}.bg-tools-quick{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.bg-tools-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.bg-tools-colors{text-align:center}.bg-tools-preset-row{display:flex;flex-wrap:wrap;gap:.5rem}.bg-tools-preset-row,.bg-tools-swatch{justify-content:center;align-items:center}.bg-tools-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:all var(--transition);padding:0;display:inline-flex}.bg-tools-swatch:hover:not(:disabled){transform:scale(1.15)}.bg-tools-swatch:disabled{opacity:.5;cursor:not-allowed}.bg-tools-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.bg-tools-custom-color{position:relative;display:inline-flex;cursor:pointer}.bg-tools-custom-color input[type=color]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.bg-tools-swatch-custom{background:conic-gradient(red,yellow,lime,aqua,blue,magenta,red);color:white}@media (max-width:640px){.bg-tools-quick{flex-direction:column;align-items:stretch}}.admin h1{font-size:1.75rem;margin-bottom:1rem}.admin-tabs{display:flex;gap:0;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.admin-tab{flex:1 1;padding:.625rem;border:none;background:var(--bg-alt);cursor:pointer;font-size:.8rem;font-weight:600;color:var(--text-muted);transition:all var(--transition)}.admin-tab.active{background:var(--primary);color:white}.admin-tab:hover:not(.active){background:var(--border)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center}.admin-stat-value{font-size:1.75rem;font-weight:700;color:var(--primary)}.admin-stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-table th{text-align:left;background:var(--bg-alt);color:var(--text-muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td,.admin-table th{padding:.625rem .75rem;border-bottom:1px solid var(--border)}.admin-table td{vertical-align:middle}.admin-table tbody tr:hover{background:var(--bg-alt)}.admin-actions{display:flex;gap:.375rem;flex-wrap:wrap}.admin-msg{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.85rem;font-weight:500}.admin-msg-ok{background:#d1fae5;color:#065f46}.admin-msg-error{background:#fee2e2;color:#991b1b}.nav-admin{color:#f59e0b!important;font-weight:600!important}.status-succeeded{background:#d1fae5;color:#065f46}.admin-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal-card{background:var(--bg-card);border-radius:var(--radius);padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.admin-modal-header{margin-bottom:1.5rem}.admin-modal-header h2{font-size:1.25rem;margin:0}.admin-modal-body{margin-bottom:0}.admin-modal-body .form-group{margin-bottom:1rem}.admin-modal-body label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--text)}.admin-modal-body input,.admin-modal-body textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;background:var(--bg);color:var(--text);transition:border-color var(--transition)}.admin-modal-body input:focus,.admin-modal-body textarea:focus{outline:none;border-color:var(--primary)}.admin-modal-body textarea{resize:vertical;font-family:inherit}.admin-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-danger{background:var(--danger);color:white;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background var(--transition)}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.credit-pack-picker{text-align:center}.credit-pack-title{font-size:1rem;font-weight:600;margin-bottom:1.25rem}.credit-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.credit-pack-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:border-color var(--transition)}.credit-pack-card:hover{border-color:var(--primary)}.credit-pack-credits{font-size:1.25rem;font-weight:700;color:var(--text)}.credit-pack-price{font-size:1.5rem;font-weight:700;color:var(--primary)}.credit-pack-per-unit{font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem}.credit-pack-card .btn{width:100%}.pricing-upsell{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.pricing-upsell-sep{color:var(--text-muted);font-size:.75rem}@media (max-width:640px){.main-content{padding:1rem}.upload-zone{padding:2rem 1rem}.modal{padding:1.5rem}.credit-pack-grid{grid-template-columns:1fr}.image-row{flex-direction:column;align-items:flex-start}.image-actions{width:100%;justify-content:flex-end}.dashboard-credits-card{flex-direction:column;text-align:center}.credits-display{flex-direction:column;align-items:center;gap:.25rem}.tx-row{flex-direction:column;align-items:flex-start}.tx-right{width:100%;justify-content:flex-end}}.main-content-landing{flex:1 1}.btn-link-nav{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;font-family:inherit;padding:0;transition:color var(--transition)}.btn-link-nav:hover{color:var(--text)}.announcement-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.65rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:filter .2s ease}.announcement-banner:hover{filter:brightness(1.1)}.announcement-badge{display:inline-flex;align-items:center;padding:.15rem .55rem;background:rgba(255,255,255,.25);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;line-height:1.4}.announcement-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-arrow{font-size:1.1rem;transition:transform .2s ease}.announcement-banner:hover .announcement-arrow{transform:translateX(3px)}@media (max-width:640px){.announcement-banner{font-size:.8rem;padding:.55rem 1rem;gap:.5rem}.announcement-text{white-space:normal;text-align:center;line-height:1.3}}@media (prefers-color-scheme:dark){.announcement-banner{background:linear-gradient(135deg,#4f46e5,#7c3aed)}}.landing-hero{background:linear-gradient(135deg,#ecfeff,#cffafe 50%,#a5f3fc);padding:6rem 1.5rem 4.5rem;text-align:center}@media (prefers-color-scheme:dark){.landing-hero{background:linear-gradient(135deg,#083344,#164e63 50%,#0f172a)}}.landing-hero-inner{max-width:700px;margin:0 auto}.landing-hero-title{font-size:3.75rem;font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:1rem;color:var(--text)}.landing-hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.7}.landing-hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.landing-hero-actions .btn-primary{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 4px 16px rgba(8,145,178,.25)}.landing-hero-actions .btn-primary:hover:not(:disabled){box-shadow:0 6px 24px rgba(8,145,178,.3)}.landing-hero-trust{font-size:.85rem;color:var(--text-muted)}.hero-free-badge{display:inline-block;background:#10b981;color:white;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;border-radius:999px;margin-bottom:1.5rem}.trust-bar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.trust-bar-inner{max-width:700px;margin:0 auto;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text)}.trust-item svg{flex-shrink:0}.hero-demo{max-width:680px;margin:2.5rem auto 0;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15);display:grid;grid-template-columns:1fr 1fr;position:relative}@media (prefers-color-scheme:dark){.hero-demo{box-shadow:0 20px 60px rgba(0,0,0,.4)}}.hero-demo-panel{position:relative;overflow:hidden;aspect-ratio:4/5}.hero-demo-checkerboard{background:repeating-conic-gradient(#e5e7eb 0 25%,#ffffff 0 50%) 0 0 /16px 16px}@media (prefers-color-scheme:dark){.hero-demo-checkerboard{background:repeating-conic-gradient(#334155 0 25%,#1e293b 0 50%) 0 0 /16px 16px}}.hero-demo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-demo-label{position:absolute;bottom:12px;padding:.3rem .75rem;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6px;font-size:.75rem;font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.05em}.hero-demo-panel:first-child .hero-demo-label{left:12px}.hero-demo-panel:last-child .hero-demo-label{right:12px}.hero-demo-divider{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:3px;z-index:2}.hero-demo-divider,.hero-demo-divider-icon{background:#0891b2;display:flex;align-items:center;justify-content:center}.hero-demo-divider-icon{width:32px;height:32px;border-radius:50%;box-shadow:0 2px 8px rgba(8,145,178,.25)}.hero-demo-divider-icon svg{color:white}.landing-section{padding:5.5rem 1.5rem;max-width:1100px;margin:0 auto}.landing-section+.landing-section:not(.landing-section-alt){border-top:1px solid var(--border)}.landing-section-alt{background:var(--bg-alt);max-width:100%;padding-left:1.5rem;padding-right:1.5rem}.landing-section-alt>.comparison-table-wrap,.landing-section-alt>.features-grid-landing,.landing-section-alt>.free-tools-grid,.landing-section-alt>.pricing-cards-landing,.landing-section-alt>h2,.landing-section-alt>p{max-width:1100px;margin-left:auto;margin-right:auto}.landing-section-title{font-size:2.5rem;font-weight:700;text-align:center;letter-spacing:-.02em;margin-bottom:.5rem}.landing-section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:3rem;font-size:1.1rem;line-height:1.7}.how-it-works-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.step-card{text-align:center;padding:2rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);position:relative;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.step-number{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:28px;height:28px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.step-icon{color:var(--primary);margin-bottom:1rem}.step-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.features-grid-landing{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.feature-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.feature-card-icon{color:var(--primary);margin-bottom:.75rem}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:var(--text-muted);line-height:1.5}.free-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:1100px;margin:0 auto}.free-tool-card{padding:2rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .3s ease,box-shadow .3s ease}.free-tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.free-tool-icon{color:var(--primary);margin-bottom:.25rem}.free-tool-card h3{font-size:1.1rem;font-weight:600}.free-tool-card p{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin-bottom:.5rem}.free-tool-card .btn{margin-top:auto}.hero-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;max-width:640px;margin:0 auto}.hero-tool-tile{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:inherit;text-decoration:none;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.hero-tool-tile:hover{background:rgba(255,255,255,.18);border-color:var(--primary);transform:translateY(-2px)}.hero-tool-tile-icon{flex-shrink:0;color:var(--primary)}.hero-tool-tile-label{font-size:.85rem;font-weight:600;line-height:1.3}@media (prefers-color-scheme:light){.hero-tool-tile{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}.hero-tool-tile:hover{background:rgba(0,0,0,.07)}}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.use-case-card{display:flex;gap:1rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s ease,box-shadow .3s ease}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.use-case-icon{color:var(--primary);flex-shrink:0;margin-top:.125rem}.use-case-card h3{font-size:1rem;font-weight:600;margin-bottom:.375rem}.use-case-card p{font-size:.875rem;color:var(--text-muted);line-height:1.5}.pricing-cards-landing{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;max-width:700px;margin:0 auto}.pricing-cards-single{grid-template-columns:1fr;max-width:420px}.pricing-card-landing{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;position:relative;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.pricing-card-landing:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.pricing-card-featured{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 30px rgba(8,145,178,.1)}.pricing-card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:white;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:12px;white-space:nowrap}.pricing-card-landing h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.pricing-card-price{margin-bottom:1.5rem}.price-amount{font-size:2.5rem;font-weight:700;color:var(--text)}.price-period{display:block;font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.pricing-card-features{list-style:none;text-align:left;margin-bottom:1.5rem;flex:1 1;display:flex;flex-direction:column;gap:.625rem}.pricing-card-features li{font-size:.875rem;color:var(--text-muted);padding-left:1.5rem;position:relative}.pricing-card-features li:before{content:"\2713";position:absolute;left:0;color:var(--success);font-weight:700}.pricing-card-btn{width:100%}.faq-list{max-width:700px;margin:0 auto;gap:.5rem}.faq-item{border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition)}.faq-item summary{padding:1rem 1.25rem;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{font-size:1.25rem;color:var(--text-muted);transition:transform var(--transition);flex-shrink:0;margin-left:1rem}.faq-item[open] summary:after{content:"\2212"}.faq-item p{padding:0 1.25rem 1rem;font-size:.9rem}.hero-compliance-demo{margin-top:2.5rem;max-width:540px;margin-left:auto;margin-right:auto}.hero-demo-report{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08)}.demo-report-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.demo-report-title{font-weight:600;font-size:.9rem;color:var(--text-primary)}.demo-report-badge{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:20px}.demo-badge-mixed{background:#fef3c7;color:#92400e}.demo-report-platform{padding:1rem 1.25rem}.demo-platform-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.demo-platform-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.demo-status{font-size:.8rem;font-weight:500}.demo-status-warn{color:#d97706}.demo-checks{display:flex;flex-direction:column;gap:.5rem}.demo-check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.demo-check svg{flex-shrink:0}.demo-check a{color:var(--primary);text-decoration:underline;font-weight:500}.demo-check a:hover{color:var(--primary-hover)}.platform-guides-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem;max-width:900px;margin:0 auto}.platform-guide-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.platform-guide-card:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(8,145,178,.1);transform:translateY(-2px)}.platform-guide-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.platform-guide-key{font-size:.825rem;color:var(--text-muted);margin-bottom:.75rem}.platform-guide-link{font-size:.825rem;color:var(--primary);font-weight:500}@media (max-width:768px){.platform-guides-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.platform-guides-grid{grid-template-columns:1fr}.hero-compliance-demo{margin-top:2rem}}.landing-final-cta{background:linear-gradient(135deg,#0891b2,#06b6d4);padding:5.5rem 1.5rem;text-align:center}.landing-final-cta-inner{max-width:600px;margin:0 auto}.landing-final-cta h2{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;color:white;margin-bottom:.75rem}.landing-final-cta p{color:rgba(255,255,255,.8);margin-bottom:2.5rem;font-size:1.15rem}.landing-final-cta .btn-primary{background:white;color:var(--primary);font-size:1.05rem}.landing-final-cta .btn-primary:hover{background:#f1f5f9}.blog-page{padding:2rem 0}.blog-page h1{font-size:2rem;margin-bottom:1rem}.blog-subtitle{color:var(--text-muted);margin-bottom:2rem}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.blog-card{display:block;text-decoration:none;color:inherit;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.blog-card h2{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.blog-card-excerpt{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin-bottom:.75rem}.blog-card-meta{font-size:.75rem;color:var(--text-muted)}.blog-post{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem;line-height:1.7}.blog-breadcrumb{margin-bottom:2rem}.blog-breadcrumb a{color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:color var(--transition)}.blog-breadcrumb a:hover{color:var(--primary)}.blog-post-header{margin-bottom:2rem}.blog-post-header h1{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.blog-post-meta{color:var(--text-muted);font-size:.875rem}.blog-post-body h2{font-size:1.25rem;font-weight:600;margin:2rem 0 .5rem}.blog-post-body p{margin-bottom:1rem;color:var(--text)}.blog-post-cta{margin-top:3rem;padding:2rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.blog-post-cta h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.blog-post-cta p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.landing-hero{padding:4rem 1.5rem 3rem}.landing-hero-title{font-size:2.5rem}.landing-hero-subtitle{font-size:1rem}.how-it-works-grid{gap:1.5rem}.features-grid-landing,.free-tools-grid,.how-it-works-grid{grid-template-columns:1fr}.hero-tools-grid{grid-template-columns:1fr 1fr}.pricing-cards-landing,.use-cases-grid{grid-template-columns:1fr}.pricing-cards-landing{max-width:400px}.trust-bar-inner{gap:1rem;justify-content:center}.landing-final-cta h2{font-size:1.75rem}.hero-demo{margin:2rem auto 0;border-radius:12px}}@media (max-width:480px){.landing-hero-title{font-size:2rem}.landing-section-title{font-size:1.75rem}.landing-hero-actions,.trust-bar-inner{flex-direction:column;align-items:center}.trust-bar-inner{gap:.5rem}.hero-tools-grid{grid-template-columns:1fr}}.legal-page{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem;line-height:1.7}.legal-page h1{font-size:2rem;margin-bottom:.25rem}.legal-updated{color:var(--text-muted);font-size:.875rem}.legal-page section,.legal-updated{margin-bottom:2rem}.legal-page h2{font-size:1.25rem;margin-bottom:.5rem}.legal-page h3{font-size:1.05rem;margin:1rem 0 .25rem}.legal-page p{margin-bottom:.75rem;color:var(--text)}.legal-page ul{padding-left:1.5rem;margin-bottom:.75rem}.legal-page li{margin-bottom:.35rem}.legal-page a{color:var(--primary)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}.reveal-stagger.visible>:first-child{transition-delay:0s}.reveal-stagger.visible>:nth-child(2){transition-delay:.1s}.reveal-stagger.visible>:nth-child(3){transition-delay:.2s}.reveal-stagger.visible>:nth-child(4){transition-delay:.3s}.reveal-stagger.visible>:nth-child(5){transition-delay:.4s}.reveal-stagger.visible>:nth-child(6){transition-delay:.5s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}}.bg-tools-promo{margin-top:2rem;margin-bottom:1rem}.bg-tools-promo-inner{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:600px;margin:0 auto}.bg-tools-promo-swatches{display:flex;gap:.375rem;flex-shrink:0}.bg-tools-promo-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border)}.bg-tools-promo-text h3{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.bg-tools-promo-text p{font-size:.85rem;color:var(--text-muted);line-height:1.5}@media (max-width:640px){.bg-tools-promo-inner{flex-direction:column;text-align:center}.bg-tools-promo-swatches{justify-content:center}}.tool-page{padding-bottom:2rem}.tool-hero{text-align:center;padding:3rem 0 2rem}.tool-hero h1{font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:.5rem}.tool-hero p{font-size:1.05rem;color:var(--text-muted);max-width:500px;margin:0 auto}.tool-hero-sublink{font-size:.9rem;color:var(--text-muted);margin-top:.75rem}.tool-hero-sublink a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.tool-hero-sublink a:hover{border-bottom-color:var(--primary)}@media (max-width:640px){.tool-hero h1{font-size:1.6rem}.tool-hero p{font-size:.95rem}.tool-hero-sublink{font-size:.85rem}}.tool-settings{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.tool-preview-small{text-align:center;margin-bottom:1.5rem}.tool-preview-small img{max-width:100%;max-height:250px;border-radius:var(--radius-sm);object-fit:contain}.tool-controls{display:flex;flex-direction:column;gap:1.25rem}.tool-dimensions{display:flex;align-items:flex-end;gap:.75rem;justify-content:center}.tool-dimensions label{display:flex;flex-direction:column;gap:.375rem;font-size:.85rem;font-weight:600;color:var(--text-muted)}.tool-dimensions .input{width:120px;text-align:center}.tool-lock-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-alt);cursor:pointer;color:var(--text-muted);transition:all var(--transition);margin-bottom:2px}.tool-lock-btn.active{color:var(--primary);border-color:var(--primary);background:var(--bg-card)}.tool-lock-btn:hover{color:var(--primary)}.tool-preset-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tool-preset-active{border-color:var(--primary)!important;color:var(--primary)!important}.tool-fit-options,.tool-format-options{display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap}.tool-fit-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.tool-fit-radio{display:flex;align-items:center;gap:.375rem;font-size:.9rem;cursor:pointer}.tool-fit-radio input[type=radio]{accent-color:var(--primary)}.tool-action-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.tool-slider-group{text-align:center}.tool-slider-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.tool-slider-hint{font-size:.8rem;font-weight:400;color:var(--text-muted)}.tool-slider{width:100%;max-width:400px;height:6px;accent-color:var(--primary);cursor:pointer}.tool-format-buttons{display:flex;flex-direction:column;align-items:center;gap:.75rem}.tool-format-btn-group{display:flex;gap:.5rem}.tool-format-info{text-align:center;font-size:.85rem;color:var(--text-muted);max-width:400px;margin:0 auto;line-height:1.5}.tool-result{text-align:center}.tool-result-preview{margin-bottom:1.5rem}.tool-result-preview img{max-width:100%;max-height:400px;border-radius:var(--radius);object-fit:contain;box-shadow:var(--shadow-lg)}.tool-stats{justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tool-stat,.tool-stats{display:flex;align-items:center}.tool-stat{flex-direction:column;gap:.25rem}.tool-stat-arrow,.tool-stat-label{color:var(--text-muted)}.tool-stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tool-stat-value{font-size:1rem;font-weight:600}.tool-stat-highlight{color:var(--success)}.tool-more-tools{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.tool-more-tools h3{text-align:center;font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.tool-more-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.tool-more-card{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.tool-more-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary)}.tool-more-card strong{font-size:.95rem}.tool-more-card span{font-size:.8rem;color:var(--text-muted);line-height:1.4}@media (max-width:640px){.tool-more-grid{grid-template-columns:1fr}.tool-dimensions{flex-wrap:wrap}.tool-dimensions .input{width:100px}}.feature-card-link{color:inherit;text-decoration:none}.feature-card-link:hover{color:var(--primary)}.download-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px 0}.download-buttons .btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:180px}.download-hint{font-size:.7rem;opacity:.7;font-weight:400}.home-tabs{display:flex;justify-content:center;gap:4px;margin-bottom:24px;background:var(--bg-alt);border-radius:var(--radius);padding:4px;max-width:300px;margin-left:auto;margin-right:auto}.home-tab{flex:1 1;padding:8px 20px;border:none;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.home-tab.active{background:var(--bg-card);box-shadow:var(--shadow)}.home-tab.active,.home-tab:hover:not(.active){color:var(--text)}.batch-locked{text-align:center;padding:48px 24px;background:var(--bg-alt);border-radius:var(--radius);border:2px dashed var(--border)}.batch-locked h3{margin-bottom:8px}.batch-locked p{color:var(--text-muted);margin-bottom:16px}.batch-processor{max-width:700px;margin:0 auto}.batch-info{color:var(--text-muted);font-size:.9rem;margin-bottom:16px;text-align:center}.batch-dropzone,.batch-dropzone label{cursor:pointer}.batch-selected{text-align:center;margin-top:16px}.batch-selected p{margin-bottom:12px;color:var(--text-muted)}.batch-jobs{margin-top:24px}.batch-progress{text-align:center;font-weight:500;margin-bottom:16px}.batch-job-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.batch-job-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-alt);border-radius:var(--radius-sm);font-size:.9rem}.batch-job-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.status-queued{color:var(--text-muted)}.status-processing{color:var(--warning)}.status-completed{color:var(--success)}.status-failed,.text-error{color:var(--danger)}.batch-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.deletion-notice{font-size:.8rem;margin-top:12px}.credit-pack-subtitle,.deletion-notice{color:var(--text-muted);text-align:center}.credit-pack-subtitle{font-size:.9rem;margin-bottom:20px}.credit-pack-featured{border:2px solid var(--primary)!important;position:relative}.credit-pack-badge{position:absolute;top:-10px;right:16px;background:var(--primary);color:white;font-size:.7rem;font-weight:600;padding:2px 10px;border-radius:10px;text-transform:uppercase}.credit-pack-name{font-weight:600;font-size:1.1rem;margin-bottom:4px}.credit-pack-notes{margin-top:20px;text-align:center;font-size:.85rem;color:var(--text-muted)}.credit-pack-notes p{margin-bottom:4px}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;gap:1rem;max-width:1100px;margin:0 auto}.pricing-grid .pricing-card-landing{padding:1.5rem 1.25rem}.pricing-grid .pricing-card-landing h3{font-size:1.1rem}.pricing-grid .price-amount{font-size:2rem}.pricing-grid .pricing-card-features li{font-size:.8rem}.pricing-card-badge-value{background:var(--success)}@media (max-width:900px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.pricing-grid{grid-template-columns:1fr 1fr;gap:.75rem}.pricing-grid .pricing-card-landing{padding:1.25rem 1rem}}@media (max-width:400px){.pricing-grid{grid-template-columns:1fr;max-width:320px}}.pricing-grid-three{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:1000px;margin:0 auto}@media (max-width:900px){.pricing-grid-three{grid-template-columns:1fr;max-width:400px}}.tool-cross-sell-banner{margin-top:32px;padding:24px;background:linear-gradient(135deg,var(--primary) 0,#0e7490 100%);border-radius:var(--radius);text-align:center;color:white}.tool-cross-sell-content h3{font-size:1.4rem;margin-bottom:8px;font-weight:700}.tool-cross-sell-content p{font-size:1rem;margin-bottom:16px;opacity:.95}.tool-cross-sell-content .btn{background:white;color:var(--primary);font-weight:600}.tool-cross-sell-content .btn:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}.credit-pack-savings{font-size:.85rem;color:var(--success);font-weight:600;margin-top:4px}.trust-item-highlight{font-weight:600;color:var(--primary)}@media (prefers-color-scheme:dark){.trust-item-highlight{color:#06b6d4}}.trust-badges{padding:.75rem 1.5rem;border-bottom:1px solid var(--border)}.trust-badges-inner{max-width:700px;margin:0 auto;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);font-weight:500}.trust-badge svg{flex-shrink:0;color:var(--text-muted);opacity:.7}@media (max-width:640px){.trust-badges-inner{gap:.75rem;flex-direction:column;align-items:center}}.comparison-table-wrap{max-width:800px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{font-size:.9rem;min-width:500px}.comparison-table td,.comparison-table th{padding:.875rem 1rem}.comparison-table thead th{background:var(--bg-card);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.comparison-table thead th.comparison-highlight{color:var(--primary)}.comparison-table tbody td:first-child{font-weight:600;color:var(--text)}.comparison-table tbody tr:hover{background:var(--bg-alt)}.comparison-highlight{color:var(--primary);font-weight:600}@media (max-width:640px){.comparison-table{font-size:.8rem}.comparison-table td,.comparison-table th{padding:.625rem .75rem}}.dashboard-referral{background:linear-gradient(135deg,var(--bg-card),var(--bg-alt));border:1px solid var(--primary)}.referral-code-display{display:flex;align-items:center;gap:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.625rem 1rem}.referral-code-value{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.1em;color:var(--primary);flex:1 1}.referral-link-value{font-size:.8rem;color:var(--text-muted);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-stats{display:flex;gap:2rem;margin-top:1.25rem}.referral-stat{display:flex;flex-direction:column;align-items:center}.referral-stat-number{font-size:1.5rem;font-weight:700;color:var(--primary)}.referral-stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.referral-bonus-hint{color:var(--success);font-size:.85rem;font-weight:600;margin-top:-.25rem}.admin-layout{display:flex;min-height:100vh;background:var(--bg-alt)}.admin-main{flex:1 1;margin-left:240px;width:calc(100vw - 240px);max-width:calc(100vw - 240px);min-width:0;overflow-x:hidden;transition:margin-left .3s ease,width .3s ease,max-width .3s ease}.admin-main,.admin-sidebar{display:flex;flex-direction:column}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--bg-card);border-right:1px solid var(--border);z-index:1000;transition:transform .3s ease}.admin-sidebar.collapsed{width:64px}.admin-sidebar.collapsed~.admin-main{margin-left:64px;width:calc(100vw - 64px);max-width:calc(100vw - 64px)}.admin-sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border)}.admin-sidebar-logo{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.admin-sidebar-logo-text{font-size:1.1rem;font-weight:700;color:var(--primary)}.admin-sidebar-toggle{background:transparent;border:none;cursor:pointer;font-size:1.25rem;color:var(--text-muted);padding:.25rem;transition:color var(--transition)}.admin-sidebar-toggle:hover{color:var(--text)}.admin-sidebar-nav{flex:1 1;padding:1rem 0;overflow-y:auto}.admin-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition);border-left:3px solid transparent}.admin-sidebar-item:hover{background:var(--bg-alt);color:var(--text)}.admin-sidebar-item.active{background:rgba(8,145,178,.1);color:var(--primary);border-left-color:var(--primary)}.admin-sidebar-icon{font-size:1.25rem;flex-shrink:0}.admin-sidebar.collapsed .admin-sidebar-label{display:none}.admin-sidebar-footer{padding:1rem;border-top:1px solid var(--border);text-align:center}.admin-sidebar-version{font-size:.75rem;color:var(--text-muted)}.admin-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.admin-breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.admin-breadcrumb,.admin-breadcrumb-sep{color:var(--text-muted)}.admin-header-actions{display:flex;align-items:center;gap:.75rem}.admin-user-dropdown{position:relative}.admin-user-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border);padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.admin-user-button:hover{background:var(--bg-alt)}.admin-user-email{font-size:.875rem;color:var(--text)}.admin-user-arrow{font-size:.625rem;color:var(--text-muted)}.admin-dropdown-backdrop{position:fixed;inset:0;z-index:999}.admin-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:150px;z-index:1000}.admin-dropdown-item{display:block;width:100%;padding:.625rem 1rem;text-align:left;background:transparent;border:none;color:var(--text);font-size:.875rem;cursor:pointer;transition:background var(--transition)}.admin-dropdown-item:hover{background:var(--bg-alt)}.admin-content{flex:1 1;padding:2rem;width:100%}.overview-dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem}.dashboard-charts-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}.dashboard-activity-row,.dashboard-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.dashboard-refresh-info{text-align:center;font-size:.75rem;color:var(--text-muted);padding:.5rem}.dashboard-error,.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:400px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);opacity:0;transition:opacity .3s ease}.kpi-card:hover:before{opacity:1}.kpi-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.kpi-card-blue:before{background:#3b82f6}.kpi-card-green:before{background:var(--success)}.kpi-card-purple:before{background:#8b5cf6}.kpi-card-yellow:before{background:var(--warning)}.kpi-card-red:before{background:var(--danger)}.kpi-icon{display:none}.kpi-content{flex:1 1}.kpi-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:.5rem;word-break:break-word}.kpi-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.kpi-trend-positive{color:var(--success)}.kpi-trend-negative{color:var(--danger)}.kpi-trend-neutral{color:var(--text-muted)}.kpi-trend-icon{font-size:1rem}.chart-container{width:100%}.chart-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.chart-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.875rem}.conversion-funnel{width:100%}.funnel-stages{gap:1rem}.funnel-stage,.funnel-stages{display:flex;flex-direction:column}.funnel-stage{gap:.5rem}.funnel-stage-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.875rem}.funnel-stage-name{font-weight:600;color:var(--text)}.funnel-stage-count{color:var(--text-muted);font-size:.8rem}.funnel-stage-bar-container{position:relative;height:40px;background:var(--bg-alt);border-radius:var(--radius-sm);overflow:hidden}.funnel-stage-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--primary),#06b6d4);display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem;border-radius:var(--radius-sm);transition:width .6s ease}.funnel-stage-rate{color:white;font-size:.75rem;font-weight:700}.recent-activity{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.recent-activity-section{min-width:0}.recent-activity-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.recent-activity-list{display:flex;flex-direction:column;gap:.75rem}.recent-activity-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.875rem}.recent-activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-alt);border-radius:var(--radius-sm);transition:all var(--transition)}.recent-activity-item:hover{background:rgba(8,145,178,.05);box-shadow:var(--shadow)}.recent-activity-item-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.signup-icon{background:rgba(8,145,178,.1)}.payment-icon{background:rgba(16,185,129,.1)}.recent-activity-item-content{flex:1 1;min-width:0}.recent-activity-item-primary{font-size:.875rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-activity-item-secondary,.recent-activity-item-time{font-size:.75rem;color:var(--text-muted)}.recent-activity-item-time{flex-shrink:0}@media (max-width:1200px){.dashboard-kpi-row{grid-template-columns:repeat(2,1fr)}.dashboard-charts-row,.recent-activity{grid-template-columns:1fr}}@media (max-width:1024px){.admin-sidebar:not(.collapsed){transform:translateX(-100%)}.admin-main{margin-left:0;width:100vw;max-width:100vw}.admin-sidebar.collapsed{transform:translateX(0)}}@media (max-width:768px){.admin-content{padding:1rem}.dashboard-kpi-row{grid-template-columns:1fr}.kpi-value{font-size:1.5rem}.admin-header{padding:.75rem 1rem}.admin-breadcrumbs{font-size:.75rem}}.admin-toolbar{justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-toolbar,.admin-toolbar-left{display:flex;align-items:center;flex-wrap:wrap}.admin-toolbar-left{gap:.75rem}.admin-toolbar-right{display:flex;align-items:center;gap:.75rem}.admin-toolbar-count{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.admin-search-input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:.875rem;min-width:200px;transition:border-color var(--transition)}.admin-search-input:focus{outline:none;border-color:var(--primary)}.admin-filter-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:.875rem;cursor:pointer}.data-dashboard{display:flex;flex-direction:column;gap:0}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--primary)}.sort-icon{font-size:.75rem;color:var(--text-muted);margin-left:.25rem}.sort-icon.active{color:var(--primary)}.th-checkbox{width:40px}.row-selected{background:rgba(8,145,178,.05)}.truncate-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monospace{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.8rem}.credit-positive,.revenue-amount{font-weight:600;color:var(--success)}.credit-negative{color:var(--danger);font-weight:600}.error-message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.admin-pagination-info{font-size:.875rem;color:var(--text-muted)}.health-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:all .3s ease}.health-card:hover{box-shadow:var(--shadow)}.health-card-healthy{border-left:3px solid var(--success)}.health-card-warning{border-left:3px solid var(--warning)}.health-card-critical{border-left:3px solid var(--danger)}.health-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.health-card-icon{font-size:1.25rem}.health-card-title{flex:1 1;font-size:.95rem;font-weight:600}.health-indicator{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:4px}.health-indicator.healthy{color:var(--success);background:rgba(16,185,129,.1)}.health-indicator.warning{color:var(--warning);background:rgba(245,158,11,.1)}.health-indicator.critical{color:var(--danger);background:rgba(239,68,68,.1)}.health-indicator.unknown{color:var(--text-muted);background:var(--bg-alt)}.health-card-details{display:flex;flex-direction:column;gap:.375rem}.health-detail-row{display:flex;justify-content:space-between;font-size:.8rem}.health-detail-label{color:var(--text-muted)}.health-detail-value{font-weight:600;color:var(--text)}.latency-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;padding:2rem 1rem}.latency-item{text-align:center;display:flex;flex-direction:column;gap:.5rem}.latency-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.latency-value{font-size:1.75rem;font-weight:700;color:var(--text)}.progress-bar-container{width:100%;height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .6s ease}.progress-bar-green{background:var(--success)}.progress-bar-purple{background:#8b5cf6}.progress-bar-red{background:var(--danger)}.growth-tracker{gap:1.25rem;padding:.5rem 0}.growth-item,.growth-tracker{display:flex;flex-direction:column}.growth-item{gap:.5rem}.growth-item-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.875rem}.growth-item-label{font-weight:600;color:var(--text)}.growth-item-value{font-size:.8rem;color:var(--text-muted)}.retention-cell{display:flex;align-items:center;gap:.5rem}.retention-bar{height:20px;background:linear-gradient(90deg,rgba(8,145,178,.3),rgba(8,145,178,.6));border-radius:3px;min-width:2px}.event-stream{max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:0;margin-top:1rem}.event-stream-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition)}.event-stream-item:hover{background:var(--bg-alt)}.event-stream-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:.375rem}.event-stream-content{flex:1 1;min-width:0}.event-stream-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.event-stream-name{font-weight:600;font-size:.875rem}.event-stream-time{flex-shrink:0}.event-stream-time,.event-stream-user{font-size:.75rem;color:var(--text-muted)}.event-stream-props{margin-top:.5rem;padding:.75rem;background:var(--bg-alt);border-radius:var(--radius-sm);font-size:.75rem;font-family:SF Mono,Fira Code,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media (max-width:1200px){.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar-right{justify-content:flex-end}}@media (max-width:768px){.admin-search-input{min-width:150px;width:100%}.admin-toolbar-left{width:100%}.latency-grid{grid-template-columns:1fr;gap:.75rem}.latency-value{font-size:1.25rem}.admin-table{font-size:.8rem}.admin-actions{display:flex;flex-wrap:wrap;gap:.25rem}}.hub-page{max-width:1200px;margin:0 auto;padding:4rem 2rem}.hub-page header{text-align:center;margin-bottom:3rem}.hub-page h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.hub-subtitle{font-size:1.125rem;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.6}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.hub-card{display:block;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all var(--transition);position:relative}.hub-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.hub-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.hub-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.5}.hub-card-badge{position:absolute;top:1rem;right:1rem;background:var(--success);color:white;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tool-landing{max-width:900px;margin:0 auto;padding:3rem 2rem}.tool-landing-hero{text-align:center;margin-bottom:4rem}.tool-landing-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.tool-landing-pitch{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.tool-landing-privacy{font-size:.875rem;color:var(--text-muted);margin-top:1rem}.tool-landing-steps{margin-bottom:4rem}.tool-landing-steps h2{text-align:center;font-size:2rem;margin-bottom:2rem}.tool-landing-examples,.tool-landing-faq{margin-bottom:4rem}.tool-landing-faq h2{font-size:2rem;margin-bottom:2rem}.tool-landing-related{margin-bottom:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.tool-landing-cta{text-align:center;padding:3rem 2rem;background:var(--bg-alt);border-radius:var(--radius);margin-top:4rem}.tool-landing-cta h2{font-size:2rem;margin-bottom:1rem}.tool-landing-cta p{font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem}.guide-page{max-width:800px;margin:0 auto;padding:2rem}.breadcrumb,.guide-breadcrumb{font-size:.875rem;color:var(--text-muted);margin-bottom:2rem}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.guide-header{margin-bottom:2rem}.guide-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.guide-meta{font-size:.9375rem;color:var(--text-muted)}.guide-cta-box{background:var(--bg-alt);padding:1.5rem;border-radius:var(--radius);border-left:4px solid var(--primary);margin:2rem 0}.guide-cta-box h3{font-size:1.125rem;margin-bottom:1rem}.guide-toc{background:var(--bg-alt);padding:1.5rem;border-radius:var(--radius);margin:2rem 0}.guide-toc h2{font-size:1.25rem;margin-bottom:1rem}.guide-toc ul{list-style:none}.guide-toc li{margin-bottom:.5rem}.guide-toc a{color:var(--primary);text-decoration:none}.guide-toc a:hover{text-decoration:underline}.guide-body{line-height:1.8;font-size:1.0625rem}.guide-body section{margin-bottom:3rem}.guide-body h2{font-size:1.875rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}.guide-body p{margin-bottom:1.25rem;color:var(--text)}.guide-body strong{font-weight:600;color:var(--text)}.guide-faq{margin:3rem 0}.guide-faq h2{font-size:2rem;margin-bottom:1.5rem}.guide-related{margin:3rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.guide-cta-bottom{text-align:center;padding:3rem 2rem;background:var(--bg-alt);border-radius:var(--radius);margin-top:4rem}.guide-cta-bottom h2{font-size:2rem;margin-bottom:1rem}.guide-cta-bottom p{font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem}.example-detail{max-width:1000px;margin:0 auto;padding:2rem}.example-detail h1{font-size:2.5rem;font-weight:700;margin:2rem 0}.example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.example-card{display:block;text-decoration:none;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition)}.example-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.example-card-images{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.example-card-images img{width:100%;height:180px;object-fit:cover}.example-card h3{padding:1rem;font-size:1rem;font-weight:600}.example-description{margin:2rem 0;font-size:1.0625rem;line-height:1.8}.example-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.example-tags .tag{background:var(--bg-alt);padding:.25rem .75rem;border-radius:12px;font-size:.875rem;color:var(--text-muted)}.example-tips{background:var(--bg-alt);padding:1.5rem;border-radius:var(--radius);border-left:4px solid var(--success);margin:2rem 0}.example-tips h2{font-size:1.25rem;margin-bottom:.75rem;color:var(--success)}.example-tips p{line-height:1.6;color:var(--text-muted)}.example-cta{text-align:center;padding:3rem 2rem;background:var(--bg-alt);border-radius:var(--radius);margin:3rem 0}.example-cta h2{font-size:2rem;margin-bottom:1rem}.example-cta p{font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem}.example-related{margin-top:3rem}.example-related h2{font-size:1.5rem;margin-bottom:1rem}.ba-demo{margin:2rem 0}.ba-demo-caption{text-align:center;font-size:.875rem;color:var(--text-muted);margin-top:1rem;font-style:italic}.use-case-page{max-width:1000px;margin:0 auto;padding:2rem}.use-case-hero{text-align:center;margin-bottom:4rem}.use-case-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.use-case-hero p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.use-case-problem{background:var(--bg-alt);padding:2rem;border-radius:var(--radius);margin-bottom:3rem;border-left:4px solid var(--danger)}.use-case-problem h2{font-size:1.5rem;margin-bottom:1rem;color:var(--danger)}.use-case-problem p{font-size:1.0625rem;line-height:1.8}.use-case-benefits{margin-bottom:4rem}.use-case-benefits h2{font-size:2rem;text-align:center;margin-bottom:2rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.benefit-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.benefit-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--primary)}.benefit-card p{font-size:.9375rem;line-height:1.6;color:var(--text-muted)}.use-case-how{margin-bottom:4rem}.use-case-how h2{font-size:2rem;text-align:center;margin-bottom:2rem}.use-case-pricing-note{background:var(--bg-alt);padding:1.5rem;border-radius:var(--radius);border-left:4px solid var(--success);margin:3rem 0}.use-case-pricing-note h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--success)}.use-case-pricing-note p{font-size:.9375rem;line-height:1.6}.use-case-faq{margin:3rem 0}.use-case-faq h2{font-size:2rem;margin-bottom:1.5rem}.use-case-related{margin:3rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.use-case-cta-bottom{text-align:center;padding:3rem 2rem;background:var(--bg-alt);border-radius:var(--radius);margin-top:4rem}.use-case-cta-bottom h2{font-size:2rem;margin-bottom:1rem}.use-case-cta-bottom p{font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem}.related-links-section{margin-bottom:2rem}.related-links-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.related-links-list{list-style:none}.related-links-list li{margin-bottom:.5rem}.related-links-list a{color:var(--primary);text-decoration:none;font-size:.9375rem}.related-links-list a:hover{text-decoration:underline}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all var(--transition)}.faq-item:hover{border-color:var(--primary)}.faq-item summary{font-weight:600;font-size:1.0625rem;color:var(--text);cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;font-size:1.5rem;color:var(--primary)}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:1rem;line-height:1.6;color:var(--text-muted)}@media (max-width:768px){.hub-page h1{font-size:2rem}.hub-grid{grid-template-columns:1fr}.example-detail h1,.guide-header h1,.tool-landing-hero h1,.use-case-hero h1{font-size:2rem}.benefits-grid,.example-grid,.guide-related,.tool-landing-related,.use-case-related{grid-template-columns:1fr}}.studio-section{max-width:1200px;margin:0 auto;padding:2rem 1rem}.studio-preview{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.studio-preview-panel{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:repeating-conic-gradient(#e5e7eb 0 25%,#ffffff 0 50%) 0 0 /16px 16px;display:flex;align-items:center;justify-content:center;min-height:200px}@media (prefers-color-scheme:dark){.studio-preview-panel{background:repeating-conic-gradient(#334155 0 25%,#1e293b 0 50%) 0 0 /16px 16px}}.studio-preview-result{box-shadow:var(--shadow-lg);border-color:var(--primary)}.studio-preview-label{position:absolute;top:10px;left:10px;padding:.25rem .6rem;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6px;font-size:.7rem;font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;z-index:2}.studio-preview-img{width:100%;height:100%;object-fit:contain;max-height:60vh}@media (max-width:640px){.studio-preview{grid-template-columns:1fr}.studio-preview-img{max-height:40vh}}.studio-controls{margin-top:2rem}.studio-controls,.studio-panel{display:flex;flex-direction:column;gap:1.5rem}.studio-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.studio-control-group{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.studio-control-group:last-child{border-bottom:none;padding-bottom:0}.studio-control-label{font-weight:600;font-size:1rem;color:var(--text)}.studio-toggle{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.studio-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.studio-sliders{gap:1rem;padding-left:2rem;animation:fadeIn .2s ease-in}.studio-slider,.studio-sliders{display:flex;flex-direction:column}.studio-slider{gap:.5rem}.studio-slider-label{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-muted)}.studio-slider-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.studio-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.studio-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.studio-slider-input::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border-radius:50%;border:none;cursor:pointer;-moz-transition:transform .15s ease;transition:transform .15s ease}.studio-slider-input::-moz-range-thumb:hover{transform:scale(1.15)}.studio-bg-options{display:flex;gap:.5rem;flex-wrap:wrap}.studio-color-picker-wrapper{position:relative;cursor:pointer}.studio-color-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.studio-color-picker-wrapper:focus-within .studio-color-input,.studio-color-picker-wrapper:hover .studio-color-input{pointer-events:auto;opacity:1;position:absolute;top:100%;left:0;width:40px;height:30px;z-index:10;margin-top:4px}.studio-color-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.studio-swatch{width:32px;height:32px;border-radius:6px;border:2px solid var(--border);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.studio-swatch:hover{transform:scale(1.1)}.studio-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.studio-position-header{display:flex;align-items:center;justify-content:space-between}.nav-dropdown-featured{background:linear-gradient(135deg,#667eea,#764ba2);color:white!important;border-radius:8px;padding:12px 16px;margin-bottom:4px}.nav-dropdown-featured .nav-dropdown-item-desc,.nav-dropdown-featured .nav-dropdown-item-label{color:white}.nav-dropdown-featured .nav-dropdown-item-desc{opacity:.9}.nav-dropdown-featured:hover{transform:translateX(2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}@media (max-width:640px){.studio-section{padding:1.5rem 1rem}.studio-panel{padding:1rem}.studio-sliders{padding-left:1rem}.studio-slider-input{height:8px}.studio-slider-input::-webkit-slider-thumb{width:22px;height:22px}.studio-slider-input::-moz-range-thumb{width:22px;height:22px}.studio-swatch{width:36px;height:36px}}.infra-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.infra-service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;transition:box-shadow var(--transition)}.infra-service-card:hover{box-shadow:var(--shadow)}.infra-service-card-running{border-left:3px solid var(--success)}.infra-service-card-stopped{border-left:3px solid var(--danger)}.infra-service-card-warning{border-left:3px solid var(--warning)}.infra-service-header{display:flex;align-items:center;gap:.5rem;flex:1 1;min-width:0}.infra-service-icon{font-size:1.1rem;flex-shrink:0}.infra-service-info{min-width:0}.infra-service-name{font-size:.9rem;font-weight:600;color:var(--text);margin:0}.infra-service-state{font-size:.75rem;color:var(--text-muted)}.infra-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.infra-resource-bar{width:100%;height:6px;background:var(--bg-alt);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.infra-resource-fill{height:100%;border-radius:3px;transition:width .6s ease}.infra-resource-cpu{background:var(--primary)}.infra-resource-mem{background:#8b5cf6}.infra-resource-label{font-size:.75rem;color:var(--text-muted)}.infra-log-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.infra-log-select{padding:.5rem .75rem;background:var(--bg-card);color:var(--text);font-size:.875rem}.infra-log-select,.infra-log-viewer{border:1px solid var(--border);border-radius:var(--radius-sm)}.infra-log-viewer{background:#1e1e2e;padding:1rem;margin-bottom:2rem;max-height:400px;overflow:auto}.infra-log-viewer pre{margin:0;font-family:Menlo,Monaco,Courier New,monospace;font-size:.75rem;line-height:1.5;color:#cdd6f4;white-space:pre-wrap;word-break:break-all}.infra-quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}@media (max-width:768px){.infra-status-grid{grid-template-columns:1fr}.infra-controls,.infra-quick-actions{flex-direction:column}.infra-controls .btn,.infra-quick-actions .btn{width:100%}.infra-log-viewer{max-height:300px}.infra-log-controls{flex-direction:column;align-items:stretch}}.checker-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}.platform-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.platform-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;min-height:44px;min-width:44px;border-radius:100px;border:2px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.platform-chip:hover{border-color:var(--primary);color:var(--primary)}.platform-chip.active{border-color:var(--primary);background:var(--primary);color:white}.compliance-results{max-width:900px;margin:0 auto}.compliance-results h2{text-align:center;margin-bottom:1.5rem}.results-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.platform-card{border:2px solid var(--border);border-radius:12px;padding:1.5rem;background:var(--bg)}.platform-card-pass{border-color:#22c55e}.platform-card-warn{border-color:#f59e0b}.platform-card-fail{border-color:#ef4444}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.platform-header h3{margin:0;font-size:1.2rem}.score-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-weight:700;font-size:.85rem;color:white}.score-pass{background:#22c55e}.score-warn{background:#f59e0b}.score-fail{background:#ef4444}.check-summary{display:flex;gap:1rem;margin-bottom:1rem;font-size:.85rem;font-weight:500}.summary-pass{color:#22c55e}.summary-fail{color:#ef4444}.summary-warn{color:#f59e0b}.checks-list{display:flex;flex-direction:column;gap:.75rem}.check-item{display:flex;gap:.75rem;padding:.75rem;border-radius:8px;background:rgba(0,0,0,.02)}.check-item-pass{background:rgba(34,197,94,.05)}.check-item-fail{background:rgba(239,68,68,.06)}.check-item-warn{background:rgba(245,158,11,.06)}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.check-icon.pass{background:#22c55e;color:white}.check-icon.fail{background:#ef4444;color:white}.check-icon.warn{background:#f59e0b;color:white}.check-details{flex:1 1;min-width:0}.check-message{font-weight:500;font-size:.9rem;margin-bottom:.25rem}.check-values{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem;color:var(--text-secondary)}.btn-fix{display:inline-flex;align-items:center;margin-top:.5rem;padding:.3rem .8rem;min-height:44px;min-width:44px;font-size:.8rem;font-weight:600;color:var(--primary);background:transparent;border:1px solid var(--primary);border-radius:6px;cursor:pointer;text-decoration:none;transition:all .15s ease}.btn-fix:hover{background:var(--primary);color:white}.tool-content{max-width:700px;margin:3rem auto 0;line-height:1.7}.tool-content h2{margin-bottom:1rem}.tool-content h3{margin-top:1.5rem;margin-bottom:.5rem}.tool-content ul{padding-left:1.5rem}.tool-content li{margin-bottom:.5rem}.results-summary-bar{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--bg);margin-bottom:1.5rem}.results-preview-thumb{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.results-preview-thumb img{width:100%;height:100%;object-fit:cover}.results-summary-content{flex:1 1;min-width:0}.results-summary-stats{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.summary-stat{color:var(--text-secondary)}.results-summary-chips{display:flex;flex-wrap:wrap;gap:.5rem}.summary-chip{display:inline-block;padding:.25rem .6rem;border-radius:20px;font-size:.78rem;font-weight:600;border:1px solid}.summary-chip-pass{color:#16a34a;border-color:#bbf7d0;background:rgba(34,197,94,.08)}.summary-chip-warn{color:#d97706;border-color:#fde68a;background:rgba(245,158,11,.08)}.summary-chip-fail{color:#dc2626;border-color:#fecaca;background:rgba(239,68,68,.08)}.why-it-matters{margin-top:.3rem;font-size:.78rem;color:var(--text-secondary);line-height:1.4;font-style:italic}.passed-checks-collapsible{margin-top:.25rem}.passed-checks-collapsible>summary{cursor:pointer;padding:.6rem .75rem;border-radius:8px;background:rgba(34,197,94,.05);font-size:.85rem;font-weight:500;color:#16a34a;list-style:none;display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.passed-checks-collapsible>summary::-webkit-details-marker{display:none}.passed-checks-collapsible>summary:before{content:"\25B6";font-size:.65rem;transition:transform .15s ease}.passed-checks-collapsible[open]>summary:before{transform:rotate(90deg)}.passed-checks-collapsible>summary:hover{background:rgba(34,197,94,.1)}.passed-checks-collapsible .check-item{margin-top:.5rem}.deep-analysis-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.375rem .75rem;background:rgba(8,145,178,.08);border-radius:6px;font-size:.85rem;color:var(--primary)}.spinner-small{width:16px;height:16px}.spinner-small,.spinner-tiny{border-top:2px solid var(--border);border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.spinner-tiny{width:14px;height:14px}.check-item-pending{background:rgba(0,0,0,.02);opacity:.7}.check-icon.pending{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(8,145,178,.1);flex-shrink:0}.check-message-pending{font-style:italic;color:var(--text-muted)}.studio-compliance{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.studio-compliance-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.studio-compliance-header h4{margin:0;font-size:1rem}.studio-compliance-platforms{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.studio-compliance-platforms .platform-chip{padding:.3rem .6rem;font-size:.8rem}.studio-compliance-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;margin-top:.5rem}.studio-compliance-badge-pass{color:#16a34a;background:rgba(34,197,94,.1)}.studio-compliance-badge-warn{color:#d97706;background:rgba(245,158,11,.1)}.studio-compliance-badge-fail{color:#dc2626;background:rgba(239,68,68,.1)}.studio-compliance-detail{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}@media (prefers-color-scheme:dark){.check-item{background:rgba(255,255,255,.03)}.check-item-pass{background:rgba(34,197,94,.08)}.check-item-fail{background:rgba(239,68,68,.08)}.check-item-warn{background:rgba(245,158,11,.08)}.platform-card,.results-summary-bar{background:var(--bg-secondary,#1a1a2e)}.summary-chip-pass{background:rgba(34,197,94,.15)}.summary-chip-warn{background:rgba(245,158,11,.15)}.summary-chip-fail{background:rgba(239,68,68,.15)}.passed-checks-collapsible>summary{background:rgba(34,197,94,.1)}.studio-compliance{background:var(--bg-secondary,#1a1a2e)}}@media (max-width:768px){.checker-layout{grid-template-columns:1fr}.platform-selector{gap:.4rem}.platform-chip{padding:.4rem .8rem;font-size:.85rem}.check-summary{flex-wrap:wrap;gap:.5rem}.platform-header h3{font-size:1.05rem}.results-summary-bar{flex-direction:column;align-items:center;text-align:center}.results-summary-chips,.results-summary-stats{justify-content:center}}.comparison-chart{max-width:1200px;margin:0 auto;padding:0 1rem}.comparison-header{text-align:center;margin-bottom:2.5rem}.comparison-header h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.comparison-header p{color:var(--text-muted);max-width:600px;margin:0 auto 1.5rem}.comparison-updated-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--primary);background:rgba(8,145,178,.08);border:1px solid rgba(8,145,178,.2);margin-bottom:1rem}.comparison-table-wrapper{overflow-x:auto;margin-bottom:2.5rem;border:1px solid var(--border);border-radius:var(--radius)}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:900px}.comparison-table td,.comparison-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.comparison-table th{background:var(--bg-alt);font-weight:600;font-size:.8125rem;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:1}.comparison-table th a{color:var(--primary);text-decoration:none}.comparison-table th a:hover{text-decoration:underline}.comparison-table-sticky{position:-webkit-sticky;position:sticky;left:0;background:var(--bg-card);font-weight:600;z-index:2;min-width:140px;border-right:1px solid var(--border)}.comparison-table thead .comparison-table-sticky{background:var(--bg-alt);z-index:3}.comparison-category-row td{background:var(--bg-alt);font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);padding:.6rem 1rem}.mobile-platform-cards{display:none}@media (max-width:768px){.comparison-table-wrapper{display:none}.mobile-platform-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.comparison-header h1{font-size:2rem}}.mobile-platform-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.mobile-platform-card h3{font-size:1.15rem;margin-bottom:.75rem}.mobile-platform-card h3 a{color:var(--primary);text-decoration:none}.mobile-platform-card dl{display:grid;grid-gap:0;gap:0}.mobile-req-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.mobile-req-row:last-child{border-bottom:none}.mobile-req-row dt{font-weight:600;color:var(--text);flex-shrink:0}.mobile-req-row dd{text-align:right;color:var(--text-muted)}.mobile-platform-actions{display:flex;gap:.5rem;margin-top:1rem}.comparison-platform-links{margin-bottom:2.5rem}.comparison-platform-links h2{text-align:center;margin-bottom:1.5rem}.comparison-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}.comparison-link-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition)}.comparison-link-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.comparison-link-card strong{color:var(--text);font-size:.9375rem}.comparison-link-card span{color:var(--primary);font-size:.8125rem}.comparison-faq{max-width:700px;margin:0 auto 2.5rem}.comparison-faq h2{text-align:center;margin-bottom:1.5rem}.comparison-cta{text-align:center;padding:3rem 1.5rem;background:var(--bg-alt);border-radius:var(--radius);margin-bottom:2rem}.comparison-cta h2{margin-bottom:.75rem}.comparison-cta p{color:var(--text-muted);max-width:550px;margin:0 auto 1.5rem}@media print{.comparison-cta,.comparison-header .btn,.comparison-platform-links,.footer,.guide-breadcrumb,.navbar{display:none!important}.comparison-table-wrapper{overflow:visible;border:none}.comparison-table{min-width:0;font-size:.75rem}.comparison-table td,.comparison-table th{padding:.4rem .5rem;border:1px solid #ccc}.comparison-chart:after{content:"Source: isopeel.com/guides/marketplace-image-requirements-comparison";display:block;margin-top:2rem;font-size:.75rem;color:#666;text-align:center}}.email-gate{max-width:480px;margin:2rem auto;padding:2rem;background:var(--bg-card);border:2px solid var(--primary);border-radius:var(--radius);text-align:center}.email-gate h3{font-size:1.25rem;margin-bottom:.5rem}.email-gate>p{color:var(--text-muted);font-size:.9375rem;margin-bottom:1.25rem}.email-gate-form{display:flex;gap:.5rem;margin-bottom:.75rem}.email-gate-form input{flex:1 1;padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit;background:var(--bg);color:var(--text)}.email-gate-form input:focus{outline:none;border-color:var(--primary)}.email-gate-error{color:var(--danger);font-size:.8125rem;margin-bottom:.5rem}.email-gate-privacy{font-size:.75rem;color:var(--text-muted)}.email-gate-privacy a{color:var(--primary)}.email-gate-success{border-color:var(--success)}.email-gate-success h3{color:var(--success)}.checklist-page{max-width:800px;margin:0 auto}.checklist-hero{text-align:center;margin-bottom:2.5rem}.checklist-hero h1{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.checklist-hero p{color:var(--text-muted);max-width:550px;margin:0 auto}.checklist-preview{margin-bottom:2rem}.checklist-preview h2{margin-bottom:1rem}.checklist-preview ul{padding-left:1.5rem;margin-bottom:1rem}.checklist-preview li{margin-bottom:.5rem;color:var(--text-muted)}.checklist-platforms{font-size:.9375rem;margin-top:1rem}.checklist-checker-cta{text-align:center;padding:2.5rem 1.5rem;background:var(--bg-alt);border-radius:var(--radius);margin:2.5rem 0}.checklist-checker-cta h2{margin-bottom:.75rem}.checklist-checker-cta p{color:var(--text-muted);max-width:500px;margin:0 auto 1.5rem}.checklist-faq{margin-bottom:2.5rem}.checklist-faq h2{text-align:center;margin-bottom:1.5rem}.checklist-related h2{text-align:center;margin-bottom:1rem}@media (max-width:768px){.checklist-hero h1{font-size:1.75rem}.email-gate-form{flex-direction:column}}.embed-generator{max-width:700px;margin:3rem auto 0;padding:2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-alt)}.embed-generator h3{margin-bottom:.5rem}.embed-generator>p{color:var(--text-muted);font-size:.9375rem;margin-bottom:1.25rem}.embed-generator-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.embed-generator-controls label{font-size:.875rem;font-weight:500}.embed-generator-controls select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;background:var(--bg);color:var(--text)}.embed-code-block{position:relative;margin-bottom:1rem}.embed-code-block textarea{width:100%;padding:.75rem;font-family:Courier New,monospace;font-size:.8125rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);resize:vertical;line-height:1.5}.embed-code-block .btn{position:absolute;top:.5rem;right:.5rem}.embed-preview-toggle{margin-top:.5rem}.embed-preview-toggle summary{cursor:pointer;font-size:.875rem;font-weight:500;color:var(--primary)}.embed-preview{margin-top:1rem}.comparison-featured-card{position:relative;grid-column:1/-1;padding:1.75rem;border:2px solid var(--primary);border-radius:var(--radius);background:var(--bg-card);text-decoration:none;display:block;transition:all var(--transition);margin-bottom:.5rem}.comparison-featured-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.comparison-featured-card h3{color:var(--text);font-size:1.25rem;margin-bottom:.5rem}.comparison-featured-card p{color:var(--text-muted);font-size:.9375rem}.pricing-page{max-width:960px;margin:0 auto;padding:3rem 1rem 4rem}.pricing-hero{text-align:center;margin-bottom:3rem}.pricing-hero h1{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.pricing-hero p{font-size:1.125rem;color:var(--text-muted)}.pricing-success-banner{background:var(--success);color:#fff;padding:1rem;border-radius:var(--radius-sm);text-align:center;font-weight:600;margin-bottom:2rem}.pricing-tiers{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;margin-bottom:3rem}.pricing-tier-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center}.pricing-tier-featured{border-color:var(--primary);border-width:2px;box-shadow:0 4px 20px rgba(8,145,178,.15)}.pricing-tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.8125rem;font-weight:600;white-space:nowrap}.pricing-tier-coming-soon{position:relative;opacity:.6;pointer-events:none}.pricing-tier-coming-soon .pricing-tier-badge{background:var(--secondary)}.pricing-coming-soon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);color:var(--text);padding:1rem 2rem;border-radius:8px;font-size:1.25rem;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,.1);z-index:10;pointer-events:none}@media (prefers-color-scheme:dark){.pricing-coming-soon-overlay{background:rgba(30,41,59,.95)}}.pricing-tier-card h2{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1rem}.pricing-tier-price{margin-bottom:1.5rem}.pricing-amount{font-size:3rem;font-weight:800;color:var(--text)}.pricing-period{font-size:1rem;color:var(--text-muted)}.pricing-feature-list{list-style:none;text-align:left;margin-bottom:2rem}.pricing-feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text);font-size:.9375rem}.pricing-feature-list li:before{content:"\2713";position:absolute;left:0;color:var(--success);font-weight:700}.pricing-tier-cta{width:100%}.pricing-credits-section{text-align:center;margin-bottom:3rem}.pricing-credits-section h2{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.pricing-credits-section>p{color:var(--text-muted);margin-bottom:2rem}.pricing-credits-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.pricing-credit-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.5rem 1rem;text-align:center}.pricing-credit-featured{border-color:var(--primary);border-width:2px}.pricing-credit-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:.2rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.pricing-credit-card h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.pricing-credit-amount{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.pricing-credit-price{font-size:1.5rem;font-weight:700;color:var(--text)}.pricing-credit-per{font-size:.8125rem;color:var(--text-muted);margin-bottom:1rem}.pricing-comparison-section{max-width:800px;margin:3rem auto 2rem;text-align:center}.pricing-comparison-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text)}.pricing-comparison-table-wrapper{overflow-x:auto}.pricing-comparison-table{width:100%;border-collapse:collapse;font-size:.9375rem;text-align:center}.pricing-comparison-table td,.pricing-comparison-table th{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.pricing-comparison-table th{font-weight:600;background:var(--bg-alt);color:var(--text)}.pricing-comparison-table td:first-child,.pricing-comparison-table th:first-child{text-align:left;font-weight:500}.pricing-comparison-highlight{background:var(--primary-light,rgba(0,128,128,.08))!important}.pricing-comparison-price{display:block;font-size:.75rem;font-weight:400;color:var(--text-muted)}.pricing-comparison-table tbody tr:hover{background:var(--bg-alt)}.pricing-faq{max-width:720px;margin:0 auto}.pricing-faq h2{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:var(--text)}.pricing-credits-link{margin-top:1.5rem;color:var(--text-muted);font-size:.9375rem}.pricing-credits-link a{text-decoration:underline}.fix-all-section{text-align:center;margin:1.5rem 0;padding:1.5rem;background:var(--bg-alt);border-radius:var(--radius);border:1px solid var(--border)}.fix-all-btn{font-weight:600}.fix-all-note{display:block;margin-top:.5rem;font-size:.875rem;color:var(--text-muted)}.fix-progress{text-align:center;padding:2rem}.fix-progress p{margin-top:.75rem;color:var(--text-muted)}.fix-completed{text-align:center;padding:1.5rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius);margin:1.5rem 0}@media (prefers-color-scheme:dark){.fix-completed{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}}.fix-success-msg{font-weight:600;color:var(--success);margin-bottom:1rem}.fix-completed-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.fix-remaining{margin-top:.75rem;font-size:.875rem;color:var(--text-muted)}.upgrade-prompt{text-align:center;padding:2rem;background:var(--bg-alt);border:2px dashed var(--primary);border-radius:var(--radius);margin:1.5rem 0}.upgrade-prompt p{color:var(--text);margin-bottom:1rem;font-size:1rem}.pro-badge{display:inline-block;background:var(--primary);color:#fff;font-size:.6875rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;text-decoration:none}.export-preset-row{padding:.75rem 0 0;border-top:1px solid var(--border);margin-top:.75rem}.export-preset-btn{width:100%}.export-preset-locked{opacity:.6;cursor:not-allowed}.export-preset-locked .pro-badge{margin-right:.375rem}.batch-toggle-row{display:flex;justify-content:flex-end;margin-bottom:1rem}.batch-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem;color:var(--text)}.batch-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.batch-toggle-locked{opacity:.7;cursor:default}.batch-upload-zone{text-align:center;margin-bottom:1.5rem}.batch-file-input{display:none}.batch-upload-label{display:block;padding:3rem 2rem;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);font-size:1rem;transition:border-color var(--transition)}.batch-upload-label:hover{border-color:var(--primary);color:var(--primary)}.batch-results{margin-top:1.5rem}.batch-results h2{margin-bottom:1rem}.batch-result-item{margin-bottom:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.batch-result-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;background:var(--bg-alt);font-weight:500}.batch-result-status{font-size:.8125rem;font-weight:600;padding:.2rem .5rem;border-radius:4px}.batch-result-status.status-pass{background:#ecfdf5;color:#059669}.batch-result-status.status-fail{background:#fef2f2;color:#dc2626}@media (prefers-color-scheme:dark){.batch-result-status.status-pass{background:rgba(16,185,129,.15);color:#34d399}.batch-result-status.status-fail{background:rgba(239,68,68,.15);color:#f87171}}@media (max-width:768px){.pricing-tiers{grid-template-columns:1fr}.pricing-credits-grid{grid-template-columns:repeat(2,1fr)}.pricing-hero h1{font-size:2rem}}@media (max-width:480px){.pricing-credits-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(0,0,0,.1);z-index:9999;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-content{max-width:1200px;margin:0 auto;padding:24px}.cookie-consent-text h3{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:8px}.cookie-consent-text p{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.cookie-consent-text a{color:var(--primary);text-decoration:underline}.cookie-consent-actions{display:flex;gap:12px;flex-wrap:wrap}.cookie-consent-actions button{padding:10px 24px;border-radius:6px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:var(--transition)}.btn-accept{background:var(--primary);color:white}.btn-accept:hover{background:var(--primary-hover)}.btn-reject{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.btn-reject:hover{background:#f3f4f6}.btn-customize{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-customize:hover,.cookie-preference-item{background:var(--bg-alt)}.cookie-preference-item{margin-bottom:16px;padding:16px;border-radius:8px}.cookie-preference-item label{display:flex;align-items:flex-start;cursor:pointer;gap:12px}.cookie-preference-item input[type=checkbox]{margin-top:4px;width:18px;height:18px;cursor:pointer}.cookie-preference-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.cookie-preference-item strong{display:block;font-size:.9375rem;color:var(--text);margin-bottom:4px}.cookie-preference-item p{font-size:.8125rem;color:var(--text-muted);margin:0}@media (prefers-color-scheme:dark){.cookie-consent-banner{background:rgba(15,23,42,.98);border-top:1px solid #334155}.btn-customize:hover,.btn-reject:hover{background:#1e293b}}@media (max-width:768px){.cookie-consent-actions{flex-direction:column}.cookie-consent-actions button{width:100%}}@media (max-width:480px){.cookie-consent-content{padding:20px 16px}.cookie-consent-text h3{font-size:1rem}.cookie-consent-text p{font-size:.8125rem}}.pricing-credits-section-landing{max-width:900px;margin:3rem auto 0;text-align:center}.pricing-credits-section-landing h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.pricing-credits-subtitle{font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem}.pricing-credits-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.pricing-credit-mini{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1rem;text-align:center;transition:var(--transition)}.pricing-credit-mini:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.pricing-credit-mini-popular{border-color:var(--primary);border-width:2px}.pricing-credit-mini-best{border-color:var(--success);border-width:2px}.credit-mini-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--primary);color:white;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.pricing-credit-mini-best .credit-mini-badge{background:var(--success)}.credit-mini-label{font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.credit-mini-amount{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.credit-mini-price{font-size:1.6rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.credit-mini-per{font-size:.75rem;color:var(--text-muted)}.pricing-credits-link{margin-top:1rem;text-align:center}.pricing-credits-link a{color:var(--primary);text-decoration:none;font-weight:600;font-size:.95rem}.pricing-credits-link a:hover{text-decoration:underline}@media (max-width:768px){.pricing-credits-mini-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pricing-credits-mini-grid{grid-template-columns:1fr;max-width:280px;margin-left:auto;margin-right:auto}.pricing-credits-section-landing h3{font-size:1.25rem}}@media (prefers-color-scheme:dark){.pricing-credit-mini{background:var(--bg-card);border-color:#334155}.pricing-credit-mini-popular,.pricing-credit-mini:hover{border-color:var(--primary)}.pricing-credit-mini-best{border-color:var(--success)}}.live-stats-bar{background:linear-gradient(135deg,#065f46,#047857 50%,#059669);padding:1.5rem}.live-stats-inner{max-width:860px;margin:0 auto;justify-content:center;gap:2.5rem}.live-stat,.live-stats-inner{display:flex;align-items:center}.live-stat{gap:.75rem;color:#fff}.live-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.15);color:#6ee7b7;flex-shrink:0}.live-stat-content{display:flex;flex-direction:column;gap:.1rem}.live-stat-number{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.live-stat-label{font-size:.8rem;font-weight:500;opacity:.8;text-transform:uppercase;letter-spacing:.04em}.live-stat-divider{width:1px;height:36px;background:rgba(255,255,255,.2)}@media (max-width:768px){.live-stats-inner{gap:1.5rem}.live-stat-icon{display:none}.live-stat-number{font-size:1.15rem}.live-stat-label{font-size:.7rem}}@media (max-width:520px){.live-stats-bar{padding:1.25rem 1rem}.live-stats-inner{flex-direction:column;gap:.75rem}.live-stat-divider{width:40px;height:1px}.live-stat-icon{display:flex}}@media (prefers-color-scheme:dark){.live-stats-bar{background:linear-gradient(135deg,#022c22,#064e3b 50%,#065f46)}}.hero-demo-platform-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text,#111827);padding-top:.5rem;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.hero-demo-platform-header:first-child{padding-top:0}.hero-demo-platform-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.hero-demo-platform-dot-pass{background:#10b981}.hero-demo-platform-dot-warn{background:#f59e0b}.hero-demo-platform-dot-fail{background:#ef4444}@media (prefers-color-scheme:dark){.hero-demo-platform-header{color:#e2e8f0}}@media (prefers-reduced-motion:reduce){.hero-demo-platform-header{transition:none}}.blog-inline-cta{background:var(--bg-alt);border-left:4px solid var(--primary);padding:1.25rem 1.5rem;border-radius:var(--radius-sm);margin:1.5rem 0;text-align:center}.blog-inline-cta p{margin-bottom:1rem;font-size:.95rem;color:var(--text-muted)}.blog-post-faq{margin-top:2.5rem}.blog-post-faq>h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.blog-related-posts{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.blog-related-posts h2{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.blog-related-posts ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.blog-related-posts a{color:var(--primary);text-decoration:none;font-size:.95rem;transition:color var(--transition)}.blog-related-posts a:hover{color:var(--primary-hover);text-decoration:underline}.nav-dropdown-section-header{padding:.5rem 1rem .25rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.pack-preset-tag{display:inline-block;padding:.25rem .75rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:20px;font-size:.8rem;color:var(--text-muted);margin:.25rem .25rem 0 0}.pack-progress{display:flex;flex-direction:column;gap:.5rem}.pack-progress-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-alt);border-radius:var(--radius-sm);font-size:.875rem}.pack-progress-status{font-weight:600;font-size:.8rem}.pack-progress-pending{color:var(--text-muted)}.pack-progress-processing{color:var(--warning)}.pack-progress-done{color:var(--success)}.pack-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.pack-result-card{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card)}.pack-result-thumb{aspect-ratio:1;overflow:hidden;background:#f9f9f9}.pack-result-thumb img{width:100%;height:100%;object-fit:contain}.pack-result-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.pack-result-info strong{font-size:.875rem}.pack-result-info span{font-size:.75rem;color:var(--text-muted)}.serp-controls{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.serp-controls,.serp-tabs{display:flex;flex-wrap:wrap}.serp-tabs{gap:.25rem}.serp-tab{padding:.4rem .75rem;border:1px solid var(--border);border-radius:20px;background:var(--bg-card);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all var(--transition)}.serp-tab:hover{border-color:var(--primary);color:var(--primary)}.serp-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.serp-viewport-toggle{display:flex;gap:.25rem}.serp-canvas-wrap{text-align:center;margin-bottom:1rem}.serp-info{text-align:center;font-size:.875rem;color:var(--text-muted)}.framer-preset-row{display:flex;gap:.5rem;flex-wrap:wrap}.framer-slider{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--border);outline:none}.framer-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer}.framer-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.advisor-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:.75rem;gap:.75rem}.advisor-image-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:#f9f9f9}.advisor-image-thumb img{width:100%;height:100%;object-fit:contain}.advisor-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.advisor-type-badge{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.65rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.03em}.advisor-order-list{display:flex;flex-direction:column;gap:.5rem}.advisor-order-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;transition:box-shadow var(--transition)}.advisor-order-item:hover{box-shadow:var(--shadow)}.advisor-order-item.dragging{opacity:.5}.advisor-order-position{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.advisor-order-thumb{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:#f9f9f9}.advisor-order-thumb img{width:100%;height:100%;object-fit:contain}.advisor-order-info{flex:1 1;display:flex;flex-direction:column;gap:.15rem}.advisor-order-info strong{font-size:.9rem}.advisor-order-req{font-size:.75rem;color:var(--text-muted)}.advisor-order-grip{color:var(--text-muted);font-size:1.25rem;cursor:grab;flex-shrink:0;padding:0 .5rem}.color-image-strip{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.color-image-thumb{position:relative;width:100px;height:100px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:#f9f9f9;flex-shrink:0}.color-image-thumb img{width:100%;height:100%;object-fit:contain}.color-overall-score{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-alt);border-radius:var(--radius);margin-bottom:1.5rem}.color-score-circle{width:80px;height:80px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.color-score-value{font-size:1.5rem;font-weight:700;line-height:1}.color-score-label{font-size:.7rem;color:var(--text-muted)}.color-score-text h2{font-size:1.1rem;margin-bottom:.25rem}.color-score-text p{font-size:.875rem;color:var(--text-muted);line-height:1.5}.color-mean-swatch{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.875rem}.color-swatch-box{width:36px;height:36px;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.color-swatch-box-sm{width:20px;height:20px;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.color-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.75rem;gap:.75rem}.color-result-card{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card)}.color-result-thumb{aspect-ratio:1;overflow:hidden;background:#f9f9f9}.color-result-thumb img{width:100%;height:100%;object-fit:contain}.color-result-info{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.35rem}.color-swatch-row{display:flex;align-items:center;gap:.5rem}.color-deviation-badge{display:inline-block;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.color-deviation-good{background:#d1fae5;color:#065f46}.color-deviation-fair{background:#fef3c7;color:#92400e}.color-deviation-poor{background:#fee2e2;color:#991b1b}@media (prefers-color-scheme:dark){.color-deviation-good{background:#064e3b;color:#6ee7b7}.color-deviation-fair{background:#78350f;color:#fcd34d}.color-deviation-poor{background:#7f1d1d;color:#fca5a5}}.ab-upload-row{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1rem}.ab-upload-col{flex:1 1;min-width:0}.ab-vs{font-size:1.25rem;font-weight:700;color:var(--text-muted);padding-top:3rem;flex-shrink:0}.ab-preview{text-align:center}.ab-preview img{max-width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border)}.ab-canvas-row{display:flex;gap:1rem;margin-top:1rem}.ab-canvas-col{flex:1 1;min-width:0}.ab-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed var(--border)}.ab-placeholder,.ab-verdict{border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem}.ab-verdict{text-align:center;padding:1rem;background:var(--bg-alt);margin-top:1rem}@media (max-width:640px){.ab-upload-row{flex-direction:column;gap:1rem}.ab-vs{padding-top:0;text-align:center}.ab-canvas-row{flex-direction:column}.pack-results-grid{grid-template-columns:repeat(2,1fr)}.advisor-image-grid{grid-template-columns:repeat(3,1fr)}.color-overall-score{flex-direction:column;text-align:center}.color-results-grid{grid-template-columns:repeat(2,1fr)}.serp-controls{flex-direction:column;align-items:flex-start}}