@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0a0b0f;--panel:#111319;--panel2:#171a22;--fg:#f6f7fb;--muted:#9398a9;--line:#292d37;--accent:#a5f0cf;--accent-ink:#0b2018;--shadow:0 18px 55px #0005}body.light{color-scheme:light;--bg:#f8f9fc;--panel:#fff;--panel2:#f2f4f8;--fg:#151923;--muted:#616b7b;--line:#e0e4eb;--accent:#167d60;--accent-ink:#fff;--shadow:0 15px 45px #1b263218}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.noise{pointer-events:none;position:fixed;inset:0;opacity:.035;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto;position:relative}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:5}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--fg);font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.9px}.brand-mark{background:var(--accent);color:var(--accent-ink);width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:23px;letter-spacing:-2px}.brand-mark span{color:var(--accent-ink)}.brand-dot{color:var(--muted)}.navlinks,.navright{display:flex;gap:28px;align-items:center}.navlinks a,.footer a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.navlinks a:hover,.footer a:hover{color:var(--fg)}.navright{gap:9px}.btn{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--fg);font:600 13px 'DM Sans',sans-serif;padding:12px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,background .2s,border-color .2s}.btn:hover,.icon-btn:hover{transform:translateY(-2px);border-color:var(--muted)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn-primary:hover{filter:brightness(1.08)}.btn-small{padding:10px 17px}.btn-subtle{background:transparent}.icon-btn{background:var(--panel);color:var(--fg);width:40px;height:40px;border:1px solid var(--line);border-radius:11px;cursor:pointer;font-size:20px;transition:transform .2s}.hidden{display:none!important}.hero{padding:30px 0 32px;text-align:center;position:relative}.hero:before{content:'';position:absolute;z-index:-1;width:600px;height:400px;border-radius:50%;background:radial-gradient(ellipse,#6fdfac21,transparent 70%);top:-90px;left:50%;transform:translateX(-50%);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid #7fd6b13b;background:#75caa714;border-radius:100px;padding:9px 15px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #a5f0cf20}.hero h1{font:800 clamp(38px,5.5vw,65px)/1.12 Manrope,sans-serif;letter-spacing:-.07em;max-width:900px;margin:15px auto 10px}.gradient{background:linear-gradient(90deg,var(--accent),#7cbeb8);color:transparent;background-clip:text}.hero p{font-size:17px;max-width:520px;color:var(--muted);margin:auto}.upload-card{margin:23px auto 0;max-width:760px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:19px;box-shadow:var(--shadow);animation:rise .65s ease both}.drop{cursor:pointer;position:relative;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1.5px dashed #656b76;border-radius:18px;min-height:164px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;transition:all .24s}.drop:hover,.drop.drag{border-color:var(--accent);background:#6fd9a910;transform:scale(1.006)}.upload-symbol{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--line);border-radius:18px;background:var(--panel);font-size:30px;margin-bottom:10px}.drop strong{font:700 19px Manrope,sans-serif}.drop small{color:var(--muted);display:block;margin-top:7px}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.card-tools{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:19px 5px 2px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:8px;min-width:180px}.field label{font-weight:600;font-size:12px;color:var(--muted)}select,input,textarea{font:inherit;color:var(--fg);padding:13px 15px;border-radius:11px;border:1px solid var(--line);background:var(--panel2);outline:0;width:100%}select:focus,input:focus,textarea:focus{border-color:var(--accent)}input[type='checkbox']{width:auto}.hint{font-size:12px;color:var(--muted)}.chosen{display:grid;gap:7px;margin-top:13px}.chosen-item{display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border-radius:9px;padding:9px 12px;font-size:12px}.chosen-item span:last-child{color:var(--muted)}.upload-progress{height:5px;background:var(--line);border-radius:20px;overflow:hidden;margin:12px 0}.upload-progress>div{height:100%;background:var(--accent);transition:width .2s}.stat-strip{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;padding:26px 0 15px;color:var(--muted);font-size:12px}.stat-strip b{color:var(--fg)}.section{padding:85px 0}.section-heading{max-width:600px;margin-bottom:38px}.section-heading h2,.page-head h1{font:800 clamp(29px,4vw,45px)/1.15 Manrope,sans-serif;letter-spacing:-.05em;margin:10px 0}.section-heading p,.page-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:25px;transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-6px);border-color:#7fd6b16a}.feature-icon{width:42px;height:42px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;color:var(--accent);font-size:21px}.feature h3{margin:23px 0 8px;font:700 16px Manrope,sans-serif}.feature p{margin:0;color:var(--muted);font-size:13px}.footer{display:flex;justify-content:space-between;gap:35px;align-items:end;border-top:1px solid var(--line);padding:40px 0 45px;margin-top:80px}.footer p,.footer>span{font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links span{color:var(--muted);font-size:12px}.page{padding-top:55px;min-height:55vh}.page-head{margin-bottom:25px}.page-head .eyebrow{margin-bottom:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:24px}.auth-box{max-width:470px;margin:70px auto}.auth-box h1{font:800 30px Manrope,sans-serif;letter-spacing:-.05em}.auth-box .field{margin:16px 0}.auth-box .btn{width:100%;margin:9px 0}.line{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:15px 0}.line:before,.line:after{content:'';height:1px;background:var(--line);flex:1}.muted{color:var(--muted)}.text-link{color:var(--accent)}.viewer{max-width:900px;margin:40px auto 0}.media-frame{background:#050505;border-radius:16px;overflow:hidden;min-height:320px;display:grid;place-items:center}.media-frame img,.media-frame video{max-width:100%;width:auto;max-height:70vh;display:block}.media-frame video{width:100%}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:20px}.viewer-toolbar h2{margin:0;font:700 20px Manrope,sans-serif}.viewer-actions{display:flex;flex-wrap:wrap;gap:8px}.ad-slot{min-height:92px;border:1px dashed var(--line);border-radius:13px;display:grid;place-items:center;color:var(--muted);font-size:11px;margin:30px auto;letter-spacing:.1em}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.gallery-grid img,.gallery-grid video{width:100%;height:170px;object-fit:cover;background:#000;border-radius:12px}.gallery-grid a{color:var(--fg);font-size:13px;text-decoration:none}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price .amount{font:800 39px Manrope,sans-serif;letter-spacing:-.04em}.price .amount small{font-size:13px;color:var(--muted)}.price ul{padding-left:18px;color:var(--muted);font-size:13px;line-height:2.5;min-height:175px}.price.featured{border-color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metric strong{font:800 27px Manrope,sans-serif}.metric span{display:block;color:var(--muted);font-size:12px}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-weight:600;color:var(--muted);padding:13px 12px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 12px;border-bottom:1px solid var(--line)}.data-table button{padding:7px 10px;font-size:11px}.row-flex{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.admin-section{margin-top:25px}.message{padding:14px;border-radius:12px;border:1px solid var(--line);color:var(--muted);font-size:13px}.error{color:#f58e95}.success{color:var(--accent)}#toast{position:fixed;right:20px;bottom:20px;z-index:100;background:var(--panel2);border:1px solid var(--line);color:var(--fg);padding:13px 20px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .25s,transform .25s}#toast.show{opacity:1;transform:translateY(0)}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:800px){.navlinks{display:none}.cards,.pricing{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column;align-items:start}.hero{padding-top:24px}.upload-card{margin-top:19px}}@media(max-width:520px){.wrap{width:calc(100% - 28px)}.nav{height:70px}.brand{font-size:16px}.navright{gap:5px}.navright .btn{padding:8px}.hero h1{font-size:37px}.card-tools{flex-direction:column;align-items:stretch}.card-tools>*{width:100%}.stat-strip{gap:13px;font-size:10px}.dashboard-grid{grid-template-columns:1fr}.panel{padding:17px}}

