:root{color:#191a17;--ink:#191a17;--ink-soft:#2a2b26;--muted:#6f7068;--line:#191a171f;--paper:#ffffffc7;--cream:#fff9e6;--cream-strong:#fff3bf;--lemon:#ffd93d;--lemon-soft:#ffe98a;--shadow-soft:0 22px 52px #191a171a;--shadow-card:0 14px 32px #191a1712;background:#fff9e6;font-family:Plus Jakarta Sans,Aptos,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:100%}body{background:var(--cream);min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.landing-page{min-height:100vh;isolation:isolate;background:linear-gradient(#191a1709 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#191a1709 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 18% 10%,#ffd93d5c,#0000 30%),linear-gradient(#fffdf4 0%,#fff7d7 100%);min-height:100dvh;position:relative;overflow-x:hidden}.landing-page:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(120deg,#0000 0 54%,#191a170b 54% 54.3%,#0000 54.3%),radial-gradient(circle at 84% 18%,#ffd93d2e,#0000 24%);position:fixed;top:0;bottom:0;left:0;right:0}.landing-shell{z-index:1;width:min(100%,1360px);min-height:100vh;min-height:100dvh;margin:0 auto;position:relative}.landing-header,.landing-footer{justify-content:space-between;align-items:center;min-height:76px;padding:0 max(18px,min(4vw,50px));display:flex}.landing-header{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#ffffffbd;border-radius:24px;margin:12px max(10px,min(3vw,24px)) 0;box-shadow:0 10px 28px #191a1712}.brand,.footer-left,.footer-links{align-items:center;display:flex}.brand{gap:12px}.brand-logo{filter:drop-shadow(0 8px 12px #ffd93d42);width:36px;height:36px}.brand-name{letter-spacing:-.03em;color:var(--ink);font-size:18px;font-weight:900;line-height:1}.launch-pill{border:1px solid var(--line);color:#4b4b42;background:#fff7d0;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;line-height:1.2;display:inline-flex}.launch-pill .ui-icon,.meta-item .ui-icon{width:15px;height:15px;color:var(--ink)}.landing-main{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);align-items:start;gap:max(28px,min(5vw,70px));padding:max(28px,min(4.4vw,58px)) max(18px,min(4vw,50px)) 74px;display:grid}.hero-copy{text-align:left;max-width:580px;animation:.52s both rise-in}.hero-copy:before{content:"Fast links. Clean handoff.";border:1px solid var(--line);color:#6b5c12;letter-spacing:.08em;text-transform:uppercase;background:#fff7d0;border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.hero-copy h1{letter-spacing:-.072em;color:var(--ink);text-wrap:balance;font-size:max(46px,min(6.7vw,86px));font-weight:950;line-height:.9}.hero-accent{color:var(--ink);display:inline-block;position:relative}.hero-accent:before{content:"";background:var(--lemon);z-index:-1;border-radius:999px;height:.2em;position:absolute;bottom:.08em;left:-.02em;right:-.02em;transform:rotate(-2deg)}.hero-copy p{max-width:520px;color:var(--muted);text-wrap:pretty;margin:22px 0 0;font-size:max(16px,min(1.7vw,19px));line-height:1.58}.hero-preview{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffdb,#fff7d0a8),#fff;border-radius:24px;width:min(100%,540px);margin-top:28px;overflow:hidden;box-shadow:inset 0 1px #ffffffd6,0 16px 34px #17203314}.hero-preview img,.hero-preview iframe{width:100%;height:max(230px,min(34vw,360px));display:block}.hero-preview img{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#191a1709 25%,#0000 25% 75%,#191a1709 75%),linear-gradient(45deg,#191a1709 25%,#0000 25% 75%,#191a1709 75%);background-position:0 0,10px 10px;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.hero-preview iframe{background:#fff;border:0;min-height:360px}.hero-preview figcaption{border-top:1px solid var(--line);color:#667085;letter-spacing:.08em;text-align:center;text-transform:uppercase;padding:11px 16px;font-size:12px;font-weight:850}.upload-slot{justify-self:stretch;width:100%;max-width:720px;margin-top:0;animation:.56s 80ms both rise-in;position:relative}.upload-slot:before{content:"";z-index:-1;background:var(--ink);border-radius:30px;position:absolute;top:16px;bottom:-16px;left:16px;right:-14px;transform:rotate(1.2deg)}.slot-meta,.slot-bottom-line{color:#5f6058;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;font-size:13px;display:flex}.meta-item{border:1px solid var(--line);background:#ffffffad;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;line-height:1.3;display:inline-flex}.meta-item+.meta-item:before{display:none}.features-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:max(42px,min(7vw,90px));display:grid}.feature-card{border:1px solid var(--line);min-height:176px;box-shadow:var(--shadow-card);background:#ffffffa3;border-radius:24px;padding:24px;transition:transform .18s,box-shadow .18s,opacity .18s;animation:.52s both rise-in;position:relative;overflow:hidden}.feature-card:nth-child(2),.feature-highlighted{background:#fff2ab}.feature-card:after{content:"";background:#ffd93d73;border-radius:26px;width:92px;height:92px;transition:transform .2s;position:absolute;bottom:-34px;right:-34px;transform:rotate(15deg)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #191a171c}.feature-card:hover:after{transform:rotate(8deg)scale(1.08)}.feature-muted{opacity:.58}.feature-muted:hover{opacity:.82}.feature-icon{z-index:1;background:var(--ink);width:46px;height:46px;color:var(--lemon);border-radius:15px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex;position:relative;box-shadow:0 10px 18px #191a1724}.feature-tone-butter .feature-icon,.feature-tone-lime .feature-icon,.feature-tone-blue .feature-icon,.feature-tone-violet .feature-icon{background:var(--ink);color:var(--lemon)}.feature-icon .ui-icon{width:18px;height:18px}.feature-card h2,.feature-card p{z-index:1;position:relative}.feature-card h2{letter-spacing:-.035em;color:var(--ink);font-size:17px;font-weight:900;line-height:1.25}.feature-card p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.62}.landing-footer{border-top:1px solid var(--line);background:#ffffff6b}@supports not ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.landing-header{background:#fffffff0}}.footer-left{color:var(--muted);gap:10px;font-size:14px}.footer-logo{width:14px;height:14px}.footer-links{color:var(--muted);gap:28px;font-size:14px}.footer-links a{transition:color .16s}.footer-links a:hover{color:var(--ink)}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.landing-main{grid-template-columns:minmax(0,1fr);gap:34px}.hero-copy{text-align:center;max-width:760px;margin:0 auto}.hero-copy p,.hero-preview{margin-inline-start:auto;margin-inline-end:auto}.upload-slot{max-width:760px;margin-inline-start:auto;margin-inline-end:auto}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.landing-header,.landing-footer{flex-direction:column;gap:16px;min-height:auto;padding:20px}.landing-header{margin:10px 10px 0}.landing-main{padding:34px 16px 58px}.hero-copy{max-width:min(100%,34rem)}.hero-copy h1{letter-spacing:-.064em;font-size:max(43px,min(15vw,62px))}.hero-copy p{font-size:16px}.upload-slot:before{display:none}.upload-slot{margin-top:6px}.features-grid{grid-template-columns:minmax(0,1fr);margin-top:54px}.feature-card{border-radius:22px;padding:22px}.footer-links{gap:18px}}@media (max-width:640px){.landing-page{background-size:26px 26px,26px 26px,auto,auto}.landing-page:before{background:linear-gradient(120deg,#0000 0 58%,#191a1708 58% 58.3%,#0000 58.3%),radial-gradient(circle at 84% 18%,#ffd93d24,#0000 24%);position:absolute;top:0;bottom:0;left:0;right:0}.landing-header,.landing-footer{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.landing-main{padding:28px max(16px, env(safe-area-inset-left)) calc(54px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right));gap:28px}.brand{justify-content:center;width:100%;min-width:0}.brand-name{font-size:max(1.85rem,min(8vw,2.45rem))}.launch-pill{text-align:center;justify-content:center;width:100%;padding:11px 14px}.hero-copy:before{letter-spacing:.06em;margin-bottom:14px;font-size:11px}.hero-copy h1{text-wrap:initial;font-size:max(3.25rem,min(15vw,4.35rem));line-height:.92}.hero-copy p{margin-top:18px;font-size:15px;line-height:1.5}.hero-preview{border-radius:20px;margin-top:22px}.hero-preview img,.hero-preview iframe{height:max(200px,min(62vw,300px))}.hero-preview iframe{min-height:320px}.slot-meta,.slot-bottom-line{gap:8px;margin-top:16px}.meta-item{text-align:center;justify-content:center;width:100%}.feature-card{min-height:0;padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.upload-panel{border:1px solid var(--line);width:100%;box-shadow:var(--shadow-soft);background:#ffffffc7;border-radius:30px}.upload-panel-initial{padding:max(16px,min(2.4vw,28px))}.upload-hidden-input{display:none}.upload-dropzone{text-align:center;background:linear-gradient(135deg,#ffffffdb,#fff6caa8),linear-gradient(135deg,#0000 0 48%,#ffd93d52 48% 58%,#0000 58%);border:1.5px dashed #191a1738;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:max(330px,min(43vh,430px));transition:transform .19s,border-color .19s,background .19s,box-shadow .19s;display:flex;position:relative;overflow:hidden}.upload-dropzone:before{content:"";pointer-events:none;border:1px solid #191a170f;border-radius:18px;position:absolute;top:18px;bottom:18px;left:18px;right:18px}.upload-dropzone:hover,.upload-dropzone-active{border-color:var(--ink);background:linear-gradient(135deg,#ffffffeb,#ffef95b8),linear-gradient(135deg,#0000 0 48%,#ffd93d6b 48% 58%,#0000 58%);transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffffd1,0 16px 30px #ffd93d2e}.upload-dropzone-disabled{opacity:.7;pointer-events:none}.upload-drop-icon{z-index:1;background:var(--lemon);width:92px;height:92px;color:var(--ink);box-shadow:10px 10px 0 var(--ink), 0 14px 26px #191a171f;border-radius:26px;justify-content:center;align-items:center;margin-bottom:22px;transition:transform .19s,box-shadow .19s;display:inline-flex;position:relative;transform:rotate(-3deg)}.upload-dropzone:hover .upload-drop-icon,.upload-dropzone-active .upload-drop-icon{box-shadow:7px 7px 0 var(--ink), 0 16px 28px #191a1724;transform:rotate(0)translateY(-2px)}.upload-drop-icon img{object-fit:contain;width:46px;height:46px}.upload-dropzone h2,.upload-dropzone p,.upload-primary-button,.upload-error-message{z-index:1;position:relative}.upload-dropzone h2{letter-spacing:-.055em;color:var(--ink);font-size:max(25px,min(3vw,32px));font-weight:950;line-height:1.05}.upload-dropzone p{color:var(--muted);margin-top:10px;font-size:15px}.upload-primary-button{background:var(--ink);color:#fff;letter-spacing:-.02em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:172px;margin-top:24px;padding:15px 27px;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 13px 24px #191a172e}.upload-primary-button:hover{background:#080907;transform:translateY(-2px);box-shadow:0 17px 30px #191a173d}.upload-primary-button:active{transform:translateY(0)scale(.98)}.upload-primary-button .ui-icon{width:18px;height:18px;color:var(--lemon)}.upload-primary-button:disabled{opacity:.65}.upload-error-message{color:#9f3412;background:#ffedd5b3;border:1px solid #9f341224;border-radius:14px;max-width:460px;margin-top:14px;padding:10px 14px;font-size:14px;line-height:1.5}@media (max-width:820px){.upload-panel-initial{padding:14px}.upload-dropzone{min-height:330px;padding:24px}.upload-drop-icon{width:78px;height:78px;box-shadow:7px 7px 0 var(--ink), 0 12px 22px #191a171f;border-radius:22px}.upload-drop-icon img{width:39px;height:39px}}@media (max-width:640px){.upload-panel{border-radius:24px}.upload-panel-initial{padding:12px}.upload-dropzone{border-radius:20px;min-height:0;padding:28px 18px}.upload-dropzone:before{border-radius:14px;top:12px;bottom:12px;left:12px;right:12px}.upload-dropzone:hover,.upload-dropzone-active{transform:none;box-shadow:inset 0 0 0 1px #ffffffd1,0 12px 24px #ffd93d29}.upload-drop-icon{width:72px;height:72px;box-shadow:5px 5px 0 var(--ink), 0 12px 22px #191a171f;margin-bottom:18px}.upload-dropzone h2{font-size:max(2rem,min(10vw,2.3rem))}.upload-dropzone p{margin-top:8px;font-size:14px;line-height:1.45}.upload-primary-button{width:100%;min-width:0;margin-top:20px;padding:15px 20px}.upload-error-message{max-width:100%;font-size:13px;line-height:1.45}}.upload-panel-progress{padding:30px}.progress-header,.progress-title-wrap,.progress-file-top,.progress-file-bottom,.progress-footer,.progress-summary,.progress-step-badges,.progress-actions{align-items:center;display:flex}.progress-header,.progress-file-bottom,.progress-footer{justify-content:space-between}.progress-title-wrap{gap:10px}.progress-title-icon{color:var(--ink);display:inline-flex}.progress-title-icon .ui-icon{width:21px;height:21px}.progress-header h2{letter-spacing:-.04em;color:#202938;font-size:22px;font-weight:900}.progress-header p{letter-spacing:.12em;color:#7a8495;background:#fff7d0;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:850}.progress-file-list{flex-direction:column;gap:18px;margin-top:24px;display:flex}.progress-file-card{border:1px solid var(--line);background:#ffffffb8;border-radius:28px;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 36px #17203312}.progress-file-card:after{content:"";background:radial-gradient(circle,#ffd93d3d,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:auto;bottom:-90px;left:auto;right:-40px}.progress-file-top{z-index:1;gap:16px;position:relative}.progress-file-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex;box-shadow:inset 0 1px #fffc,0 12px 24px #17203314}.progress-file-icon-butter{background:var(--lemon);color:var(--ink)}.progress-file-icon-lime{background:var(--ink);color:var(--lemon)}.progress-file-icon .ui-icon{width:23px;height:23px}.progress-file-copy{flex:1;min-width:0}.progress-file-copy h3{color:#202938;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.025em;font-size:17px;line-height:1.35;overflow:hidden}.progress-file-copy p{color:#667085;margin-top:5px;font-size:15px}.progress-remove-button{color:#a7b0be;background:#fff7d0;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .16s,color .16s,background .16s;display:inline-flex}.progress-remove-button:hover{color:#d92d20;background:#fff1f0;transform:rotate(8deg)scale(1.05)}.progress-remove-button .ui-icon{width:20px;height:20px}.progress-track{z-index:1;background:#191a1717;border-radius:999px;width:100%;height:13px;margin-top:24px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#191a17 0%,#ffd93d 100%);border-radius:999px;height:100%;transition:width .26s;box-shadow:0 0 18px #ffc9287a}.progress-file-bottom{z-index:1;color:#596477;margin-top:12px;font-size:14px;font-weight:750;position:relative}.progress-divider{background:var(--line);width:100%;height:1px;margin:38px 0 22px}.progress-summary{gap:16px}.progress-step-badges{gap:7px}.progress-step{color:#98a2b3;background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:inline-flex}.progress-step-active{background:var(--lemon);color:#202938;box-shadow:0 8px 20px #ffc9284d}.progress-step-done{background:var(--ink);color:var(--lemon)}.progress-summary p{color:#475467;font-size:15px;font-weight:650}.progress-actions{gap:14px}.progress-ghost-button,.progress-dark-button{border-radius:999px;padding:14px 22px;font-weight:850;transition:transform .16s,box-shadow .16s,background .16s}.progress-ghost-button{border:1px solid var(--line);color:#667085;background:#ffffffb8;min-width:124px}.progress-dark-button{background:var(--ink);color:#fff;border:0;justify-content:center;align-items:center;gap:10px;min-width:152px;display:inline-flex;box-shadow:0 16px 30px #17203329}.progress-ghost-button:hover,.progress-dark-button:hover{transform:translateY(-2px)}.progress-dark-button:hover{background:#0e1524;box-shadow:0 20px 34px #17203338}.progress-dark-button .ui-icon{width:16px;height:16px}@media (max-width:820px){.upload-panel-progress{padding:20px}.progress-header,.progress-footer,.progress-file-top,.progress-file-bottom,.progress-actions{flex-direction:column;align-items:flex-start}.progress-header{gap:12px}.progress-remove-button{align-self:flex-end}.progress-actions,.progress-ghost-button,.progress-dark-button{width:100%}.progress-ghost-button,.progress-dark-button{justify-content:center}}@media (max-width:640px){.upload-panel-progress{padding:16px}.progress-file-card{border-radius:22px;padding:18px}.progress-file-top{gap:14px}.progress-file-copy h3{white-space:normal;overflow-wrap:anywhere}.progress-file-copy p,.progress-file-bottom,.progress-summary p{font-size:13px;line-height:1.45}.progress-track{margin-top:18px}.progress-divider{margin:26px 0 18px}.progress-summary{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.progress-ghost-button,.progress-dark-button{min-width:0}}.upload-panel-complete{flex-direction:column;align-items:center;max-width:690px;margin:0 auto;padding:54px 42px 40px;display:flex}.complete-check{background:var(--ink);width:58px;height:58px;color:var(--lemon);box-shadow:8px 8px 0 var(--lemon), 0 16px 30px #191a1729;border-radius:22px;justify-content:center;align-items:center;animation:.52s both complete-pop;display:inline-flex}.complete-check .ui-icon{width:27px;height:27px}.complete-title{letter-spacing:-.055em;color:#202938;text-align:center;margin-top:34px;font-size:max(24px,min(4vw,30px));font-weight:950;line-height:1.12}.complete-subtitle{color:#667085;text-align:center;max-width:470px;margin-top:12px;font-size:15px;line-height:1.55}.complete-share-form{width:100%;margin-top:30px}.complete-name-field{color:#344054;flex-direction:column;gap:10px;font-size:13px;font-weight:850;display:flex}.complete-name-field span{letter-spacing:.04em;text-transform:uppercase}.complete-name-field input{color:#202938;width:100%;font:inherit;letter-spacing:-.015em;background:#ffffffd1;border:1px solid #1720331f;border-radius:20px;outline:none;padding:18px 20px;font-size:16px;font-weight:750;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffffdb}.complete-name-input-wrap{align-items:center;gap:12px;display:flex}.complete-name-input-wrap input{flex:1}.complete-name-extension{color:#344054;letter-spacing:-.01em;background:#ffd93d47;border-radius:16px;flex-shrink:0;padding:12px 16px;font-size:14px;font-weight:850}.complete-name-field input:focus{background:#fff;border-color:#191a1761;box-shadow:0 0 0 4px #ffd93d47}.complete-name-field input:disabled{color:#667085;background:#ffffff8f}.complete-help-text,.complete-error-message{margin-top:10px;font-size:13px;line-height:1.45}.complete-help-text{color:#7a8495}.complete-error-message{color:#b42318;font-weight:750}.complete-link-field{color:#4c5568;background:#ffffffb8;border:1px solid #1720331a;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:18px;padding:18px 20px;font-size:16px;display:flex;box-shadow:inset 0 1px #ffffffd6}.complete-link-field span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.complete-link-icon{color:#8d98aa;flex-shrink:0}.complete-link-icon .ui-icon{width:20px;height:20px}.complete-copy-button{background:var(--lemon);width:100%;color:var(--ink);border:0;border-radius:20px;justify-content:center;align-items:center;gap:12px;margin-top:14px;padding:20px 24px;font-size:17px;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 16px 30px #ffc92838}.complete-copy-button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.complete-copy-button:hover{transform:translateY(-2px);box-shadow:0 22px 38px #ffc92847}.complete-copy-button:disabled:hover{box-shadow:none;transform:none}.complete-copy-button:active{transform:translateY(0)scale(.99)}.complete-copy-button .ui-icon{width:20px;height:20px}.complete-divider{background:#17203314;width:100%;height:1px;margin:30px 0 16px}.complete-stats{border:1px solid var(--line);background:#ffffff94;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.complete-stat{text-align:center;padding:18px 12px}.complete-stat+.complete-stat{border-left:1px solid var(--line)}.complete-stat p{letter-spacing:.09em;color:#98a2b3;font-size:11px;font-weight:850}.complete-stat h3{color:#202938;text-overflow:ellipsis;margin-top:8px;font-size:15px;overflow:hidden}.complete-toast{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:10px;margin-top:24px;padding:14px 24px;font-size:15px;font-weight:750;animation:.24s both toast-in;display:inline-flex;box-shadow:0 18px 34px #1720332e}.complete-toast .ui-icon{width:18px;height:18px;color:var(--lemon)}.complete-secondary-button{border:1px solid var(--line);color:#5d6679;background:#ffffffa8;border-radius:999px;align-items:center;gap:10px;margin-top:42px;padding:14px 22px;font-weight:750;transition:transform .16s,color .16s,background .16s;display:inline-flex}.complete-secondary-button:hover{color:#172033;background:#ffffffe0;transform:translateY(-2px)}.complete-secondary-button .ui-icon{width:16px;height:16px}@keyframes complete-pop{0%{opacity:0;transform:scale(.8)rotate(-8deg)}70%{transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:820px){.upload-panel-complete{padding:30px 20px}.complete-stats{grid-template-columns:minmax(0,1fr)}.complete-stat+.complete-stat{border-top:1px solid #17203314;border-left:0}.complete-link-field,.complete-name-field input{font-size:14px}.complete-name-input-wrap{align-items:stretch}}@media (max-width:640px){.upload-panel-complete{border-radius:24px;max-width:100%;padding:24px 16px}.complete-check{width:52px;height:52px;box-shadow:5px 5px 0 var(--lemon), 0 14px 24px #191a1724;border-radius:18px}.complete-title{margin-top:24px;font-size:max(1.9rem,min(9vw,2.3rem))}.complete-subtitle{font-size:14px}.complete-share-form{margin-top:22px}.complete-name-field input{border-radius:16px;padding:15px 16px}.complete-name-input-wrap{flex-direction:column;gap:10px}.complete-name-extension{text-align:center;width:100%}.complete-link-field{border-radius:16px;gap:12px;margin-top:22px;padding:15px 16px;font-size:13px}.complete-link-field span{overflow-wrap:anywhere;white-space:normal}.complete-copy-button{padding:17px 18px;font-size:15px}.complete-stat h3{overflow-wrap:anywhere}.complete-toast{text-align:center;border-radius:18px;justify-content:center;width:100%;padding:12px 16px;font-size:14px}.complete-secondary-button{justify-content:center;width:100%;margin-top:30px}}.share-page{min-height:100vh;isolation:isolate;background:linear-gradient(#191a1709 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#191a1709 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 18% 10%,#ffd93d5c,#0000 30%),linear-gradient(#fffdf4 0%,#fff7d7 100%);min-height:100dvh;overflow-x:hidden}.share-shell{z-index:1;min-height:100vh;width:min(100%,1360px);min-height:100dvh;margin:0 auto;position:relative}.share-shell:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(120deg,#0000 0 54%,#191a170b 54% 54.3%,#0000 54.3%),radial-gradient(circle at 84% 18%,#ffd93d2e,#0000 24%);position:fixed;top:0;bottom:0;left:0;right:0}.share-header,.share-footer{justify-content:space-between;align-items:center;min-height:76px;padding:0 max(18px,min(4vw,50px));display:flex}.share-header{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#ffffffbd;border-radius:24px;margin:12px max(10px,min(3vw,24px)) 0;box-shadow:0 10px 28px #191a1712}.share-main{padding:max(42px,min(6vw,78px)) 24px 92px}.share-hero{text-align:center;max-width:760px;margin:0 auto;animation:.52s both rise-in}.share-badge{border:1px solid var(--line);color:#4b4b42;background:#fff7d0;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;font-weight:800;display:inline-flex}.share-badge .ui-icon{width:16px;height:16px;color:var(--ink)}.share-hero h1{letter-spacing:-.072em;color:var(--ink);text-wrap:balance;margin-top:22px;font-size:max(46px,min(7vw,82px));font-weight:950;line-height:.9}.share-hero p{max-width:660px;color:var(--muted);text-wrap:pretty;margin:22px auto 0;font-size:max(16px,min(1.7vw,19px));line-height:1.58}.share-card{border:1px solid var(--line);width:100%;max-width:760px;box-shadow:14px 14px 0 var(--ink), var(--shadow-soft);background:#fffffff0;border-radius:30px;margin:42px auto 0;padding:38px;animation:.56s 80ms both rise-in;position:relative}.share-card:before{display:none}.share-loading-state,.share-file-top{align-items:center;display:flex}.share-loading-state{color:#667085;flex-direction:column;justify-content:center;gap:18px;min-height:210px}.share-spinner{border:4px solid #191a171f;border-top-color:var(--ink);border-radius:999px;width:42px;height:42px;animation:.85s linear infinite share-spin}.share-error-message{color:#9f3412;background:#ffedd5b8;border:1px solid #9f341224;border-radius:18px;padding:18px 20px;font-size:15px;line-height:1.6}.share-file-top{gap:18px}.share-file-check{background:var(--ink);width:58px;height:58px;color:var(--lemon);box-shadow:7px 7px 0 var(--lemon), 0 14px 26px #191a1724;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.share-file-check .ui-icon{width:27px;height:27px}.share-file-copy{min-width:0}.share-file-copy h2{letter-spacing:-.055em;color:var(--ink);overflow-wrap:anywhere;font-size:max(25px,min(4vw,34px));line-height:1.08}.share-file-copy p{color:var(--muted);margin-top:9px;font-size:16px}.share-preview{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffd1,#fff7d09e),#fff;border-radius:22px;margin-top:30px;overflow:hidden;box-shadow:inset 0 1px #ffffffd6,0 14px 28px #17203312}.share-preview img,.share-preview iframe{width:100%;height:max(220px,min(38vw,360px));display:block}.share-preview img{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#191a1709 25%,#0000 25% 75%,#191a1709 75%),linear-gradient(45deg,#191a1709 25%,#0000 25% 75%,#191a1709 75%);background-position:0 0,10px 10px;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.share-preview iframe{background:#fff;border:0;min-height:460px}.share-preview figcaption{border-top:1px solid var(--line);color:#667085;letter-spacing:.08em;text-align:center;text-transform:uppercase;padding:12px 16px;font-size:12px;font-weight:850}.share-preview-unavailable{color:var(--muted);text-align:center;background:#fff7d0b8;border:1px solid #191a171a;border-radius:20px;margin-top:30px;padding:18px 20px}.share-preview-unavailable p{color:var(--ink);font-size:15px;font-weight:900}.share-preview-unavailable span{margin-top:5px;font-size:14px;line-height:1.45;display:block}.share-stats{border:1px solid var(--line);background:#ffffff94;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;display:grid;overflow:hidden}.share-stat{text-align:center;padding:20px 14px}.share-stat+.share-stat{border-left:1px solid var(--line)}.share-stat p{letter-spacing:.09em;color:#8c8d84;font-size:11px;font-weight:850}.share-stat h3{color:var(--ink);text-overflow:ellipsis;margin-top:8px;font-size:15px;overflow:hidden}.share-download-button{background:var(--lemon);width:100%;color:var(--ink);border-radius:18px;justify-content:center;align-items:center;gap:12px;margin-top:26px;padding:19px 24px;font-size:17px;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 14px 26px #ffd93d38}.share-download-button:hover{transform:translateY(-2px);box-shadow:0 18px 32px #ffd93d4d}.share-download-button .ui-icon{width:20px;height:20px}.share-footer{border-top:1px solid var(--line);background:#ffffff6b}@supports not ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.share-header{background:#fffffff0}}@keyframes share-spin{to{transform:rotate(360deg)}}@media (max-width:820px){.share-header,.share-footer{flex-direction:column;gap:16px;min-height:auto;padding:20px}.share-header{margin:10px 10px 0}.share-main{padding:42px 16px 64px}.share-card{box-shadow:var(--shadow-soft);padding:28px 20px}.share-card:before{display:none}.share-file-top{flex-direction:column;align-items:flex-start}.share-stats{grid-template-columns:minmax(0,1fr)}.share-stat+.share-stat{border-left:0;border-top:1px solid var(--line)}}@media (max-width:640px){.share-page{background-size:26px 26px,26px 26px,auto,auto}.share-shell:before{background:linear-gradient(120deg,#0000 0 58%,#191a1708 58% 58.3%,#0000 58.3%),radial-gradient(circle at 84% 18%,#ffd93d24,#0000 24%);position:absolute;top:0;bottom:0;left:0;right:0}.share-header,.share-footer{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.share-main{padding:32px max(16px, env(safe-area-inset-left)) calc(52px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right))}.share-badge{text-align:center}.share-hero h1{text-wrap:initial;font-size:max(3rem,min(14vw,4.2rem));line-height:.92}.share-hero p{margin-top:18px;font-size:15px;line-height:1.5}.share-card{border-radius:24px;margin-top:30px;padding:22px 16px}.share-preview{border-radius:20px;margin-top:24px}.share-preview img,.share-preview iframe{height:max(180px,min(64vw,280px))}.share-preview iframe{min-height:360px}.share-file-check{width:52px;height:52px;box-shadow:5px 5px 0 var(--lemon), 0 12px 24px #191a1724;border-radius:18px}.share-file-copy p,.share-error-message,.share-stat h3{overflow-wrap:anywhere}.share-download-button{padding:17px 18px;font-size:15px}}
