:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#16171a;--page:#f6f6f7;--surface:#ffffffeb;--surface-solid:#fff;--surface-soft:#fafafa;--line:#1d1d1f14;--line-strong:#1d1d1f24;--text:#17181c;--muted:#747984;--soft-muted:#9aa0aa;--accent:#1d1d1f;--blue:#0071e3;--blue-hover:#0077ed;--radius:8px;--shadow:0 20px 60px #0000000e;--shadow-soft:0 10px 30px #0000000a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #fff 0%, var(--page) 36%, #f1f1f3 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{background:linear-gradient(180deg, #ffffffe6 0, #fff0 260px), var(--page);min-height:100vh}.apple-nav-shell{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);background:#fbfbfcbd;position:sticky;top:0}.top-nav{justify-content:center;align-items:center;gap:clamp(18px,2.8vw,38px);width:min(1024px,100% - 32px);min-height:44px;margin:0 auto;padding:0;display:flex}.brand,.nav-links button,.mobile-menu,.nav-tools button,.mega-menu button{color:#17181c;background:0 0;border:0}.brand{letter-spacing:0;place-items:center;width:28px;min-width:max-content;height:44px;padding:0;font-size:14px;font-weight:700;display:grid}.brand-mark{color:#1d1d1f;width:16px;height:18px;box-shadow:none;background:0 0;border-radius:5px;place-items:center;font-size:18px;line-height:1;display:grid}.nav-links{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:clamp(18px,2.8vw,38px);padding:0;display:flex}.nav-links button{color:#16171ab8;white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:0;font-size:12px;font-weight:400;transition:color .15s,opacity .15s;display:inline-flex}.nav-links button.active{color:#000;box-shadow:none;background:0 0;font-weight:500}.mobile-menu{background:0 0;border-radius:0;place-items:center;width:34px;height:44px;padding:0;display:none;position:relative}.mobile-menu span{transform-origin:50%;background:currentColor;border-radius:999px;width:16px;height:1.5px;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .18s,top .26s cubic-bezier(.22,1,.36,1);display:block;position:absolute;left:9px}.mobile-menu span:first-child{top:16px}.mobile-menu span:nth-child(2){top:21px}.mobile-menu span:nth-child(3){top:26px}.mobile-menu.open span:first-child{top:21px;transform:rotate(45deg)}.mobile-menu.open span:nth-child(2){opacity:0;transform:scaleX(.35)}.mobile-menu.open span:nth-child(3){top:21px;transform:rotate(-45deg)}.nav-tools{align-items:center;gap:clamp(18px,2.8vw,30px);min-height:44px;display:flex}.nav-tools button{color:#16171ab8;place-items:center;width:18px;height:44px;padding:0;display:grid}.brand:hover,.nav-links button:hover,.nav-tools button:hover{color:#000}.mega-menu{border-bottom:1px solid var(--line);background:#fbfbfcfa;animation:.16s both menuIn;position:absolute;top:44px;left:0;right:0;box-shadow:0 30px 70px #12161e13}.mega-inner{grid-template-columns:minmax(260px,1.1fr) repeat(2,minmax(150px,.65fr));gap:clamp(50px,8vw,112px);width:min(924px,100% - 48px);min-height:300px;margin:0 auto;padding:48px 0 42px;display:grid}.mega-primary,.mega-column{flex-direction:column;align-items:flex-start;display:flex}.mega-primary span,.mega-column span{color:#6e6e73;margin-bottom:14px;font-size:12px;line-height:1.25}.mega-primary button,.mega-column button{color:#1d1d1f;text-align:left;letter-spacing:0;padding:0}.mega-primary button{margin-bottom:10px;font-size:24px;font-weight:700;line-height:1.18}.mega-column button{margin-bottom:12px;font-size:13px;font-weight:650;line-height:1.25}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.workspace{width:100%;margin:0;padding:28px 24px 80px}.tool-panel{background:0 0}.tool-content{width:min(1180px,100%);margin:0 auto;padding:0}.home-page{gap:12px;width:min(1180px,100%);margin:0 auto;display:grid}.home-hero{border:1px solid var(--line);border-radius:var(--radius);min-height:min(650px,100vh - 104px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 22% 16%,#fffffff2,#0000 32%),linear-gradient(145deg,#fff 0%,#f6f7f8 100%);grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(40px,6.4vw,82px);display:grid;overflow:hidden}.home-copy span{color:var(--muted);margin-bottom:14px;font-size:14px;font-weight:650;display:block}.home-copy h1{max-width:720px;color:var(--text);margin:0 0 20px;font-size:clamp(42px,6.6vw,76px);font-weight:780;line-height:1.05}.home-copy p{max-width:560px;color:var(--muted);margin:0;font-size:clamp(17px,1.8vw,21px);line-height:1.58}.home-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.home-visual{place-items:center;display:grid}.home-visual img{border-radius:var(--radius);width:min(100%,660px);box-shadow:0 34px 90px #0000001f}.home-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.home-feature{border:1px solid var(--line);border-radius:var(--radius);min-height:132px;color:var(--text);text-align:left;box-shadow:var(--shadow-soft);background:#ffffffd6;gap:8px;padding:24px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.home-feature:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.home-feature strong{font-size:19px;font-weight:760}.home-feature span{color:var(--muted);line-height:1.55}.tool-icon,.dropzone-symbol,.result-icon,.status-orb{border-radius:var(--radius);color:#20232a;background:#f3f4f6;flex:none;place-items:center;display:grid}.tool-icon{border-radius:var(--radius);width:52px;height:52px;box-shadow:none;background:#f5f6f8;margin:0}.eyebrow{color:#686d78;text-transform:uppercase;grid-area:1/2;align-self:start;margin-bottom:0;font-size:12px;font-weight:700;display:block}h1,h3,p{margin-top:0}h1{color:#111318;letter-spacing:0;grid-area:1/2;align-self:end;margin-bottom:0;font-size:clamp(22px,2vw,30px);line-height:1.2}h1 small{color:#777c86;vertical-align:middle;font-size:.42em;font-weight:650;display:inline-block}.two-column{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:0;display:grid;overflow:hidden}.two-column:has(>:only-child){grid-template-columns:1fr}.two-column>*{padding:32px}.two-column>*+*{border-left:1px solid var(--line)}.dropzone{border-radius:var(--radius);min-height:176px;box-shadow:none;background:linear-gradient(#fffffffa,#fafafbe6);border:1px solid #1d1d1f17;grid-template-columns:88px 1fr auto;align-items:center;gap:20px;padding:26px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.dropzone:hover,.dropzone.has-file{border-color:var(--line-strong);box-shadow:0 14px 34px #00000009}.dropzone input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dropzone-symbol{border-radius:var(--radius);color:#1d1d1f;background:#f5f5f7;width:88px;height:88px}.dropzone-preview{border-radius:var(--radius);object-fit:cover;width:88px;height:88px;box-shadow:none}.dropzone h3{letter-spacing:0;margin-bottom:6px;font-size:18px}.dropzone p,.info-panel p,.preview-panel p,.status-panel p{color:var(--muted);margin-bottom:0;line-height:1.6}.crop-editor{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffdb;margin-top:18px;overflow:hidden}.crop-editor-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.crop-editor-head strong{color:var(--text);font-size:15px;display:block}.crop-editor-head span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.crop-editor-head label{gap:6px;min-width:118px;display:grid}.crop-editor-head label span{margin:0;font-size:12px;font-weight:730}.crop-editor-head select{border-radius:999px;min-height:38px}.crop-frame{background-color:#f6f7f9;background-image:linear-gradient(45deg,#1113180a 25%,#0000 25%),linear-gradient(-45deg,#1113180a 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:relative;overflow:hidden}.crop-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-height:520px;display:block}.crop-box{cursor:move;touch-action:none;border:2px solid #fffffff5;border-radius:6px;position:absolute;box-shadow:0 0 0 9999px #1113186b,0 12px 30px #11131833}.crop-box span{pointer-events:none;background:linear-gradient(90deg,#ffffff7a 1px,#0000 1px) 33.333% 0/33.333% 100%,linear-gradient(#ffffff7a 1px,#0000 1px) 0 33.333%/100% 33.333%;position:absolute;inset:0}.crop-box button{background:var(--blue);cursor:nwse-resize;touch-action:none;border:2px solid #fff;border-radius:999px;width:18px;height:18px;position:absolute;bottom:-9px;right:-9px;box-shadow:0 8px 18px #0071e34d}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:680;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{color:#fff;background:var(--blue);box-shadow:0 14px 32px #0071e338}.button.primary:hover:not(:disabled){background:var(--blue-hover);box-shadow:0 18px 38px #0071e33d}.button.secondary,.button.ghost{color:#1d1d1f;border-color:var(--line);background:#ffffffdb;box-shadow:0 6px 18px #14182009}.button.secondary:hover:not(:disabled),.button.ghost:hover:not(:disabled){border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.button.ghost{width:42px;padding:0}.action-bar{align-items:center;gap:14px;margin-top:18px;display:flex}.hosting-actions{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:14px;margin-top:18px;display:grid}.hosting-actions .button{min-width:128px;min-height:48px}.compact-status{min-height:20px;margin-top:10px}.status-text{color:#6e6e73;font-size:14px;font-weight:560}.info-panel,.status-panel,.preview-panel,.url-box{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.preview-panel{grid-template-rows:minmax(240px,1fr) auto;min-height:100%;display:grid}.download-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;overflow:hidden}.download-intro{border-bottom:1px solid var(--line);padding:34px}.download-intro h2{color:#111318;letter-spacing:0;margin:0 0 8px;font-size:24px}.download-intro p{color:var(--muted);margin:0;line-height:1.6}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.download-card{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:124px;padding:28px 34px;transition:background .16s;display:grid}.download-card:hover{background:#ffffff85}.download-card:nth-child(odd){border-right:1px solid var(--line)}.download-card h3{margin-bottom:6px;font-size:21px;font-weight:760}.download-card p{color:var(--muted);margin:0;line-height:1.5}.text-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;overflow:hidden}.text-columns{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;display:grid}.text-area-field{gap:10px;padding:32px;display:grid}.text-area-field+.text-area-field{border-left:1px solid var(--line)}.text-area-field span{color:var(--muted);font-size:13px;font-weight:730}.text-area-field textarea{resize:vertical;width:100%;min-height:260px;color:var(--text);padding:16px;line-height:1.65}.text-controls{grid-template-columns:minmax(240px,1.4fr) repeat(2,minmax(180px,1fr)) auto;align-items:end;gap:14px;padding:24px 32px 32px;display:grid}.delete-field{align-self:stretch}.info-panel h3,.preview-panel h3,.status-panel h3{letter-spacing:0;margin:14px 0 10px;font-size:20px}.info-panel p+p{margin-top:13px}.results{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;margin-top:12px;overflow:hidden}.section-heading{border-bottom:1px solid var(--line);color:#1d1d1f;justify-content:space-between;align-items:center;min-height:66px;margin-bottom:0;padding:0 22px;font-weight:720;display:flex}.section-heading small{color:var(--muted);font-weight:650}.result-head{border-bottom:1px solid var(--line);color:#6e6e73;grid-template-columns:80px minmax(220px,1.2fr) minmax(160px,.9fr) 120px;align-items:center;min-height:52px;padding:0 22px;font-size:14px;font-weight:650;display:grid}.result-row{border-bottom:1px solid var(--line);background:#ffffff59;grid-template-columns:80px minmax(220px,1.2fr) minmax(160px,.9fr) 120px;align-items:center;gap:0;min-height:72px;padding:0 22px;transition:background .14s;display:grid}.result-row:hover{background:#ffffffb8}.result-row+.result-row{margin-top:0}.result-index{color:var(--muted);font-size:14px;font-weight:700}.result-copy{min-width:0}.result-copy strong,.result-copy a,.result-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.result-copy a{color:var(--blue);margin-top:2px;font-size:14px;text-decoration:none}.result-row>small{color:var(--muted);font-size:13px}.result-empty{min-height:76px;color:var(--soft-muted);place-items:center;font-size:14px;display:grid}.result-copy small{color:var(--muted);margin-top:4px}.controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.controls-grid.single-control{grid-template-columns:minmax(220px,360px)}.field{color:#242830;gap:8px;font-weight:730;display:grid}.field span{text-transform:none;color:var(--muted);font-size:13px}select,.field input,.field textarea,.text-area-field textarea,.url-input{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;min-height:50px;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffffbf}select{color:var(--text);padding:0 14px}.field input{padding:0 14px}.field textarea{resize:vertical;min-height:92px;color:var(--text);padding:12px 14px;line-height:1.55}select:focus,.field input:focus,.field textarea:focus,.text-area-field textarea:focus,.url-input:focus-within{background:#fff;border-color:#0071e373;outline:0;box-shadow:0 0 0 4px #0071e31a}input[type=range]{accent-color:var(--blue)}.preview-device{aspect-ratio:auto;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(circle at 28% 18%,#fffffff5,#0000 34%),linear-gradient(145deg,#fbfbfc,#eff1f4);place-items:center;width:100%;min-height:300px;display:grid;overflow:hidden}.preview-device img{object-fit:cover;width:100%;height:100%}.empty-preview{color:var(--soft-muted);place-items:center;gap:12px;font-weight:650;display:grid}.preview-meta{justify-content:space-between;align-items:center;gap:18px;padding:18px 2px 0;display:flex}.preview-meta h3{margin:0 0 5px;font-size:17px}.preview-meta p{color:var(--muted);margin:0;line-height:1.5}.download-link{color:var(--blue);align-items:center;gap:8px;margin-top:16px;font-weight:650;text-decoration:none;display:inline-flex}.video-shell{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:0;display:grid;overflow:hidden}.video-shell:has(>:only-child){grid-template-columns:1fr}.video-shell>*{padding:32px}.video-shell>*+*{border-left:1px solid var(--line)}.url-input{align-items:center;gap:10px;padding:0 14px;display:flex}.url-input input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.platform-row{color:#555b66;align-items:center;gap:8px;margin:18px 0;font-weight:700;display:flex}.consent{color:var(--muted);align-items:flex-start;gap:10px;margin-bottom:18px;line-height:1.5;display:flex}.consent input{accent-color:var(--blue);margin-top:4px}.status-orb{color:#2e6b43;background:#eef6ef;width:62px;height:62px}.notice{border-radius:var(--radius);gap:4px;margin-top:20px;padding:14px;font-size:14px;display:grid}.notice.warning{color:#73551c;background:#fff8e8;border:1px solid #bc88282e}.notice.success{color:#24583a;background:#edf8f1;border:1px solid #2a7d4b29}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes mobileShadeIn{0%{clip-path:inset(0 0 100%);opacity:.98}to{clip-path:inset(0);opacity:1}}@keyframes mobilePanelIn{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes mobileItemIn{to{opacity:1;transform:translateY(0)}}@media (width<=860px){.apple-nav-shell:has(.nav-links.open){z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbfbfd;border-bottom:0;padding:0;animation:.42s cubic-bezier(.22,1,.36,1) both mobileShadeIn;position:fixed;inset:0;overflow-y:auto}.top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0;width:100%;min-height:44px;padding:0 16px}.apple-nav-shell:has(.nav-links.open) .top-nav{width:100%;min-height:100vh;box-shadow:none;background:#fbfbfd;border-radius:0;align-content:start;margin:0;padding:0 16px 42px;animation:.42s cubic-bezier(.22,1,.36,1) both mobilePanelIn}:is(.apple-nav-shell:has(.nav-links.open) .brand,.apple-nav-shell:has(.nav-links.open) .nav-tools){display:none}.mobile-menu{order:3;display:grid}.apple-nav-shell:has(.nav-links.open) .mobile-menu{color:#1d1d1f;width:34px;margin-left:auto}.nav-links{border-radius:0;flex-direction:column;order:5;align-items:stretch;gap:0;width:100%;min-height:auto;padding:12px 0 32px;display:none}.nav-links.open{display:flex}.apple-nav-shell:has(.nav-links.open) .nav-links{padding:24px 36px 0}.nav-links button{border-top:1px solid var(--line);justify-content:flex-start;min-height:56px;padding:0 6px;font-size:17px;font-weight:600}.apple-nav-shell:has(.nav-links.open) .nav-links button{color:#1d1d1f;opacity:0;border-top:0;min-height:47px;padding:0;font-size:27px;font-weight:700;line-height:1.15;animation:.46s cubic-bezier(.22,1,.36,1) forwards mobileItemIn;transform:translateY(-8px)}.apple-nav-shell:has(.nav-links.open) .nav-links button:first-child{animation-delay:60ms}.apple-nav-shell:has(.nav-links.open) .nav-links button:nth-child(2){animation-delay:90ms}.apple-nav-shell:has(.nav-links.open) .nav-links button:nth-child(3){animation-delay:.12s}.apple-nav-shell:has(.nav-links.open) .nav-links button:nth-child(4){animation-delay:.15s}.apple-nav-shell:has(.nav-links.open) .nav-links button:nth-child(5){animation-delay:.18s}.apple-nav-shell:has(.nav-links.open) .nav-links button:nth-child(6){animation-delay:.21s}.apple-nav-shell:has(.nav-links.open) .nav-links button:nth-child(7){animation-delay:.24s}.apple-nav-shell:has(.nav-links.open) .nav-links button:nth-child(8){animation-delay:.27s}.nav-tools{order:2;gap:18px;margin-left:auto;margin-right:12px}.mega-menu{display:none}.two-column,.video-shell{grid-template-columns:1fr}.two-column>*+*,.video-shell>*+*{border-left:0;border-top:1px solid var(--line)}.tool-icon{margin:0 auto 6px}.dropzone{text-align:center;grid-template-columns:1fr;justify-items:center}.dropzone .button{grid-column:1/-1;width:100%}.dropzone-symbol,.dropzone-preview{width:72px;height:72px}.download-grid,.download-card,.home-hero,.text-columns,.text-controls{grid-template-columns:1fr}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-card:nth-child(odd){border-right:0}.text-area-field+.text-area-field{border-left:0;border-top:1px solid var(--line)}}@media (width<=560px){.top-nav{width:100%}.workspace{padding:20px 16px 64px}.tool-content{width:100%}.home-hero{min-height:auto;padding:34px 24px}.home-copy h1{font-size:38px}.home-feature-grid{grid-template-columns:1fr}h1{font-size:34px}h1 small{margin-top:8px;font-size:17px;display:block}.controls-grid{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.hosting-actions{grid-template-columns:1fr}.hosting-actions .button{width:100%}.result-row,.result-head{grid-template-columns:36px minmax(0,1fr)}.result-head span:nth-child(3),.result-head span:nth-child(4),.result-row>small{display:none}.result-row .button{grid-column:1/-1;width:100%}}