@media(max-width:520px){.drop{min-height:145px;padding:16px}.upload-symbol{width:48px;height:48px;margin-bottom:8px}.hero p{font-size:14px}.hero h1{margin:14px auto 10px}.hero .eyebrow{padding:7px 12px}}

/* Upload is the first visible element on the homepage, before marketing text. */
.hero{padding-top:12px}
.hero .upload-card{margin:0 auto 22px;width:100%}
.hero .eyebrow{margin-top:4px}
.hero h1{font-size:clamp(30px,4.5vw,52px);margin:12px auto 8px}
.hero p{font-size:15px}
@media(max-width:520px){.hero{padding-top:8px}.hero .upload-card{margin-bottom:18px;padding:12px}.hero h1{font-size:32px}.drop{min-height:128px;padding:12px}.drop strong{font-size:17px}.upload-symbol{width:42px;height:42px;font-size:25px;margin-bottom:6px}}

/* Header-first layout: compact introductory text with upload immediately below. */
.hero{padding:18px 0 24px}
.hero .eyebrow{margin-top:0;padding:7px 12px;font-size:10px}
.hero h1{font-size:clamp(29px,3.3vw,44px);line-height:1.12;margin:10px auto 7px;letter-spacing:-.055em}
.hero p{font-size:clamp(13px,1.3vw,15px);line-height:1.5;max-width:540px;margin:0 auto}
.hero .upload-card{margin:17px auto 0;max-width:760px;width:100%}
@media(max-width:520px){.hero{padding-top:12px}.hero h1{font-size:29px;margin:9px auto 6px}.hero p{font-size:13px}.hero .upload-card{margin-top:13px}}

/* Restore original upload zone dimensions while keeping compact hero heading. */
.hero .drop { min-height:235px; padding:28px; }
.hero .upload-symbol { width:62px; height:62px; font-size:30px; margin-bottom:15px; }
.hero .drop strong { font-size:19px; }
@media (max-width:520px) {
  .hero .drop { min-height:205px; padding:24px; }
  .hero .upload-symbol { width:58px; height:58px; font-size:28px; margin-bottom:12px; }
  .hero .drop strong { font-size:19px; }
}

/* INLINE_GALLERY_V2 */
.gallery-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}
.gallery-inline-item{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}
.gallery-inline-stage{min-height:220px;display:flex;align-items:center;justify-content:center;background:#10131b;color:#abb2c5;text-align:center;overflow:hidden}
.gallery-inline-stage img,.gallery-inline-stage video{width:100%;height:auto;max-height:580px;object-fit:contain;display:block}
.gallery-inline-stage img{cursor:zoom-in}
.gallery-inline-info{display:flex;flex-direction:column;gap:5px;padding:15px;overflow:hidden}
.gallery-inline-info strong{overflow-wrap:anywhere;font-size:14px}
.gallery-inline-info span{font-size:12px;color:var(--muted)}
.uploadable-lightbox{max-width:96vw;max-height:96vh;background:#10131b;border:1px solid #555;border-radius:14px;padding:12px;color:white}
.uploadable-lightbox::backdrop{background:#000d}
.uploadable-lightbox img{display:block;max-width:90vw;max-height:82vh;object-fit:contain;margin-top:8px}
@media(max-width:600px){.gallery-inline{grid-template-columns:1fr}}