@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--canvas:#090b0f;--surface:#0c0f15b8;--surface-soft:#ffffff14;--ink:#f8fbff;--ink-soft:#eef4fad1;--muted:#d2dbe4a8;--faint:#d2dbe46b;--line:#ffffff24;--line-strong:#ffffff3d;--accent:#d8b56d;--accent-2:#8ec5ff;--accent-soft:#d8b56d2e;--danger:#ffb9b9;--glass-edge:#ffffff38;--glass-fill:#ffffff14;--glass-fill-strong:#ffffff24;--glass-tint:#ffffff1f;--glass-shine:inset 1px 1px 0 #ffffff38, inset -1px -1px 0 #ffffff0f;--glass-shadow:0 24px 90px -54px #000000b8, 0 1px 0 #ffffff14;--glass-inner:var(--glass-shine);--shadow:0 28px 90px -56px #000000b8;--font-sans:var(--font-geist-sans), "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-mono:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;--font-display:var(--font-cjk-serif), var(--font-editorial), "Songti SC", "STSong", "Noto Serif CJK SC", "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font-sans);letter-spacing:0;text-rendering:optimizelegibility;background:radial-gradient(circle at 12% 0,#d8b56d1a,#0000 26rem),linear-gradient(#11151b 0%,#080a0e 58%,#07080b 100%);margin:0;overflow-x:hidden}.ambient-video{z-index:0;object-fit:cover;pointer-events:none;filter:saturate(.96)contrast(1.02)brightness(.86);width:100%;height:100%;position:fixed;inset:0}.site-shell--video:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#05070b57 0%,#05070b14 48%,#05070b4d 100%),linear-gradient(#05070b0a 0%,#05070b3d 78%,#05070b94 100%);position:fixed;inset:0}body:before,body:after{content:none}a{color:inherit;text-decoration:none}button,select{font:inherit}.icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:1.15rem;height:1.15rem}.site-shell{z-index:2;min-height:100dvh;padding:0 clamp(1rem,2.6vw,2rem) 2.5rem;position:relative}.content-frame,.site-header{width:min(100%,1240px);margin:0 auto}.site-header{z-index:10;border:1px solid var(--glass-edge);min-height:4.15rem;box-shadow:var(--glass-shine), var(--glass-shadow);-webkit-backdrop-filter:blur(14px)saturate(1.18);backdrop-filter:blur(14px)saturate(1.18);background:linear-gradient(#ffffff1f,#ffffff0b),#070a0f85;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;margin-top:.9rem;padding:0 .72rem 0 .78rem;display:grid;position:sticky;top:.75rem}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:.68rem;font-size:1rem;font-weight:760;display:inline-flex}.brand-mark{width:2.32rem;height:2.32rem;color:var(--ink);box-shadow:var(--glass-shine), 0 10px 22px -18px #11121073;background:#ffffff14;border:1px solid #ffffff3d;border-radius:999px;place-items:center;display:grid}.brand-mark .icon{stroke-width:1.9px;width:1.72rem;height:1.72rem}.site-header nav,.site-footer nav{color:var(--ink-soft);justify-content:center;gap:.1rem;font-size:.88rem;font-weight:720;display:flex}.site-header nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-self:center;padding:0}.site-header nav a{border:1px solid #0000;border-radius:999px;padding:.58rem .82rem;transition:color .18s,transform .18s cubic-bezier(.16,1,.3,1);position:relative}.site-header nav a:after{content:"";opacity:0;background:linear-gradient(90deg,#d8b56df2,#8ec5fff2);border-radius:999px;height:2px;transition:opacity .18s,transform .18s cubic-bezier(.16,1,.3,1);position:absolute;bottom:.42rem;left:.9rem;right:.9rem;transform:scaleX(.72)}.site-header nav a:hover,.site-header nav a.is-active{color:var(--ink);background:#ffffff0f}.site-header nav a:hover:after,.site-header nav a.is-active:after{opacity:1;transform:scaleX(1)}.site-header nav a:active{transform:scale(.985)}.header-actions{justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.locale-link{color:var(--muted);font-size:.84rem;font-weight:680;transition:color .18s}.locale-link:hover{color:var(--ink)}.header-button,.primary-button,.download-button{color:#fffaf0;cursor:pointer;min-height:2.55rem;box-shadow:var(--glass-shine), inset 0 -12px 28px #d8b56d1a, 0 18px 44px -28px #d8b56d94;-webkit-backdrop-filter:blur(10px)saturate(1.18);backdrop-filter:blur(10px)saturate(1.18);background:linear-gradient(#ffffff2e,#0000 42%),linear-gradient(135deg,#d8b56d57,#8ec5ff1f 58%,#ffffff14);border:1px solid #f1daa46b;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:0 1.1rem;font-size:.92rem;font-weight:760;transition:border-color .18s,box-shadow .18s,transform .18s cubic-bezier(.16,1,.3,1),opacity .18s;display:inline-flex}.header-button:hover,.primary-button:not(:disabled):hover,.download-button:hover{box-shadow:var(--glass-shine), inset 0 -12px 28px #d8b56d24, 0 22px 52px -28px #d8b56da3;background:linear-gradient(#ffffff3d,#0000 42%),linear-gradient(135deg,#e7c7806b,#8ec5ff29 58%,#ffffff1a);border-color:#daeeff94}.header-button:active,.primary-button:active,.download-button:active,.icon-button:active,.format-option:active,.drop-zone:active{transform:scale(.985)}.primary-button:disabled,.format-option:disabled{cursor:not-allowed}.primary-button:disabled{color:#ffffff7a;opacity:.72;background:linear-gradient(150deg,#ffffff1f,#0000 34%),#ffffff14;border-color:#ffffff29;box-shadow:inset 1px 1px 1px #ffffff29,inset -1px -1px 1px #ffffff0d}.format-option:disabled{opacity:.42}.ad-slot{box-shadow:var(--glass-shine), var(--glass-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.8);backdrop-filter:blur(10px)saturate(1.8);color:#dce8f294;text-align:center;background:linear-gradient(135deg,#ffffff1a,#91ccff0d),#0613211f;border:1px dashed #ffffff3d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:relative;overflow:hidden}.ad-slot span{color:#dce8f280;font-size:.9rem}.ad-slot strong{margin-top:.28rem;font-weight:540}.adsbygoogle{width:100%;min-height:inherit;display:block}.ad-slot--banner,.ad-slot--inline,.ad-slot--bottom{width:min(100%,940px);min-height:4.15rem;margin:.9rem auto}.ad-slot--side{width:7.3rem;height:min(38rem,100dvh - 9rem);position:fixed;top:6.4rem}.ad-slot--side:first-of-type{left:max(1.15rem,50vw - 690px)}.ad-slot--side:nth-of-type(2){right:max(1.15rem,50vw - 690px)}.hero{isolation:isolate;grid-template-columns:minmax(25rem,.9fr) minmax(31rem,1.1fr);align-items:center;gap:clamp(3rem,6vw,7.2rem);min-height:min(820px,100dvh - 5.5rem);padding:clamp(4.8rem,8vw,7.8rem) 0 4.8rem;display:grid;position:relative}.hero:before,.hero:after{content:none}.hero-live-orbit{display:none}.hero-live-orbit:before{content:"";border-radius:inherit;border:1.4px solid #ffffff38;position:absolute;inset:23%}.hero-live-orbit span{border-radius:inherit;background:#ffffff3d;position:absolute;inset:48%}.hero-copy{z-index:1;max-width:40rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-area:1/1;padding:0;position:relative;overflow:visible}.hero-copy:before,.hero-copy:after{content:"";pointer-events:none;content:none;position:absolute}.hero-copy>*{z-index:1;position:relative}.hero-kicker{color:#f5e0b0eb;-webkit-backdrop-filter:blur(14px)saturate(1.35);backdrop-filter:blur(14px)saturate(1.35);min-height:1.68rem;box-shadow:var(--glass-shine), 0 16px 42px -30px #000000ad;font-family:var(--font-mono);background:#070a0f47;border:1px solid #f1daa43d;border-radius:999px;align-items:center;gap:.42rem;margin-bottom:1.35rem;padding:0 .68rem;font-size:.7rem;font-weight:680;display:inline-flex}.live-photo-mark{opacity:.86;border:1.8px solid;border-radius:999px;place-items:center;width:1.14rem;height:1.14rem;display:inline-grid;position:relative}.live-photo-mark:before{content:"";border:1.55px solid;border-radius:999px;width:.68rem;height:.68rem}.live-photo-mark span{background:currentColor;border-radius:999px;width:.24rem;height:.24rem;position:absolute}.hero-copy h1{color:#fff;max-width:40rem;font-family:var(--font-display);letter-spacing:0;text-wrap:balance;text-shadow:0 22px 80px #0000008a;gap:.04em;margin:0;font-size:clamp(3.45rem,5.1vw,5.9rem);font-weight:600;line-height:.94;display:grid}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{color:#0000;background:linear-gradient(90deg,#fff 0%,#f7dfac 46%,#8ec5ff 100%);-webkit-background-clip:text;background-clip:text}.hero-copy p{color:#eef4fad1;max-width:34rem;margin:1.55rem 0 1.45rem;font-size:clamp(1.02rem,1.18vw,1.12rem);line-height:1.72}.hero-copy ul{width:min(100%,31rem);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:.58rem;margin:0;padding:0;list-style:none;display:grid;overflow:visible}.hero-copy li{color:#eef7ffd6;width:100%;max-width:100%;box-shadow:var(--glass-shine);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#fff1;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.62rem;padding:.66rem .86rem;font-size:.92rem;display:flex}.hero-copy li:last-child{border-bottom:1px solid #ffffff24}.hero-copy li .icon{width:1rem;height:1rem;color:var(--accent)}.hero-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.75rem;display:flex}.secondary-link{min-height:2.45rem;color:var(--ink-soft);border-bottom:1px solid #f1daa45c;align-items:center;font-size:.92rem;font-weight:700;transition:color .18s,border-color .18s;display:inline-flex}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;width:min(100%,35rem);margin:1.6rem 0 0;display:grid}.hero-metrics div{border-top:1px solid #fff3;min-width:0;padding-top:.72rem}.hero-metrics dt{color:#fff8e8;font-family:var(--font-mono);font-size:.82rem;font-weight:780}.hero-metrics dd{color:var(--muted);margin:.2rem 0 0;font-size:.76rem;line-height:1.4}.secondary-link:hover{border-color:var(--ink);color:var(--ink)}.converter-stage{grid-area:1/2;justify-self:end;align-items:center;width:min(100%,35.8rem);padding-top:0;display:grid;position:relative}.converter-stage:before,.converter-stage:after{content:none}.conversion-visual{grid-template-columns:4.9rem 4.9rem 2.45rem 4.9rem;display:none}.visual-frame{height:3.78rem;box-shadow:var(--glass-shine), 0 14px 34px -25px #313c467a;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:#ffffff14;border:1px solid #ffffff3d;border-radius:14px;position:relative;overflow:hidden}.visual-frame:before{content:"";background:linear-gradient(135deg,#ffffff85,#0000 34%),linear-gradient(145deg,#ff82979e,#ffce6880 48%,#65aaff94);border-radius:7px;position:absolute;inset:.42rem}.visual-frame--motion:before{background:linear-gradient(135deg,#ffffff7a,#0000 36%),linear-gradient(145deg,#8470ffa8,#79d2ff85 52%,#ef74ff8f)}.visual-frame--output{background:#f5faff2e;border-color:#f1daa466}.visual-frame--output:before{background:linear-gradient(135deg,#ffffff94,#0000 36%),linear-gradient(145deg,#7eeebd9e,#7ecaff8f 52%,#f4f49180)}.visual-frame span{z-index:1;color:#eef7ffb8;font-family:var(--font-mono);font-size:.58rem;font-weight:760;position:absolute;bottom:.38rem;right:.46rem}.visual-arrow{background:#ffffff52;height:1px;position:relative}.visual-arrow:after{content:"";border-top:1px solid #ffffff70;border-right:1px solid #ffffff70;width:.45rem;height:.45rem;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.converter-panel{-webkit-backdrop-filter:blur(8px)saturate(1.05);backdrop-filter:blur(8px)saturate(1.05);background:linear-gradient(#ffffff17,#ffffff07),#090c1294;border:1px solid #ffffff29;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 26px 82px -58px #000000c7}.converter-panel:before,.converter-panel:after{content:"";pointer-events:none;content:none;position:absolute}.converter-panel>*{z-index:2;position:relative}.converter-topline{color:var(--ink);background:#ffffff06;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.22rem;display:flex}.converter-step{align-items:center;gap:.66rem;padding:0;display:flex}.converter-step span,.steps-block li>span{color:#fff;width:1.42rem;height:1.42rem;box-shadow:var(--glass-shine);-webkit-backdrop-filter:blur(10px)saturate(1.8);backdrop-filter:blur(10px)saturate(1.8);background:linear-gradient(145deg,#ffffff29,#d8b56d29),#0c1f3433;border:1px solid #f1daa457;border-radius:999px;place-items:center;font-size:.78rem;font-weight:760;display:grid}.converter-topline .converter-step span{color:#fff;background:linear-gradient(145deg,#ffffff2e,#d8b56d29),#0c1f3433}.converter-step h2{color:var(--ink);margin:0;font-size:1.02rem;font-weight:780}.converter-topline .converter-step h2{color:var(--ink)}.format-badge{color:var(--ink-soft);box-shadow:var(--glass-inner);font-family:var(--font-mono);background:linear-gradient(145deg,#ffffff29,#d8b56d1f),#ffffff1f;border:1px solid #f1daa44d;border-radius:999px;padding:.4rem .58rem;font-size:.72rem;font-weight:760}.drop-zone{width:calc(100% - 2.4rem);min-height:12.6rem;color:var(--ink-soft);cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(#ffffff13,#ffffff08),#ffffff09;border:1px solid #ffffff24;border-radius:20px;place-items:center;margin:1.18rem;padding:1.55rem;transition:border-color .2s,background .2s,transform .18s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 16px 38px -34px #0009}.drop-zone:before,.drop-zone:after{content:"";pointer-events:none;content:none;position:absolute}.drop-zone>span{z-index:1;position:relative}.drop-zone:hover{background:#ffffff13;border-color:#f1daa466;transform:translateY(-1px)}.drop-visual{width:4rem;height:4rem;color:var(--accent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffff0f;border:1px solid #f1daa43d;border-radius:16px;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffff24,0 16px 34px -30px #0000009e}.drop-visual span{background:var(--accent);border:3px solid #fff;border-radius:999px;width:1rem;height:1rem;animation:1.8s ease-in-out infinite pulse;position:absolute;bottom:-.28rem;right:-.28rem}.drop-icon{stroke-width:1.7px;width:2.08rem;height:2.08rem}.drop-title{color:var(--ink);margin-top:1rem;font-size:1.04rem;font-weight:760}.drop-title strong{color:var(--accent)}.drop-support,.drop-limit{max-width:31rem;color:var(--muted);font-size:.83rem;line-height:1.56}.converter-controls{background:#ffffff07;border-top:1px solid #ffffff24;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"format note""action action";align-items:center;gap:1rem 1.2rem;padding:1.02rem 1.18rem;display:grid}.format-control{grid-area:format;gap:.5rem;display:grid}.format-control>span{color:var(--ink-soft);font-size:.82rem;font-weight:760}.format-options{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#ffffff0a;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:1fr 1fr;gap:.28rem;padding:.28rem;display:grid;box-shadow:inset 0 1px #ffffff14}.format-option{color:#eef7ffdb;cursor:pointer;min-height:2.65rem;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:9px;gap:.04rem;font-size:.84rem;font-weight:760;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s,border-color .18s,box-shadow .18s,color .18s;display:grid;position:relative}.format-option:hover:not(:disabled){background:#ffffff0b;border-color:#f1daa45c;box-shadow:inset 1px 1px 1px #ffffff4d,0 8px 18px -16px #11121052}.format-option small{color:inherit;font-family:var(--font-sans);opacity:.72;font-size:.65rem;font-weight:650}.format-option.is-active{color:#fff;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#d8b56d2e;border-color:#f1daa480;box-shadow:inset 0 1px #ffffff24,0 10px 26px -22px #d8b56d9e}.format-option.is-active:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:.42rem;height:.24rem;position:absolute;top:.48rem;right:.56rem;transform:rotate(-45deg)}.local-note{border-left:1px solid var(--line);min-height:3.2rem;color:var(--accent);grid-area:note;align-items:center;gap:.7rem;padding-left:1rem;display:flex}.converter-controls>.primary-button{white-space:nowrap;grid-area:action;justify-self:stretch;width:100%;min-height:2.9rem}.local-note p,.result-copy p,.privacy-list p{gap:.16rem;margin:0;display:grid}.local-note strong,.result-copy strong,.privacy-list strong{color:var(--ink);font-size:.9rem;font-weight:760}.local-note span,.result-copy span,.privacy-list span{color:var(--muted);font-size:.82rem}.result-row{background:#ffffff07;border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:1rem;min-height:5.5rem;padding:.95rem 1.18rem;display:flex}.result-copy,.result-actions{align-items:center;gap:.72rem;display:flex}.status-dot{background:#c6cbc6;border-radius:999px;width:.7rem;height:.7rem;box-shadow:0 0 0 4px #1112100b}.status-dot--ready{background:var(--accent)}.status-dot--converting{background:var(--accent);animation:.9s ease-in-out infinite pulse}.status-dot--done{background:var(--accent)}.status-dot--error{background:var(--danger)}.download-button{min-height:2.34rem}.icon-button{width:2.45rem;height:2.45rem;color:var(--ink-soft);cursor:pointer;box-shadow:var(--glass-shine), 0 12px 24px -22px #11121059;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#fff1;border:1px solid #ffffff29;border-radius:999px;place-items:center;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,color .18s;display:grid}.icon-button:hover{color:var(--danger);border-color:#9f2f2d52}.batch-list{background:#ffffff05;border-top:1px solid #ffffff24;max-height:17rem;display:grid;overflow-y:auto}.batch-list--empty{min-height:4.25rem;color:var(--muted);border-top-style:dashed;align-items:center;padding:.95rem 1.18rem;font-size:.86rem}.batch-item{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.78rem;min-height:4.55rem;padding:.82rem 1.18rem;animation:.36s cubic-bezier(.16,1,.3,1) both item-rise;display:grid}.batch-item:last-child{border-bottom:0}.batch-meta{gap:.18rem;min-width:0;display:grid}.batch-meta strong,.batch-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.batch-meta strong{color:var(--ink);font-size:.88rem;font-weight:740}.batch-meta span{color:var(--muted);font-size:.8rem}.batch-actions{justify-content:flex-end;display:flex}.batch-actions .download-button{border-radius:6px;min-height:2.1rem;padding-inline:.72rem;font-size:.8rem}.error-message{color:var(--danger);margin:0;padding:0 1.18rem 1rem;font-size:.86rem}.content-section{box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(8px)saturate(1.06);backdrop-filter:blur(8px)saturate(1.06);background:linear-gradient(#ffffff13,#ffffff09),#070a0f6b;border:1px solid #ffffff29;border-radius:32px;margin-top:clamp(1rem,2vw,2rem);padding:clamp(1.2rem,2.8vw,2.2rem);scroll-margin-top:6rem;position:relative}.cinema-panel{background:#080b108f;border:1px solid #ffffff29;border-radius:28px;margin-top:clamp(1rem,2vw,2rem);padding:clamp(1rem,2.4vw,1.6rem);scroll-margin-top:6rem;position:relative;box-shadow:inset 0 1px #ffffff1f,0 26px 82px -58px #000000c2}.content-section:before{content:"";pointer-events:none;box-shadow:var(--glass-shine);border-radius:31px;position:absolute;inset:1px}.section-heading{z-index:1;grid-template-columns:minmax(0,.86fr) minmax(18rem,.62fr);align-items:end;gap:1.4rem;margin-bottom:1.15rem;display:grid;position:relative}.section-heading--compact{grid-template-columns:1fr;align-items:start;margin-bottom:.95rem}.section-heading--compact h2{font-size:clamp(1.72rem,2.5vw,2.65rem)}.section-heading span{color:#f5e0b0e6;width:fit-content;font-family:var(--font-mono);background:#ffffff0e;border:1px solid #f1daa438;border-radius:999px;grid-column:1/-1;padding:.32rem .58rem;font-size:.7rem;font-weight:760}.section-heading h2{color:var(--ink);font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(2rem,3vw,3.2rem);font-weight:600;line-height:1.05}.section-heading p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.72}.media-grid{grid-template-columns:1.2fr .9fr;gap:.8rem;display:grid}.media-card{background:#ffffff0a;border:1px solid #ffffff24;border-radius:24px;min-height:21rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 22px 58px -46px #000000b3}.media-card--1{grid-row:span 2;min-height:43rem}.media-card img,.subpage-hero>img,.split-media-section>img{object-fit:cover;width:100%;height:100%;display:block}.media-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 20%,#05070bc7 100%);position:absolute;inset:0}.media-card>div{z-index:1;background:#080b10ad;border:1px solid #ffffff29;border-radius:16px;padding:1rem;position:absolute;bottom:1.15rem;left:1.15rem;right:1.15rem}.media-card h3,.page-preview-card h2,.subpage-hero h1,.split-media-section h2{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:600}.media-card h3{font-size:1.32rem;line-height:1.14}.media-card p{color:var(--muted);margin:.55rem 0 0;font-size:.86rem;line-height:1.62}.section-link{width:fit-content;color:var(--accent);border-bottom:1px solid #f1daa45c;margin-top:1.25rem;padding-bottom:.18rem;font-weight:760;display:inline-flex}.page-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.page-preview-card{background:linear-gradient(150deg,#ffffff13,#ffffff08),#ffffff08;border:1px solid #ffffff24;border-radius:24px;align-content:end;min-height:14rem;padding:1.35rem;transition:border-color .18s,transform .18s cubic-bezier(.16,1,.3,1);display:grid}.page-preview-card:hover{border-color:#f1daa452;transform:translateY(-2px)}.page-preview-card span,.subpage-hero span,.split-media-section span{color:#f5e0b0e6;width:fit-content;font-family:var(--font-mono);background:#ffffff0e;border:1px solid #f1daa438;border-radius:999px;padding:.32rem .58rem;font-size:.7rem;font-weight:760}.page-preview-card h2{margin-top:.75rem;font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.05}.page-preview-card p{max-width:34rem;color:var(--muted);margin:.75rem 0 0;line-height:1.68}.subpage-hero{grid-template-columns:minmax(0,.9fr) minmax(24rem,.7fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:auto;padding:clamp(1.4rem,3vw,2.4rem) 0 clamp(1.2rem,2.2vw,2rem);display:grid;position:relative}.subpage-hero--text{grid-template-columns:minmax(0,.75fr);min-height:auto;padding-top:clamp(1.2rem,2.4vw,2rem);padding-bottom:1rem}.subpage-hero>div{gap:1.1rem;display:grid}.subpage-hero h1{text-wrap:balance;max-width:52rem;font-size:clamp(3.2rem,6vw,6.2rem);line-height:.95}.subpage-hero p,.split-media-section p{max-width:44rem;color:var(--muted);margin:0;font-size:1.02rem;line-height:1.76}.subpage-hero>img{aspect-ratio:4/5;border:1px solid #ffffff24;border-radius:28px;max-height:37rem;box-shadow:0 28px 86px -56px #000c}.detail-section{gap:1.2rem;display:grid}.format-note-list{gap:.78rem;display:grid}.format-note-list>div{border-top:1px solid var(--line);padding-top:.85rem}.format-note-list strong{color:var(--ink);font-size:.94rem}.format-note-list p{color:var(--muted);margin:.35rem 0 0;font-size:.88rem;line-height:1.68}.split-media-section{grid-template-columns:minmax(18rem,.58fr) minmax(0,.82fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.split-media-section>img{aspect-ratio:4/3;border-radius:24px}.conversion-artwork{background:radial-gradient(circle at 18% 0,#d8b56d1f,#0000 18rem),linear-gradient(#ffffff12,#ffffff06),#070a0f7a;border:1px solid #ffffff24;border-radius:28px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;padding:clamp(.85rem,1.6vw,1.15rem);display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 24px 72px -54px #000000c7}.conversion-artwork--compact{align-self:stretch}.artwork-card{min-width:0}.artwork-label{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.62rem;font-size:.66rem;font-weight:760;display:flex}.artwork-label span{color:#f5e0b0eb}.artwork-label strong{color:var(--ink-soft)}.artwork-image{aspect-ratio:4/3;background:#ffffff0a;border:1px solid #ffffff24;border-radius:18px;position:relative;overflow:hidden}.artwork-image img,.artwork-image video{object-fit:cover;width:100%;height:100%;display:block}.artwork-card--source .artwork-image img,.artwork-card--source .artwork-image video{filter:saturate(.9)contrast(1.02)}.artwork-card--output .artwork-image img{filter:saturate(1.04)contrast(1.06)}.artwork-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.24rem;display:grid;position:absolute;bottom:.52rem;left:.52rem;right:.52rem}.artwork-filmstrip span{background:linear-gradient(135deg,#ffffff29,#0000 42%),#d8b56d24;border:1px solid #fff3;border-radius:5px;height:1.2rem}.artwork-output-name{color:var(--ink);font-family:var(--font-mono);background:#070a0fad;border:1px solid #ffffff2e;border-radius:999px;padding:.3rem .46rem;font-size:.62rem;font-weight:760;position:absolute;bottom:.52rem;right:.52rem}.artwork-connector{background:#ffffff0b;border:1px solid #f1daa43d;border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;display:grid}.artwork-connector span{border-top:2px solid var(--accent);border-right:2px solid var(--accent);width:.86rem;height:.86rem;transform:rotate(45deg)translate(-1px,1px)}.split-media-section>div{justify-items:start;gap:1rem;display:grid}.split-media-section h2{font-size:clamp(2.1rem,3.6vw,4rem);line-height:1.02}.faq-list--page{grid-template-columns:1fr}.faq-list--page details{padding:.35rem 0}.conversion-showcase{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.9rem,2vw,1.4rem);display:grid}.conversion-sample{background:linear-gradient(#ffffff13,#ffffff08),#ffffff08;border:1px solid #ffffff24;border-radius:24px;gap:.9rem;min-width:0;padding:.85rem;display:grid;box-shadow:inset 0 1px #ffffff1f,0 22px 58px -46px #000000b3}.sample-toolbar{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;font-weight:760;display:flex}.sample-toolbar span{color:#f5e0b0e6}.sample-toolbar strong{color:var(--ink-soft)}.sample-image-frame{aspect-ratio:4/3;background:#ffffff0a;border:1px solid #ffffff24;border-radius:18px;position:relative;overflow:hidden}.sample-image-frame img,.sample-image-frame video{object-fit:cover;width:100%;height:100%;display:block}.conversion-sample--source .sample-image-frame img,.conversion-sample--source .sample-image-frame video{filter:saturate(.92)contrast(1.02)}.motion-badge,.output-badge{z-index:2;color:var(--ink);font-family:var(--font-mono);background:#070a0fad;border:1px solid #ffffff2e;border-radius:999px;padding:.34rem .52rem;font-size:.68rem;font-weight:760;position:absolute;bottom:.8rem;right:.8rem}.motion-strip{z-index:2;grid-template-columns:repeat(3,2.3rem);gap:.32rem;display:grid;position:absolute;bottom:.8rem;left:.8rem}.motion-strip span{background:linear-gradient(135deg,#ffffff29,#0000 36%),#d8b56d29;border:1px solid #ffffff38;border-radius:6px;height:1.6rem}.motion-strip span:nth-child(2){opacity:.76;transform:translateY(-2px)}.motion-strip span:nth-child(3){opacity:.52;transform:translateY(-4px)}.conversion-sample p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.62}.conversion-arrow{background:#ffffff0b;border:1px solid #f1daa43d;border-radius:999px;place-items:center;width:3.2rem;height:3.2rem;display:grid}.conversion-arrow span{border-top:2px solid var(--accent);border-right:2px solid var(--accent);width:1rem;height:1rem;transform:rotate(45deg)translate(-1px,1px)}.guide-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:.78rem;margin-top:0;display:grid;position:relative}.guide-grid:before{content:none}.guide-grid article,.privacy-list>div{z-index:1;min-width:0;box-shadow:var(--glass-shine), 0 18px 44px -34px #0000009e;background:linear-gradient(#ffffff13,#ffffff09),#ffffff08;border:1px solid #ffffff24;border-radius:22px;padding:1.45rem;position:relative}.guide-grid article:last-child{border-right:1px solid #ffffff24}.guide-grid h2,.privacy-section h2,.faq-section h2{color:var(--ink);margin:0 0 1rem;font-size:1.02rem;font-weight:800}.steps-block ol{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.steps-block li{grid-template-columns:auto 1fr;gap:.72rem;display:grid}.steps-block h3{color:var(--ink);margin:0 0 .18rem;font-size:.92rem;font-weight:760}.steps-block p,.article-block p,.faq-list p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.64}.article-block p{color:var(--ink-soft)}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:1.05rem;display:flex}.tag-list span{color:var(--accent);box-shadow:var(--glass-shine);background:#ffffff0e;border:1px solid #f1daa433;border-radius:999px;padding:.3rem .58rem;font-size:.76rem}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.4rem;display:grid}.faq-list details{border-bottom:1px solid var(--line);background:0 0}.faq-list details:last-child{border-bottom:0}.faq-list summary{cursor:pointer;color:var(--ink);padding:.82rem 0;font-size:.86rem;font-weight:720;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{padding:0 0 .85rem}.privacy-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.78rem;display:grid}.privacy-list>div{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:1.25rem;display:grid}.privacy-list .icon{width:1.95rem;height:1.95rem;color:var(--accent)}.site-footer{color:var(--muted);box-shadow:var(--glass-shine), var(--glass-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.08);backdrop-filter:blur(10px)saturate(1.08);background:linear-gradient(#ffffff13,#ffffff09),#070a0f6b;border:1px solid #ffffff24;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.15rem;padding:1rem 1.1rem;font-size:.82rem;display:flex}.site-footer nav{gap:1.35rem}.ad-slot,.hero-kicker,.hero-copy li,.converter-stage:before,.converter-stage:after,.visual-frame,.drop-zone,.drop-visual,.format-options,.format-option.is-active,.icon-button,.converter-step span,.steps-block li>span{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes pulse{50%{opacity:.5}}@keyframes item-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1520px){.ad-slot--side{display:none}}@media (max-width:940px){.site-shell{padding:0 1rem 1.9rem}.site-header{border-radius:0 0 12px 12px;grid-template-columns:1fr auto;gap:.52rem .78rem;min-height:auto;margin-top:0;padding:.72rem .9rem .68rem;top:0}.site-header nav{grid-area:2/1/auto/-1;justify-content:flex-start;padding-bottom:0;overflow-x:auto}.site-header nav a{white-space:nowrap;padding:.44rem .72rem}.header-actions{grid-area:1/2;align-self:center}.locale-link{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;min-height:2rem;padding:.42rem .68rem}.header-button{display:none}.hero{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding-top:2rem;overflow:hidden}.hero:before,.hero:after{display:none}.hero-copy{padding:0}.hero-copy h1{max-width:43rem;font-size:clamp(2.7rem,10.5vw,3.7rem);line-height:.96}.converter-stage:before,.converter-stage:after{display:none}.converter-stage{grid-area:auto/1;justify-self:stretch;width:100%;padding-top:.25rem}.conversion-visual,.hero-live-orbit{display:none}.converter-controls{grid-template-columns:1fr;grid-template-areas:"format""note""action";gap:1.05rem}.local-note{border-top:1px solid #ffffff7a;border-left:0;padding:1rem 0 0}.result-row{flex-direction:column;align-items:flex-start}.section-heading{grid-template-columns:1fr;align-items:start}.guide-grid,.privacy-list,.media-grid,.page-preview-grid,.subpage-hero,.split-media-section{grid-template-columns:1fr}.media-card,.media-card--1{min-height:28rem}.conversion-showcase,.conversion-artwork{grid-template-columns:1fr}.conversion-arrow,.artwork-connector{justify-self:center;transform:rotate(90deg)}.subpage-hero{gap:1.5rem;min-height:auto;padding-top:3rem}.subpage-hero h1{font-size:clamp(2.7rem,10.5vw,4rem)}.subpage-hero>img{max-height:32rem}.steps-block,.article-block{grid-column:auto}.guide-grid article,.privacy-list>div{border-bottom:1px solid #ffffff24;border-right:1px solid #ffffff24}.guide-grid article:last-child,.privacy-list>div:last-child{border-bottom:1px solid #ffffff24}.faq-list{grid-template-columns:1fr}.site-footer{border-radius:18px;flex-direction:column;align-items:flex-start}.site-footer nav{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:560px){.site-shell{padding-inline:.75rem}.brand{font-size:.94rem}.brand-mark{width:2rem;height:2rem}.brand-mark .icon{width:1.44rem;height:1.44rem}.header-actions{gap:.55rem}.hero-copy h1{font-size:clamp(2.16rem,10.3vw,2.82rem);line-height:1}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.hero-metrics div{padding-top:.58rem}.hero-metrics dt{font-size:.72rem}.hero-metrics dd{font-size:.66rem}.hero-copy p{margin:1.25rem 0 1.3rem;font-size:.98rem}.hero-actions .primary-button{width:100%}.hero-actions .secondary-link{justify-content:center;width:100%}.secondary-link{min-height:2.2rem}.ad-slot--banner,.ad-slot--inline,.ad-slot--bottom{min-height:4.1rem}.converter-panel{border-radius:18px}.converter-panel:after{border-radius:17px}.converter-topline,.converter-controls,.result-row,.batch-item{padding-inline:.9rem}.drop-zone{width:calc(100% - 1.2rem);min-height:12rem;margin-inline:.6rem;padding-inline:.8rem}.result-actions{width:100%}.result-actions .download-button{min-width:0}.batch-item{grid-template-columns:auto minmax(0,1fr)}.batch-actions{grid-column:2;justify-content:flex-start}.batch-actions .download-button{flex:0 auto}.guide-grid article,.privacy-list>div{padding:1.15rem}.content-section{border-radius:24px;padding:.8rem}.section-heading{padding:.35rem .25rem .15rem}.section-heading h2{font-size:clamp(1.85rem,9vw,2.45rem)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}