:root{color-scheme:dark;--bg:#131313;--text:#f4f1ed;--muted:#b0a89f;--panel:#1b1b1b;--panel-soft:#171717;--panel-2:#202020;--surface:#111111;--surface-2:#191919;--border:#323232;--border-soft:#2a2a2a;--border-strong:#454545;--accent:#d63b3b;--accent-2:#ee4a4a;--accent-3:#ff9e9e;--champagne:#d8b77f;--champagne-2:#f2dfbc;--button-text:#fff7f5;--button-bg:linear-gradient(135deg,#db3c3c,#aa2020);--secondary-bg:#191919;--secondary-text:#f3efea;--secondary-border:#3c3c3c;--footer-text:#958c83;--success:#88c194;--error:#ff8282;--info:#f0c4c4;--warning:#f0b37d;--radius-2xs:4px;--radius-xs:5px;--radius-sm:7px;--radius-md:9px;--radius-lg:11px;--radius-xl:12px}:root[data-theme=light]{color-scheme:light;--bg:#f1efec;--text:#1d1a18;--muted:#625b54;--panel:#f7f5f2;--panel-soft:#ece8e3;--panel-2:#f3f0eb;--surface:#ebe7e1;--surface-2:#e2ddd7;--border:#cfc8c0;--border-soft:#dbd4cc;--border-strong:#b7afa6;--accent:#ba2929;--accent-2:#951f1f;--accent-3:#cf4444;--champagne:#c49f62;--champagne-2:#ead4aa;--button-text:#fff8f6;--button-bg:linear-gradient(135deg,#d43a3a,#ad2020);--secondary-bg:#eeebe6;--secondary-text:#26211d;--secondary-border:#cbc4bc;--footer-text:#6d655d;--success:#2f7b48;--error:#c52b2b;--info:#934646;--warning:#a8651f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 50% -6%,color-mix(in srgb,var(--champagne) 12%,transparent),transparent 30%),radial-gradient(circle at top,color-mix(in srgb,var(--accent) 13%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--text) 2.5%,transparent),transparent 22%),var(--bg);color:var(--text);line-height:1.5;transition:background .2s ease,color .2s ease}body,body>*{position:relative}body>*{z-index:1}.layout-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;--layout-pointer-x:50%;--layout-pointer-y:40%;--layout-pointer-shift-x:0;--layout-pointer-shift-y:0;--layout-pointer-intensity:0}.layout-background-ambient,.layout-background-beam,.layout-background-glow,.layout-background-grid,.layout-background-lines,.layout-background-particle{position:absolute}.layout-background-ambient{inset:-8%;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--champagne) 12%,transparent),transparent 24%),radial-gradient(circle at 52% 58%,color-mix(in srgb,var(--text) 4%,transparent),transparent 38%);opacity:.66;transform:translate3d(calc(var(--layout-pointer-shift-x) * -8px),calc(var(--layout-pointer-shift-y) * -8px),0);will-change:transform}.layout-background-grid{inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--champagne) 12%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--text) 4%,transparent) 1px,transparent 1px);background-size:72px 72px;opacity:.12;transform:perspective(1400px) rotateX(62deg) scale(1.12) translate3d(calc(var(--layout-pointer-shift-x) * 6px),calc(12% + (var(--layout-pointer-shift-y) * 5px)),0);transform-origin:center 65%;will-change:transform}.layout-background-grid-secondary{inset:auto -8% -28% -8%;height:56%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--champagne) 12%,transparent) 1px,transparent 1px);background-size:132px 132px;opacity:.14;transform:perspective(1600px) rotateX(72deg) scale(1.22) translate3d(calc(var(--layout-pointer-shift-x) * 8px),18%,0);will-change:transform}.layout-background-glow{width:42vw;height:42vw;min-width:320px;min-height:320px;border-radius:999px}.layout-background-glow-top{top:-14vw;right:-8vw;background:radial-gradient(circle,color-mix(in srgb,var(--champagne) 24%,transparent),transparent 68%);opacity:.62}.layout-background-glow-bottom{bottom:-18vw;left:-10vw;background:radial-gradient(circle,color-mix(in srgb,var(--accent-3) 12%,transparent),color-mix(in srgb,var(--champagne) 14%,transparent),transparent 72%);opacity:.28}.layout-background-glow-pointer{top:0;left:0;width:24vw;height:24vw;min-width:200px;min-height:200px;background:radial-gradient(circle,color-mix(in srgb,var(--champagne-2) 18%,transparent),transparent 56%);opacity:calc(.06 + (var(--layout-pointer-intensity) * .08));transform:translate3d(calc(var(--layout-pointer-x) - 50%),calc(var(--layout-pointer-y) - 50%),0);will-change:transform,opacity}.layout-background-beam{top:-18%;width:26vw;height:140%;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--champagne) 9%,transparent) 18%,color-mix(in srgb,var(--text) 3%,transparent) 50%,transparent 100%);opacity:.08}.layout-background-beam-left{left:-8vw;transform:rotate(-14deg) translate3d(calc(var(--layout-pointer-shift-x) * -8px),0,0)}.layout-background-beam-right{right:-10vw;transform:rotate(15deg) translate3d(calc(var(--layout-pointer-shift-x) * 8px),0,0)}.layout-background-lines{top:-8%;width:1px;height:116%;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--champagne) 34%,transparent) 20%,color-mix(in srgb,var(--text) 10%,transparent) 50%,transparent 100%);opacity:.48;transform:rotate(var(--layout-line-tilt,0deg)) translate3d(calc(var(--layout-pointer-shift-x) * 6px * var(--layout-line-depth, 1)),calc(var(--layout-pointer-shift-y) * 5px * var(--layout-line-depth, 1)),0);transform-origin:center;will-change:transform}.layout-background-lines:after,.layout-background-lines:before{content:"";position:absolute;left:50%;width:140px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--champagne) 28%,transparent),transparent)}.layout-background-lines:before{top:24%}.layout-background-lines:after{top:67%}.layout-background-lines-left{left:8%}.layout-background-lines-right{right:10%}.layout-background-lines-left-inner{left:18%;display:none}.layout-background-lines-center-left{left:38%;display:none}.layout-background-lines-center{left:50%;opacity:.54}.layout-background-lines-center-right{left:62%;display:none}.layout-background-lines-right-inner{right:20%;display:none}.layout-background-particle{top:var(--layout-particle-top);left:var(--layout-particle-left);width:var(--layout-particle-size);height:var(--layout-particle-size);border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,#ffffff 90%,transparent) 0 35%,transparent 36%),radial-gradient(circle,color-mix(in srgb,var(--champagne-2) 72%,transparent) 0 58%,transparent 59%),color-mix(in srgb,var(--accent-3) 18%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--champagne) 24%,transparent),0 0 10px color-mix(in srgb,var(--champagne) 12%,transparent);opacity:.34;transform:translate3d(calc(var(--layout-pointer-shift-x) * 8px * var(--layout-particle-depth)),calc(var(--layout-pointer-shift-y) * 8px * var(--layout-particle-depth)),0);animation:layout-particle-drift var(--layout-particle-duration) linear infinite;animation-delay:var(--layout-particle-delay);will-change:transform,opacity}@keyframes layout-particle-drift{0%,to{opacity:.22;transform:translate3d(calc(var(--layout-pointer-shift-x) * 8px * var(--layout-particle-depth)),calc(var(--layout-pointer-shift-y) * 8px * var(--layout-particle-depth)),0) scale(.94)}35%{opacity:.62;transform:translate3d(calc(12px + (var(--layout-pointer-shift-x) * 8px * var(--layout-particle-depth))),calc(-18px + (var(--layout-pointer-shift-y) * 8px * var(--layout-particle-depth))),0) scale(1.04)}68%{opacity:.38;transform:translate3d(calc(-10px + (var(--layout-pointer-shift-x) * 8px * var(--layout-particle-depth))),calc(10px + (var(--layout-pointer-shift-y) * 8px * var(--layout-particle-depth))),0) scale(.98)}}.layout{display:flex;justify-content:center;align-items:flex-start;width:100%}.content{width:100%;max-width:1120px}.container{width:min(1100px,calc(100% - 28px));margin:0 auto}.faq-section,.footer,.format-panel,.landing-body,.landing-grid,.related-tools,.seo-home-grid,.tools,.value-strip{content-visibility:auto;contain-intrinsic-size:auto 420px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-actions,.top-nav{display:flex;align-items:center;gap:14px}.auth-nav{display:flex;align-items:center;gap:10px}.language-selector{gap:6px;padding:4px;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 82%,transparent)}.language-selector,.language-selector-link{display:inline-flex;align-items:center;border-radius:999px}.language-selector-link{justify-content:center;min-height:34px;padding:0 12px;color:var(--muted);font-size:.85rem;font-weight:800;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}.language-selector-link:hover{color:var(--text);transform:translateY(-1px)}.language-selector-link.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#041112}.auth-link,.auth-nav-loading,.auth-user-chip{color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none}.auth-user-chip{padding:0 12px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface);color:var(--text)}.auth-action-link,.auth-user-chip{display:inline-flex;align-items:center;min-height:40px}.auth-action-link{justify-content:center;flex:0 0 auto;min-width:auto;padding:10px 14px;text-decoration:none;white-space:nowrap}.main{padding:32px 0 48px}.ad{width:184px;padding:20px 12px}.ad,.ad-box{display:flex;justify-content:center}.ad-box{width:160px;height:600px;position:-webkit-sticky;position:sticky;top:90px;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent),var(--panel-soft);border:1px dashed var(--border-strong);color:var(--footer-text);align-items:center;font-size:.9rem;letter-spacing:.02em}.ad-box>.adsbygoogle{width:100%;min-height:600px}.header{padding:22px 0 10px}.logo{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--text);text-decoration:none;gap:.7rem;transition:transform .24s ease,filter .24s ease}.logo,.logo-mark{display:inline-flex;align-items:center}.logo-mark{justify-content:center;width:2.4rem;height:2.4rem;flex:0 0 auto}.logo-mark-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--accent) 20%,transparent))}.logo-interactive:hover{transform:translateY(-1px);filter:drop-shadow(0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent))}.logo-word{display:inline-flex;align-items:baseline}.logo-word-accent{color:var(--accent-3);margin-left:.08em}.logo-interactive:hover .logo-word-accent{text-shadow:0 0 18px color-mix(in srgb,var(--accent) 18%,transparent)}.theme-toggle{border:1px solid var(--secondary-border);background:var(--secondary-bg);color:var(--secondary-text);border-radius:12px;padding:10px 14px;font-size:.86rem;font-weight:700;cursor:pointer}.top-nav-link{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:700;transition:color .18s ease}.top-nav-link:hover{color:var(--text)}.converter-hero,.hero{text-align:center;margin:28px auto 24px;max-width:820px}.home-priority-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center;margin:18px 0 10px;padding:28px;border:1px solid color-mix(in srgb,var(--champagne) 20%,var(--border));border-radius:20px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 14%,transparent),transparent 36%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--champagne) 16%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,#ffffff 2%,transparent),transparent),var(--panel);box-shadow:0 14px 36px rgba(0,0,0,.14)}.home-priority-panel:before,.interactive-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 0 22%,color-mix(in srgb,#ffffff 8%,transparent) 34%,transparent 44%),radial-gradient(circle at top right,color-mix(in srgb,var(--champagne) 10%,transparent),transparent 26%);opacity:.34;transition:opacity .24s ease,transform .24s ease}.home-priority-panel:hover:before,.interactive-panel:hover:before{opacity:.56;transform:translateY(-2px)}.home-priority-copy,.home-priority-drop{position:relative;z-index:1}.hero-tech-background{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-tech-badge,.hero-tech-glow,.hero-tech-grid,.hero-tech-orb,.hero-tech-particle{position:absolute}.hero-tech-grid{inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--champagne) 10%,transparent) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,black 24%,transparent 86%);mask-image:radial-gradient(circle at center,black 24%,transparent 86%);opacity:.2;transform:perspective(800px) rotateX(64deg) scale(1.3) translateY(22%);transform-origin:center bottom}.hero-tech-glow{inset:-18%;background:radial-gradient(circle at var(--hero-glow-x,52%) var(--hero-glow-y,32%),color-mix(in srgb,var(--accent) 18%,transparent) 0,transparent 24%);opacity:calc(.2 + (var(--hero-glow-opacity, 0) * .65));transition:opacity .18s ease}.hero-tech-orb{border-radius:999px;opacity:.55}.hero-tech-orb-primary{top:-78px;right:11%;width:220px;height:220px;background:radial-gradient(circle,color-mix(in srgb,var(--champagne) 24%,transparent),transparent 68%)}.hero-tech-orb-secondary{bottom:-110px;left:-10px;width:180px;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-3) 10%,transparent),color-mix(in srgb,var(--champagne) 12%,transparent),transparent 70%);opacity:.3}.hero-tech-particle{top:var(--particle-top);left:var(--particle-left);width:var(--particle-size);height:var(--particle-size);border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,#ffffff 88%,transparent) 0 30%,transparent 31%),color-mix(in srgb,var(--champagne-2) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--champagne) 28%,transparent),0 0 18px color-mix(in srgb,var(--champagne) 18%,transparent);opacity:.5}.hero-tech-badge{top:var(--badge-top);right:var(--badge-right);min-height:28px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--champagne) 34%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--champagne) 16%,transparent),color-mix(in srgb,var(--surface) 86%,transparent)),transparent;color:var(--champagne-2);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.16);opacity:.72}@keyframes hero-particle-float{0%,to{transform:translateZ(0) scale(.96);opacity:.28}30%{transform:translate3d(10px,-12px,0) scale(1);opacity:.52}65%{transform:translate3d(-8px,10px,0) scale(1.08);opacity:.38}}@keyframes hero-grid-drift{0%,to{transform:perspective(800px) rotateX(64deg) scale(1.3) translateY(22%) translateX(0)}50%{transform:perspective(800px) rotateX(64deg) scale(1.32) translateY(20%) translateX(8px)}}@keyframes hero-orb-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,10px,0) scale(1.06)}}@keyframes hero-badge-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}.home-priority-drop{width:min(100%,920px);margin:0 auto}.home-priority-drop .dropzone{min-height:360px;border-color:color-mix(in srgb,var(--champagne) 26%,var(--border-strong));background:radial-gradient(circle at top,color-mix(in srgb,var(--champagne) 16%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent),var(--panel-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.hero-title{font-size:clamp(2rem,4.7vw,3.5rem);line-height:1.02;font-weight:800;letter-spacing:-.05em;margin-bottom:10px}.hero-title-animated{background:linear-gradient(180deg,var(--text),color-mix(in srgb,var(--text) 82%,var(--champagne)));-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.04rem;color:var(--muted);max-width:700px;margin:0 auto;line-height:1.7}.hero-detail-line{position:relative;display:inline-flex;align-items:center;gap:10px}.hero-detail-line:after{content:"";width:54px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 72%,transparent),transparent)}.hero-points{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-point{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-strong));background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--text);font-size:.84rem;font-weight:700;transition:transform .22s ease,border-color .22s ease,background .22s ease}.hero-point:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border-strong));background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.format-panel{position:relative;overflow:visible;margin:0 auto 18px;padding:24px;border:1px solid color-mix(in srgb,var(--champagne) 18%,var(--border));border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 28%),radial-gradient(circle at top right,color-mix(in srgb,var(--champagne) 12%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,#ffffff 2%,transparent),transparent),var(--panel);box-shadow:0 12px 32px rgba(0,0,0,.12)}.home-format-panel{overflow:visible;margin-top:22px}.format-panel-header{margin-bottom:14px}.format-panel-header h3{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:4px}.file-list-subtitle,.format-panel-header p{color:var(--muted);font-size:.94rem}.drop-help-text,.format-panel-note,.report-copy{color:color-mix(in srgb,var(--champagne-2) 22%,var(--muted));font-size:.9rem}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted);font-size:.9rem}.breadcrumb a{color:var(--accent-3);text-decoration:none}.format-visibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.format-visibility-card{position:relative;padding:14px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.format-visibility-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 24%,var(--border-soft));box-shadow:0 10px 22px rgba(0,0,0,.08)}.format-visibility-card h4{font-size:.92rem;margin-bottom:10px;letter-spacing:-.01em}.format-chip-list{display:flex;flex-wrap:wrap;gap:8px}.format-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--text);font-size:.82rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.format-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border-strong))}.format-chip.is-active{border-color:color-mix(in srgb,var(--accent) 60%,var(--border-strong));background:color-mix(in srgb,var(--accent) 20%,var(--panel));color:color-mix(in srgb,var(--accent-2) 42%,var(--text))}.format-panel-grid{position:relative;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:start}.format-field{display:flex;flex-direction:column;gap:6px}.format-field span{font-size:.82rem;color:var(--muted);font-weight:700}.format-field-help{font-size:.76rem;color:color-mix(in srgb,var(--muted) 86%,transparent);line-height:1.4}.format-popover-field{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px}.format-popover-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:0 13px;border-radius:8px;border:1px solid var(--border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent),var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.format-popover-trigger.is-open,.format-popover-trigger:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-strong));box-shadow:0 12px 22px rgba(0,0,0,.08);transform:translateY(-1px)}.format-popover-trigger-label{font-size:.92rem;font-weight:700;letter-spacing:-.02em}.format-popover-trigger-icon{font-size:1rem;color:var(--muted);transition:transform .2s ease}.format-popover-trigger.is-open .format-popover-trigger-icon{transform:rotate(180deg)}.format-popover-panel{position:fixed;z-index:999;width:min(720px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--champagne) 24%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 26%),linear-gradient(180deg,color-mix(in srgb,#ffffff 4%,transparent),transparent),var(--panel);box-shadow:0 18px 40px rgba(0,0,0,.14)}.format-popover-search-shell{margin-bottom:10px}.format-popover-search{width:100%;min-height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 95%,transparent);color:var(--text);font-size:.9rem}.format-popover-layout{display:grid;grid-template-columns:170px minmax(0,1fr);grid-gap:12px;gap:12px}.format-popover-categories{display:flex;flex-direction:column;gap:6px}.format-popover-category{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 10px;border-radius:8px;border:1px solid transparent;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.format-popover-category.is-active,.format-popover-category:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--accent) 34%,var(--border-strong));background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.format-popover-category strong{font-size:.88rem;letter-spacing:-.01em}.format-popover-category span{color:var(--muted);font-size:.7rem;line-height:1.3}.format-popover-results{min-height:160px;padding:8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border-soft) 92%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent)}.format-chip-panel-static{display:flex;flex-wrap:wrap;gap:6px}.format-popover-empty{color:var(--muted);font-size:.9rem;margin:0}.format-action-wide{width:auto;min-height:48px;justify-content:center}.file-format-select,.format-select{width:100%;min-height:44px;padding:0 36px 0 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);color-scheme:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.25 4.5 6 8.25 9.75 4.5' stroke='%237c879d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px;box-shadow:inset 0 1px 0 color-mix(in srgb,#ffffff 4%,transparent);font-size:.95rem}.dropzone-section{margin-bottom:18px}.value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:18px 0 8px}.home-value-strip{margin-top:20px}.value-card{position:relative;padding:18px;border-radius:18px;border:1px solid var(--border-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent),radial-gradient(circle at top right,color-mix(in srgb,var(--champagne) 10%,transparent),transparent 42%),var(--panel);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.value-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--champagne) 24%,var(--border-soft));box-shadow:0 18px 34px rgba(0,0,0,.12)}.value-card strong{display:block;margin-bottom:8px;font-size:1rem;color:color-mix(in srgb,var(--champagne-2) 48%,var(--text))}.value-card p{color:var(--muted);font-size:.92rem;line-height:1.65}.converter-box .dropzone,.dropzone{width:100%;min-height:300px;border:1.5px dashed color-mix(in srgb,var(--accent) 34%,var(--border-strong));border-radius:14px;background:radial-gradient(circle at top,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent),var(--panel-soft);display:flex;align-items:center;justify-content:center;padding:30px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.converter-box .dropzone:hover,.dropzone:hover{border-color:var(--accent-2);transform:translateY(-2px);box-shadow:0 20px 55px rgba(0,0,0,.12)}.converter-box .dropzone.dragover,.dropzone.dragover{border-color:var(--accent)}.dropzone-content{text-align:center;max-width:560px}.drop-icon{font-size:4.5rem;line-height:1;margin-bottom:12px;opacity:.96;color:var(--accent)}.drop-title{font-size:1.5rem;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}.drop-text{font-size:.95rem;color:var(--muted);margin-bottom:14px}.drop-help-text{margin-top:14px}.action-btn,.browse-btn{border:0;outline:0;font-size:.95rem;font-weight:800;padding:12px 18px;border-radius:10px;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.browse-btn{background:var(--button-bg);color:var(--button-text)}.action-btn:hover,.browse-btn:hover{transform:translateY(-1px)}.action-btn:disabled,.browse-btn:disabled,.expand-format-btn:disabled,.file-format-select:disabled,.file-icon-btn:disabled,.file-toolbar-btn:disabled,.remove-file-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.file-input{display:none}.converter-box .file-list,.file-list{display:none;margin-top:14px;margin-bottom:0;width:100%;min-width:0;padding:16px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 34%),linear-gradient(90deg,color-mix(in srgb,var(--text) 1%,transparent),transparent),var(--panel-2)}.file-list.visible{display:block}.file-items,.file-list ul{list-style:none;display:flex;flex-direction:column;gap:8px}.file-list h3,.file-list-header h3{font-size:1rem;margin-bottom:0;color:var(--text);letter-spacing:-.02em}.file-explorer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.file-explorer-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.file-explorer-copy h3{margin-bottom:0}.file-explorer-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-3);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.file-download-pill svg,.file-explorer-kicker svg,.file-format-inline-icon svg,.file-icon-btn svg,.file-sync-pill svg,.file-toolbar-btn svg,.file-toolbar-label svg{width:16px;height:16px}.file-explorer-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-toolbar-summary-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--text) 3%,transparent);color:var(--muted);font-size:.76rem;font-weight:700}.file-toolbar-summary-pill.ready{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 34%,var(--border-soft))}.file-master-toolbar{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-bottom:12px}.file-toolbar-field{display:flex;align-items:center;gap:12px;flex:1 1 280px;min-width:0;min-height:48px;padding:0 12px;border:1px solid var(--border-soft);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.file-format-inline:focus-within,.file-toolbar-field:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.file-toolbar-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.file-toolbar-field .file-toolbar-select{width:100%;min-width:0;min-height:40px;padding:0 34px 0 0;border:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4.25 6 8.25l4-4' stroke='%23f6c26b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;font-size:.9rem;background-position:right 6px center;background-size:13px 13px}.file-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:0 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.file-icon-btn:hover,.file-toolbar-btn:hover{transform:translateY(-1px)}.file-toolbar-btn.primary{border:0;background:var(--button-bg);color:var(--button-text)}.file-toolbar-btn.secondary{background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--accent-3);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-strong))}.file-toolbar-btn.ghost{background:var(--surface);color:var(--text)}.file-toolbar-btn.danger{background:color-mix(in srgb,var(--error) 9%,var(--surface));color:var(--error);border-color:color-mix(in srgb,var(--error) 42%,var(--border-strong))}.file-toolbar-btn.danger:hover{background:color-mix(in srgb,var(--error) 14%,var(--surface));border-color:var(--error)}.neon-pulse{position:relative;isolation:isolate}.neon-pulse:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;opacity:.75;z-index:-1}.neon-pulse-convert{box-shadow:0 0 0 1px color-mix(in srgb,#ff8b8b 58%,transparent),0 0 18px color-mix(in srgb,var(--accent) 72%,transparent),0 0 34px color-mix(in srgb,var(--accent-2) 46%,transparent)}.neon-pulse-convert:after{background:radial-gradient(circle,color-mix(in srgb,#ffb3b3 28%,transparent),transparent 65%);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 72%,transparent),0 0 38px color-mix(in srgb,var(--accent-2) 50%,transparent)}.neon-pulse-download{border-color:color-mix(in srgb,#ffe4aa 80%,var(--accent));color:color-mix(in srgb,#fff6d7 78%,var(--accent-3));background:linear-gradient(135deg,color-mix(in srgb,#ffd36a 18%,transparent),color-mix(in srgb,var(--accent) 16%,var(--surface))),var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,#ffe7ad 55%,transparent),0 0 18px color-mix(in srgb,#ffcf5a 45%,transparent),0 0 34px color-mix(in srgb,#ffb347 34%,transparent)}.neon-pulse-download:after{background:radial-gradient(circle,color-mix(in srgb,#ffe4a3 24%,transparent),transparent 66%);box-shadow:0 0 20px color-mix(in srgb,#ffd96a 45%,transparent),0 0 40px color-mix(in srgb,#ffb347 30%,transparent)}@keyframes neon-pulse-glow{0%,to{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-1px) scale(1.015);filter:brightness(1.08)}}@keyframes neon-pulse-ring{0%,to{opacity:.45;transform:scale(.985)}50%{opacity:.95;transform:scale(1.03)}}.file-item,.file-list li{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,.9fr) auto;align-items:center;grid-gap:12px;gap:12px;min-width:0;padding:10px 12px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 2%,transparent),transparent),var(--surface);color:var(--text);word-break:break-word;font-size:.94rem;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.file-item:hover{border-color:var(--border-strong)}.file-item.is-selected{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-soft));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.file-item.is-preview-open{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent),var(--surface)}.file-item-main{min-width:0}.file-item-main.is-clickable{cursor:pointer;border-radius:10px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.file-item-main.is-clickable:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.file-item-main.is-clickable:focus-visible{outline:none;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.file-item-left{display:flex;align-items:center;gap:10px;min-width:0;width:100%}.file-filetype-badge,.file-output-badge{min-width:46px;height:34px;padding:0 8px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;flex-shrink:0;letter-spacing:.05em}.file-filetype-badge{background:color-mix(in srgb,var(--accent) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border-strong));color:var(--accent-3)}.file-output-badge{min-width:58px;height:34px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid var(--border-strong);color:var(--accent);font-size:.78rem;letter-spacing:.03em}.file-meta{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.file-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.file-name{font-weight:800;font-size:.92rem;color:var(--text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.76rem;color:var(--muted)}.converter-format-panel{margin-top:16px}.converter-global-controls{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.converter-global-format-field{flex:1 1;min-width:220px}.file-item-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:flex-end}.file-format-inline{display:flex;align-items:center;gap:8px;min-width:0;min-height:42px;padding:0 10px;border:1px solid var(--border-soft);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.file-format-inline-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-3)}.file-format-inline .file-format-select{flex:1 1 auto;width:100%;min-width:0;min-height:38px;padding:0 34px 0 0;border:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4.25 6 8.25l4-4' stroke='%23f6c26b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;font-size:.88rem;background-position:right 6px center;background-size:13px 13px}.file-format-current-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-3);font-size:.68rem;font-weight:800;white-space:nowrap}.file-download-pill{gap:5px;font-weight:700}.file-download-pill,.file-progress-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--border-soft);font-size:.68rem}.file-progress-pill{background:color-mix(in srgb,var(--surface-2) 78%,transparent);color:var(--text-muted);font-weight:800}.file-progress-pill.processing{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-3);border-color:color-mix(in srgb,var(--accent) 28%,var(--border-soft))}.file-progress-pill.ready{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 28%,var(--border-soft))}.file-progress-pill.error{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error);border-color:color-mix(in srgb,var(--error) 26%,var(--border-soft))}.file-download-pill.ready{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 28%,var(--border-soft))}.file-download-pill.processing{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-3);border-color:color-mix(in srgb,var(--accent) 28%,var(--border-soft))}.file-download-pill.pending{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 28%,var(--border-soft))}.file-download-pill.error{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error);border-color:color-mix(in srgb,var(--error) 26%,var(--border-soft))}.file-sync-pill{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;border-radius:999px;font-size:.68rem;font-weight:800}.file-sync-pill.master{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-3)}.file-sync-pill.custom{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.expand-format-btn{min-height:34px;padding:0 12px;border-radius:8px;font-size:.8rem;font-weight:700}.expand-format-btn,.file-icon-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer}.file-icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.file-item-actions .file-icon-btn{width:32px;height:32px;border-radius:5px}.file-item-actions .file-icon-btn.convert{width:auto;min-width:72px;padding:0 10px;font-size:.76rem;font-weight:800}.file-icon-btn.primary{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent-3);border-color:color-mix(in srgb,var(--accent) 42%,var(--border-strong))}.file-icon-btn.download-ready{border:0;background:var(--button-bg);color:var(--button-text)}.file-icon-btn.active{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-3);border-color:var(--accent)}.file-icon-btn.danger{color:var(--error)}.file-icon-btn.danger:hover{background:color-mix(in srgb,var(--error) 10%,transparent);border-color:var(--error)}.remove-file-btn{background:transparent;color:var(--error);min-width:88px}.preview-tools-btn,.remove-file-btn{border:1px solid var(--border-strong);height:34px;padding:0 12px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.8rem}.preview-tools-btn{background:var(--surface);color:var(--text);min-width:92px}.download-file-btn{background:var(--button-bg);color:var(--button-text);border:0;min-width:108px;height:34px;padding:0 12px;border-radius:8px;cursor:pointer;font-weight:800;font-size:.8rem}.editor-download-all-btn{width:100%}.editor-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.converter-box{max-width:1120px;margin:0 auto}.converter-box-embedded{margin-top:22px}.editor-panel{margin-top:16px;padding:20px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 24%),var(--panel);box-shadow:0 16px 40px rgba(0,0,0,.08)}.editor-header,.editor-inline-row,.editor-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-header{margin-bottom:14px}.editor-meta{color:var(--muted);font-size:.85rem}.editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);grid-gap:20px;gap:20px;align-items:start}.editor-controls,.editor-preview-column{display:flex;flex-direction:column;gap:12px;min-width:0}.editor-control-pills{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.editor-control-pill{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:12px 16px;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 3%,transparent),transparent),color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);cursor:pointer;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.editor-control-pill:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,var(--border-strong));box-shadow:0 12px 24px rgba(0,0,0,.1)}.editor-control-pill.active{border-color:color-mix(in srgb,var(--accent) 44%,var(--border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent),color-mix(in srgb,var(--surface) 90%,var(--accent) 10%);box-shadow:0 10px 22px rgba(0,0,0,.12)}.editor-control-pill:before{content:"";width:3px;align-self:stretch;border-radius:999px;background:color-mix(in srgb,var(--border-strong) 70%,transparent);flex-shrink:0}.editor-control-pill.active:before{background:linear-gradient(180deg,var(--accent-3),var(--accent))}.editor-control-pill:after{content:"";width:8px;height:8px;margin-left:auto;border-right:1.5px solid color-mix(in srgb,var(--muted) 75%,transparent);border-bottom:1.5px solid color-mix(in srgb,var(--muted) 75%,transparent);transform:rotate(-45deg);transition:transform .18s ease,border-color .18s ease;flex-shrink:0}.editor-control-pill.active:after{border-color:color-mix(in srgb,var(--accent-3) 90%,transparent);transform:rotate(45deg)}.editor-control-pill svg{width:16px;height:16px;flex-shrink:0}.editor-control-pill span{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:0}.editor-control-pill strong{font-size:.9rem;line-height:1.1;letter-spacing:-.01em}.editor-control-pill small{color:var(--muted);font-size:.76rem;line-height:1.2}.editor-preview-tabs{display:flex;flex-wrap:wrap;gap:8px}.preview-tab{min-width:42px;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font-weight:700}.preview-tab.active{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent-3);border-color:var(--accent)}.preview-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.preview-stage-toolbar-label{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.preview-theme-switch{display:inline-flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--border-soft);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.preview-theme-btn{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:800;transition:background .18s ease,color .18s ease,transform .18s ease}.preview-theme-btn svg{width:14px;height:14px;flex-shrink:0}.preview-theme-btn:hover{color:var(--text);transform:translateY(-1px)}.preview-theme-btn.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.12)}.preview-stage{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;width:100%;min-height:260px;padding:16px;border-radius:14px;border:1px solid var(--border-soft);background:var(--surface);overflow:hidden}.preview-stage:before{inset:0;background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.06)),var(--surface);background-size:24px 24px,24px 24px,100% 100%,auto;background-position:0 0,12px 12px,0 0,0 0}.preview-stage:after,.preview-stage:before{content:"";position:absolute;z-index:0;pointer-events:none}.preview-stage:after{inset:-28%;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.24),transparent 30%),radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--accent-3) 42%,transparent),transparent 30%),radial-gradient(circle at 48% 76%,color-mix(in srgb,var(--champagne-2) 34%,transparent),transparent 36%),radial-gradient(circle at 58% 42%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 42%);opacity:.9;transform:translateZ(0);animation:preview-sparkle-sweep 3.6s linear infinite alternate}.preview-stage-light{background:#f3f6fb;border-color:rgba(75,91,116,.28)}.preview-stage-light:before{background:conic-gradient(from 90deg,#d2dae7 25%,#f9fbff 0 50%,#d2dae7 0 75%,#f9fbff 0),linear-gradient(180deg,rgba(255,255,255,.72),rgba(205,214,228,.5)),#edf2f8;background-size:24px 24px,100% 100%,auto;background-position:0 0,0 0,0 0;animation:none}.preview-stage-light:after{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.92) 0 2px,transparent 3px),radial-gradient(circle at 36% 64%,rgba(15,23,42,.2) 0 1.5px,transparent 3px),radial-gradient(circle at 62% 30%,rgba(37,99,235,.28) 0 2px,transparent 3px),radial-gradient(circle at 82% 72%,rgba(255,255,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 20% 28%,rgba(255,255,255,.72),transparent 24%),radial-gradient(circle at 76% 40%,rgba(37,99,235,.24),transparent 30%),radial-gradient(circle at 56% 78%,rgba(214,59,59,.18),transparent 32%);opacity:.95}.preview-stage-dark{background:#12161d;border-color:rgba(127,148,176,.24)}.preview-stage-dark:before{background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 0,transparent 75%,rgba(255,255,255,.08) 0),linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 0,transparent 75%,rgba(255,255,255,.08) 0),linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.06)),radial-gradient(circle at top left,rgba(75,181,255,.09),transparent 32%),#12161d;background-size:24px 24px,24px 24px,100% 100%,100% 100%,auto;background-position:0 0,12px 12px,0 0,0 0,0 0}.preview-stage-dark:after{background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.22) 0 2px,transparent 3px),radial-gradient(circle at 82% 24%,rgba(255,255,255,.16) 0 1.5px,transparent 3px),radial-gradient(circle at 72% 76%,rgba(255,214,102,.18),transparent 26%),radial-gradient(circle at 24% 70%,rgba(79,172,254,.16),transparent 32%),radial-gradient(circle at 58% 42%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 42%);opacity:.92}.preview-canvas-frame{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:2px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.42);background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.06)),rgba(8,11,17,.46);box-shadow:0 0 0 1px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.08),0 18px 38px rgba(0,0,0,.18)}@keyframes preview-sparkle-sweep{0%{transform:translate3d(-48px,0,0)}to{transform:translate3d(48px,0,0)}}.preview-canvas{position:relative;z-index:1;display:block;max-width:100%;max-height:540px;height:auto;min-width:1px;min-height:1px;border-radius:12px;outline:1px solid rgba(255,255,255,.7);outline-offset:-1px;box-shadow:0 0 0 1px rgba(10,14,20,.32),0 16px 34px rgba(0,0,0,.18);object-fit:contain;transform:translate(var(--preview-offset-x,0),var(--preview-offset-y,0)) scale(var(--preview-zoom,1));transform-origin:center;transition:transform .16s ease}.preview-canvas.pan-enabled{cursor:-webkit-grab;cursor:grab}.preview-canvas.pan-enabled:active{cursor:-webkit-grabbing;cursor:grabbing}.preview-canvas.crop-mode,.preview-canvas.lasso-mode,.preview-canvas.pick-mode{cursor:crosshair}.preview-canvas.eraser-mode{cursor:none}.eraser-brush-cursor{display:block;border:2px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px rgba(9,11,15,.56),0 8px 18px rgba(0,0,0,.22);transform:translate(-50%,-50%)}.eraser-brush-cursor,.preview-overlay{position:absolute;z-index:3;pointer-events:none}.preview-overlay{top:14px;left:14px;padding:8px 10px;border-radius:8px;background:rgba(11,14,19,.82);color:#ffffff;font-size:.85rem;transition:opacity .18s ease,visibility .18s ease}.preview-zoom-controls{position:absolute;top:14px;right:14px;z-index:4;display:inline-flex;align-items:center;gap:10px;padding:7px 8px 7px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 8px 18px rgba(0,0,0,.16)}.preview-zoom-value{border:0;color:var(--text);background:transparent;cursor:pointer}.preview-zoom-slider{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.74rem;font-weight:800}.preview-zoom-slider input{width:132px;accent-color:var(--accent);cursor:pointer}.preview-zoom-slider input:disabled{opacity:.56;cursor:not-allowed}.preview-zoom-value{min-width:54px;min-height:34px;padding:0 10px;border-radius:var(--radius-sm);font-weight:800;font-size:.82rem}.preview-zoom-value:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,transparent)}.preview-zoom-value:disabled{opacity:.56;cursor:not-allowed}@media (max-width:640px){.preview-zoom-controls{left:14px;right:14px}.preview-zoom-slider{flex:1 1}.preview-zoom-slider input{width:100%}}.preview-overlay-crop-hint.is-hidden{opacity:0;visibility:hidden}.preview-overlay-subtle{top:auto;bottom:14px}.preview-overlay-summary{display:flex;gap:10px;flex-wrap:wrap;max-width:calc(100% - 28px);background:rgba(11,14,19,.92);border:1px solid rgba(255,255,255,.2)}.preview-stage-light .preview-overlay{background:rgba(15,23,42,.78);color:#ffffff;box-shadow:0 8px 24px rgba(15,23,42,.16)}.preview-stage-light .preview-overlay-summary{background:rgba(15,23,42,.68);border-color:rgba(255,255,255,.34)}.preview-overlay.error{color:var(--error)}.sample-point-marker{width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:999px;border:2px solid #ffffff;box-shadow:0 0 0 3px rgba(11,14,19,.65)}.crop-selection-box,.sample-point-marker{position:absolute;z-index:2;pointer-events:none}.crop-selection-box{border:2px solid color-mix(in srgb,var(--accent) 80%,#ffffff);border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.88),0 0 0 9999px rgba(11,14,19,.56)}.crop-selection-box.is-editing{z-index:5;cursor:move;pointer-events:auto}.crop-selection-label{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(11,14,19,.82);color:#ffffff;font-size:.76rem;font-weight:800;letter-spacing:.02em}.crop-resize-handle{position:absolute;z-index:2;width:18px;height:18px;padding:0;border:2px solid #ffffff;border-radius:999px;background:var(--accent);box-shadow:0 0 0 2px rgba(11,14,19,.66),0 8px 18px rgba(0,0,0,.24);cursor:pointer}.crop-resize-handle-ne,.crop-resize-handle-nw,.crop-resize-handle-se,.crop-resize-handle-sw{width:20px;height:20px}.crop-resize-handle-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nwse-resize}.crop-resize-handle-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:ns-resize}.crop-resize-handle-ne{top:0;right:0;transform:translate(50%,-50%);cursor:nesw-resize}.crop-resize-handle-e{top:50%;right:0;transform:translate(50%,-50%);cursor:ew-resize}.crop-resize-handle-se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.crop-resize-handle-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:ns-resize}.crop-resize-handle-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:nesw-resize}.crop-resize-handle-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:ew-resize}.crop-quick-actions{position:absolute;right:8px;bottom:8px;z-index:3;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.crop-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-sm);background:rgba(11,14,19,.96);color:#ffffff;cursor:pointer;font-size:.78rem;font-weight:800}.crop-confirm-btn{background:var(--button-bg);color:var(--button-text);border-color:color-mix(in srgb,var(--accent) 62%,#ffffff)}.crop-quick-btn svg{width:13px;height:13px;flex-shrink:0}.crop-quick-btn:disabled{opacity:.58;cursor:not-allowed}@media (max-width:640px){.crop-selection-label{top:8px;left:8px;min-height:24px;padding:0 8px;font-size:.7rem}.crop-quick-actions{left:8px;right:8px}.crop-quick-btn{flex:1 1;min-width:0}}@keyframes preview-checker-drift{0%{background-position:0 0,12px 12px,0 0,0 0}to{background-position:48px 24px,60px 36px,0 0,0 0}}@keyframes preview-stage-glow{0%{opacity:.72;transform:translate3d(-2.5%,-1.5%,0) scale(1)}to{opacity:1;transform:translate3d(2.5%,1.5%,0) scale(1.08)}}@keyframes preview-sparkle-slide{0%{transform:translate3d(-5%,0,0)}to{transform:translate3d(5%,0,0)}}.editor-summary{flex-wrap:wrap;justify-content:flex-start;color:var(--muted);font-size:.84rem}.editor-summary-bar{padding:14px 16px;border:1px solid var(--border-soft);border-radius:10px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.editor-group{padding:16px;border:1px solid var(--border-soft);border-radius:12px;background:var(--panel-2)}.editor-group-collapsible{animation:editor-panel-in .18s ease}.editor-group-highlight{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--panel-2)}.editor-group h4{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px;font-size:.95rem}.editor-group h4 svg{width:15px;height:15px;flex-shrink:0}.converter-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.editor-help{color:var(--muted);font-size:.85rem}@keyframes editor-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.editor-help-compact{margin-top:10px}.editor-video-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:12px}.editor-video-card{position:relative;overflow:hidden;border:1px solid var(--border-soft);border-radius:10px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.editor-video-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:9px;gap:9px;min-height:46px;padding:9px 10px;border-bottom:1px solid var(--border-soft)}.editor-video-card-head .editor-mode-switch-track{width:38px;height:22px}.editor-video-card-head .editor-mode-switch-thumb{top:3px;left:3px;width:16px;height:16px}.editor-video-card.is-contextual .editor-mode-switch-track{background:color-mix(in srgb,var(--accent) 80%,var(--panel))}.editor-video-card.is-global .editor-mode-switch-track{background:color-mix(in srgb,var(--text) 34%,var(--panel))}.editor-video-card.is-global .editor-mode-switch-thumb{transform:translateX(16px)}.editor-video-card-head p{color:var(--muted);font-size:.74rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.editor-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--panel)}.editor-video-card figcaption{padding:8px 26px 8px 10px;color:var(--text);font-size:.78rem;font-weight:800;line-height:1.25}.editor-video-arrow{position:absolute;right:12px;bottom:12px;width:8px;height:8px;border-right:1.5px solid color-mix(in srgb,var(--muted) 70%,transparent);border-bottom:1.5px solid color-mix(in srgb,var(--muted) 70%,transparent);transform:rotate(45deg);opacity:.7;pointer-events:none}.editor-field{display:flex;flex-direction:column;gap:8px;margin-top:10px}.editor-field input[type=range]{width:100%}.editor-mode-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 16px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 82%,transparent),color-mix(in srgb,var(--surface) 92%,transparent));color:var(--foreground);text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.editor-mode-switch:hover:not(:disabled){border-color:var(--border-strong);box-shadow:0 12px 28px rgba(0,0,0,.12)}.editor-mode-switch:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,white);outline-offset:2px}.editor-mode-switch:disabled{opacity:.6;cursor:not-allowed}.editor-mode-switch.is-contextual{border-color:color-mix(in srgb,var(--accent) 36%,var(--border-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),color-mix(in srgb,var(--surface) 96%,var(--accent) 4%))}.editor-mode-switch.is-global{border-color:color-mix(in srgb,var(--text) 20%,var(--border-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--text) 5%,var(--panel)),color-mix(in srgb,var(--surface) 96%,var(--text) 4%))}.editor-mode-switch-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.editor-mode-switch-copy strong{font-size:.95rem}.editor-mode-switch-copy span{color:var(--muted);font-size:.82rem;line-height:1.35}.editor-mode-switch-track{position:relative;flex:0 0 auto;width:58px;height:32px;border-radius:999px;background:color-mix(in srgb,var(--border-strong) 72%,var(--panel));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background .18s ease}.editor-mode-switch.is-contextual .editor-mode-switch-track{background:color-mix(in srgb,var(--accent) 80%,var(--panel))}.editor-mode-switch.is-global .editor-mode-switch-track{background:color-mix(in srgb,var(--text) 34%,var(--panel))}.editor-mode-switch-thumb{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:#ffffff;box-shadow:0 2px 6px rgba(9,11,15,.24),0 0 0 1px rgba(9,11,15,.08);transition:transform .18s ease}.editor-mode-switch.is-global .editor-mode-switch-thumb{transform:translateX(26px)}.editor-inline-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:44px;margin-top:0;padding:10px 14px;text-align:center;line-height:1.25}.editor-inline-btn svg{width:14px;height:14px;flex-shrink:0}.editor-inline-btn.active{border:1px solid #a99b7a;background:linear-gradient(135deg,#b6ab90,#8c8474);color:#f8f4ea;box-shadow:0 10px 24px rgba(92,84,69,.22)}.editor-button-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;grid-gap:10px;gap:10px;margin-top:12px}.editor-panel-elevated{padding:24px}.editor-header-strong{align-items:flex-start}.editor-kicker{color:var(--accent-3);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:800;margin-bottom:6px}.editor-meta-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.editor-meta-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid var(--border-strong);color:var(--accent-3);font-size:.8rem;font-weight:800}.editor-layout-polished{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr)}.editor-layout-panel-open .editor-preview-column{align-self:stretch}.editor-layout-panel-open .preview-stage{min-height:clamp(360px,48vh,560px);margin-top:var(--preview-stage-drop,0);transition:margin-top .26s ease}.preview-quality-slider{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;grid-gap:16px;gap:16px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 4%,transparent),transparent),color-mix(in srgb,var(--panel-2) 78%,var(--surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.08)}.preview-quality-slider-copy{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}.preview-quality-slider-copy strong{color:var(--text);font-size:.9rem;line-height:1.15}.preview-quality-slider-copy small{color:var(--muted);font-size:.76rem;font-weight:700;line-height:1.25}.preview-quality-slider input{width:100%;accent-color:var(--accent);cursor:pointer}.preview-quality-slider input:disabled{opacity:.56;cursor:not-allowed}.preview-stage-large{min-height:420px}.model-preview-panel{overflow:hidden}.model-preview-stage{position:relative;min-height:420px;overflow:hidden;border:1px solid color-mix(in srgb,var(--champagne) 24%,var(--border-soft));border-radius:var(--radius-md);background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--champagne) 14%,transparent),transparent 34%),radial-gradient(circle at 72% 74%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 36%),#101010;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.model-preview-stage.is-interactive{cursor:-webkit-grab;cursor:grab}.model-preview-stage.is-interactive:active{cursor:-webkit-grabbing;cursor:grabbing}.model-preview-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 36%,rgba(255,255,255,.04));z-index:1}.model-preview-canvas{position:relative;z-index:0;display:block;width:100%;height:100%;min-height:420px}.model-preview-hud{position:absolute;right:14px;bottom:14px;z-index:2;padding:8px 10px;border:1px solid color-mix(in srgb,var(--champagne) 26%,transparent);border-radius:999px;background:rgba(0,0,0,.48);color:var(--champagne-2);font-size:.76rem;font-weight:800;pointer-events:none}.model-preview-mode-floating{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 28px);padding:5px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(14,14,14,.42);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 26px rgba(0,0,0,.22)}.model-preview-mode-floating button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 13px;border:1px solid transparent;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,248,236,.86);cursor:pointer;font-size:.8rem;font-weight:900;letter-spacing:.01em;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.model-preview-mode-floating button svg{width:15px;height:15px;flex-shrink:0}.model-preview-mode-floating button:hover:not(:disabled){transform:translateY(-1px);background:rgba(255,255,255,.14)}.model-preview-mode-floating button.active{border-color:rgba(255,255,255,.18);background:rgba(232,232,232,.9);color:#161616}.model-preview-mode-floating button:disabled{cursor:not-allowed;opacity:.62}.model-side-card{overflow:hidden}.model-side-card-primary{background:radial-gradient(circle at top right,color-mix(in srgb,var(--champagne) 13%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,#ffffff 3%,transparent),transparent),color-mix(in srgb,var(--surface) 82%,transparent)}.model-camera-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.model-camera-actions button{min-height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--secondary-bg);color:var(--secondary-text);cursor:pointer;font-size:.84rem;font-weight:800}.model-camera-actions button:disabled{cursor:not-allowed;opacity:.64}.background-sample-marker{position:absolute;z-index:2;width:20px;height:20px;margin-left:-10px;margin-top:-10px;padding:0;border:0;border-radius:999px;background:transparent;pointer-events:auto}.background-sample-marker-dot{display:block;width:20px;height:20px;border:2px solid #ffffff;border-radius:999px;background:radial-gradient(circle at center,var(--sample-color,var(--accent)) 0 34%,transparent 35% 100%),color-mix(in srgb,var(--sample-color,var(--accent)) 20%,rgba(255,255,255,.18));box-shadow:0 0 0 1px rgba(9,11,15,.45),0 8px 18px rgba(0,0,0,.22)}.lasso-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.lasso-overlay-mask{fill:rgba(11,14,19,.52)}.lasso-overlay-outline{fill:rgba(143,196,255,.12);stroke:color-mix(in srgb,var(--accent) 88%,#ffffff);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))}.lasso-overlay-point{fill:#ffffff;stroke:color-mix(in srgb,var(--accent) 88%,#ffffff);stroke-width:1;vector-effect:non-scaling-stroke}.editor-file-nav{display:flex;gap:10px}.editor-nav-btn{min-width:0;flex:1 1}.editor-tips-card{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent),var(--panel-2)}.editor-checklist{margin-top:10px;padding-left:18px;color:var(--muted)}.editor-checklist li+li{margin-top:8px}.color-chip{width:28px;height:28px;border-radius:999px;border:1px solid var(--border-strong);background-image:linear-gradient(45deg,rgba(255,255,255,.14) 25%,transparent 0,transparent 75%,rgba(255,255,255,.14) 0),linear-gradient(45deg,rgba(255,255,255,.14) 25%,transparent 0,transparent 75%,rgba(255,255,255,.14) 0);background-size:10px 10px;background-position:0 0,5px 5px}.background-sample-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.background-sample-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft)}.background-sample-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.background-sample-list-detailed{display:flex;flex-direction:column;gap:10px}.background-sample-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border-soft);border-radius:14px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.background-sample-row-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1}.background-sample-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.background-sample-copy strong{font-size:.9rem}.background-sample-copy span{color:var(--muted);font-size:.78rem;line-height:1.4}.background-sample-remove-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:84px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--secondary-bg);color:var(--secondary-text);cursor:pointer;font-size:.8rem;font-weight:700}.background-sample-remove-btn svg{width:13px;height:13px;flex-shrink:0}.background-sample-remove-btn:disabled{opacity:.65;cursor:not-allowed}.background-sample-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent-3);font-size:.8rem;font-weight:700}.background-sample-empty{color:var(--muted);font-size:.85rem}.converter-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}.action-btn{min-width:172px;min-height:46px}.action-btn.primary{background:var(--button-bg);color:var(--button-text)}.action-btn.secondary{background:var(--secondary-bg);color:var(--secondary-text);border:1px solid var(--secondary-border)}.status-message{min-height:22px;margin-top:14px;text-align:center;font-size:.92rem;font-weight:600}.status-message.info{color:var(--info)}.status-message.success{color:var(--success)}.status-message.error{color:var(--error)}.status-message.warning{color:color-mix(in srgb,var(--error) 45%,var(--info))}.report-panel{margin-top:12px;padding:14px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-2)}.report-list{margin-top:10px;padding-left:18px;color:var(--text)}.seo-content{max-width:880px;margin:42px auto 0;padding:24px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent),var(--panel)}.seo-content h2{font-size:clamp(1.28rem,3vw,1.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:10px;color:var(--text)}.seo-content p{color:var(--muted);font-size:.98rem;line-height:1.65;max-width:760px}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--accent-3);text-decoration:none;font-weight:700}.tools{margin-top:14px}.section-heading-detail{position:relative;display:inline-block;padding-right:32px}.section-heading-detail:after{content:"";position:absolute;right:0;top:50%;width:22px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--champagne) 84%,transparent),transparent)}.tools h3{font-size:1.05rem;margin-bottom:12px;letter-spacing:-.02em}.content-page-section h2,.faq-section h2,.landing-card h2,.landing-rich-text h2,.related-tools h2,.tools h2{font-size:1.2rem;letter-spacing:-.02em}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.tool-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:72px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);color:var(--text);text-decoration:none;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease;overflow:auto}.tool-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--champagne) 28%,var(--border));background:radial-gradient(circle at top right,color-mix(in srgb,var(--champagne) 10%,transparent),transparent 34%),color-mix(in srgb,var(--accent) 6%,var(--surface-2))}.tool-card:before{content:"";position:absolute;inset:auto -20% -40% auto;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--champagne) 18%,transparent),transparent 68%);opacity:0;transition:opacity .22s ease,transform .22s ease}.tool-card:hover:before{opacity:1;transform:translate(-8px,-8px)}.tool-card-link{align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:10px;text-align:left}.tool-card-link small{color:var(--muted);font-size:.82rem;font-weight:500;line-height:1.45}.feature-tool-card{position:relative;display:flex;align-items:flex-start;flex-direction:row;justify-content:flex-start;gap:12px;min-height:0;padding:6px 0;color:var(--text);text-align:left;overflow:visible}.feature-tool-icon{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border:0;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}.feature-tool-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-tool-copy{display:grid;grid-gap:5px;gap:5px}.feature-tool-copy strong{font-size:.98rem;line-height:1.2}.feature-tool-copy small{color:var(--accent);font-size:.78rem;font-weight:800;line-height:1.3}.feature-tool-copy span{color:var(--muted);font-size:.82rem;font-weight:500;line-height:1.45}.content-page-hero,.landing-hero{max-width:860px;margin:0 auto 22px}.landing-eyebrow{color:var(--accent-3);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.content-page-hero h1,.landing-hero h1{font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:10px}.content-page-body p,.content-page-hero p,.landing-copy,.landing-rich-text p{color:var(--muted);font-size:1rem;line-height:1.7}.landing-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.landing-link-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.landing-grid,.seo-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px}.landing-grid-tight{margin-top:22px}.content-page-section,.landing-card,.landing-rich-text,.landing-sidebar>.landing-card{position:relative;padding:20px;border:1px solid var(--border-soft);border-radius:20px;background:var(--panel);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.content-page-section:hover,.landing-card:hover,.landing-rich-text:hover,.landing-sidebar>.landing-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--champagne) 20%,var(--border-soft));box-shadow:0 18px 34px rgba(0,0,0,.1)}.auth-shell{display:flex;justify-content:center;padding:24px 0}.auth-card{width:min(100%,460px);padding:28px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent),var(--panel);box-shadow:0 22px 46px rgba(0,0,0,.12)}.auth-card-wide{width:min(100%,680px)}.auth-card-header h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.05;letter-spacing:-.04em}.auth-card-header p:last-child{margin-top:10px;color:var(--muted)}.auth-provider-btn,.auth-submit-btn{width:100%;margin-top:18px}.auth-divider{position:relative;display:flex;justify-content:center;margin:18px 0}.auth-divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--border-soft)}.auth-divider span{position:relative;padding:0 12px;background:var(--panel);color:var(--muted);font-size:.85rem}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field span{font-size:.84rem;color:var(--muted);font-weight:700}.auth-field input{width:100%;min-height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.95rem}.auth-feedback{min-height:24px;margin-top:14px;font-size:.9rem;font-weight:600}.auth-feedback.success{color:var(--success)}.auth-feedback.error{color:var(--error)}.auth-switch-copy{margin-top:10px;color:var(--muted);font-size:.92rem}.auth-provider-note{margin-top:6px;color:var(--muted);font-size:.84rem}.auth-switch-copy a{color:var(--accent-3);text-decoration:none;font-weight:700}.account-summary{margin-top:20px;padding:18px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface)}.account-summary-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.account-summary-row:last-child{border-bottom:0;padding-bottom:0}.account-summary-row:first-child{padding-top:0}.account-summary-row span{color:var(--muted)}.account-summary-row strong{text-align:right;word-break:break-word}.landing-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);grid-gap:14px;gap:14px;margin-top:18px}.content-page{max-width:920px;margin:0 auto}.content-page-body{display:flex;flex-direction:column;gap:14px}.content-page-list{margin-top:12px;padding-left:18px;color:var(--text)}.content-page-list li+li{margin-top:8px}.faq-section{margin-top:20px}.faq-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.faq-item{padding:18px;border:1px solid var(--border-soft);border-radius:18px;background:var(--panel)}.faq-item h3{margin-bottom:8px;font-size:.98rem}.faq-item p{color:var(--muted);font-size:.92rem;line-height:1.6}.related-tools{margin-top:20px}.footer{border-top:1px solid var(--border-soft);padding:18px 0 24px;margin-top:8px}.footer p{color:var(--footer-text);font-size:.9rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;grid-gap:20px;gap:20px;align-items:flex-start}.footer-heading{color:var(--text);font-weight:800;margin-bottom:10px}.footer-link-list{display:flex;flex-direction:column;gap:8px}.footer-link-list a{color:var(--footer-text);text-decoration:none}.home-float-in{opacity:1;transform:none}@keyframes home-float-in{to{opacity:1;transform:translateZ(0) scale(1)}}.footer-meta{margin-top:18px;text-align:center}a,button,select{-webkit-tap-highlight-color:transparent}.dropzone:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}optgroup,option,select{color-scheme:inherit}select{background-color:var(--surface);color:var(--text)}optgroup,option{background-color:var(--panel);color:var(--text)}:root:not([data-theme=light]) .file-format-inline,:root:not([data-theme=light]) .file-toolbar-field{background:#141414;border-color:#505050;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(0,0,0,.18)}:root:not([data-theme=light]) .editor-help,:root:not([data-theme=light]) .editor-meta,:root:not([data-theme=light]) .file-list-subtitle,:root:not([data-theme=light]) .file-toolbar-label{color:#d8d1c8}:root:not([data-theme=light]) .file-format-select,:root:not([data-theme=light]) .format-select{background-color:#101010;color:#f6f2ec;border-color:#666666}:root:not([data-theme=light]) optgroup,:root:not([data-theme=light]) option{background:#101010;color:#f6f2ec}:root:not([data-theme=light]) .background-sample-panel,:root:not([data-theme=light]) .editor-group,:root:not([data-theme=light]) .editor-panel,:root:not([data-theme=light]) .file-item.is-preview-open,:root:not([data-theme=light]) .report-panel{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%),#161616;border-color:#4f4f4f}:root:not([data-theme=light]) .file-item.is-selected{border-color:#7b7b7b;box-shadow:0 0 0 1px rgba(255,255,255,.08)}:root:not([data-theme=light]) .file-filetype-badge,:root:not([data-theme=light]) .file-format-current-pill,:root:not([data-theme=light]) .file-output-badge,:root:not([data-theme=light]) .file-toolbar-summary-pill{color:#fff3db}@media (max-width:1280px){.ad{display:none}.content{max-width:100%}}@media (max-width:900px){.converter-help-grid,.faq-list,.format-panel-grid,.format-popover-layout,.format-visibility-grid,.home-priority-panel,.landing-grid,.seo-home-grid,.tools-grid{grid-template-columns:1fr}.format-popover-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-button-grid,.editor-video-compare,.footer-grid,.landing-body,.value-strip{grid-template-columns:1fr}}@media (max-width:768px){.container{width:min(100% - 20px,1100px)}.format-popover-panel{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.format-popover-categories{grid-template-columns:1fr}.file-explorer-header,.file-explorer-stats,.format-action-wide{width:100%}.converter-box .file-list,.editor-panel,.file-list{padding:14px}.file-explorer-header{gap:10px}.file-explorer-stats{justify-content:flex-start}.file-master-toolbar{flex-direction:column}.file-toolbar-field{width:100%;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.file-toolbar-btn{width:100%;min-height:46px}.file-item{grid-template-columns:1fr;align-items:stretch;gap:10px}.file-format-inline,.file-item-actions{width:100%}.file-format-inline{display:grid;grid-template-columns:auto minmax(0,1fr);grid-row-gap:8px;row-gap:8px}.file-format-current-pill{grid-column:1/-1;justify-content:center;width:100%}.file-item-actions{justify-content:stretch;flex-wrap:wrap}.file-item-actions .file-icon-btn{flex:1 1 42px;min-width:42px;height:40px}.file-item-actions .file-icon-btn.convert{flex:999 1 100%;min-width:100%;min-height:42px}.converter-global-controls{width:100%}.converter-actions{flex-direction:column;align-items:stretch}.editor-layout{grid-template-columns:1fr}.editor-header,.editor-inline-row,.editor-summary-bar,.preview-stage-toolbar{align-items:flex-start;flex-direction:column}.editor-summary-bar{gap:6px}.editor-layout-panel-open .editor-preview-column{align-self:stretch}.editor-layout-panel-open .preview-stage{margin-top:0}.preview-quality-slider{grid-template-columns:1fr}.editor-meta-stack{align-items:flex-start}.preview-stage-large{min-height:300px}.preview-theme-switch{width:100%}.preview-theme-btn{flex:1 1;justify-content:center}.model-preview-canvas,.model-preview-stage{min-height:300px}.header-actions,.header-row{flex-direction:column;align-items:stretch}.auth-nav,.language-selector,.top-nav{justify-content:center;flex-wrap:wrap}.account-summary-row{flex-direction:column}.account-summary-row strong{text-align:left}.background-sample-row{align-items:flex-start;flex-direction:column}.background-sample-remove-btn{width:100%}}@media (max-width:640px){body,html{overflow-x:clip}.layout-background-grid{background-size:42px 42px;opacity:.06}.layout-background-lines-left{left:4%}.layout-background-lines-right{right:5%}.layout-background-lines-center{display:none}.header{padding-top:16px}.header-row{flex-direction:column;align-items:stretch}.logo{font-size:1.65rem;justify-content:center;text-align:center;gap:.55rem}.logo-mark{width:2rem;height:2rem}.main{padding:18px 0 36px}.converter-hero,.hero{margin-top:14px;margin-bottom:18px}.converter-hero{text-align:left}.hero-title{font-size:clamp(1.85rem,12vw,2.35rem);letter-spacing:-.035em}.hero-subtitle{font-size:.96rem;margin:0}.hero-points{justify-content:flex-start;gap:8px}.hero-point{min-height:32px;padding:0 10px;font-size:.78rem}.home-priority-panel{padding:18px;border-radius:16px}.hero-tech-grid{background-size:24px 24px;opacity:.14}.hero-tech-orb-primary{right:-30px;width:150px;height:150px}.hero-tech-orb-secondary{width:120px;height:120px}.hero-tech-badge{display:none}.dropzone{min-height:250px;border-radius:8px;padding:20px 16px}.drop-icon{font-size:3.4rem}.drop-title{font-size:1.18rem}.action-btn,.browse-btn,.theme-toggle{width:100%;min-width:0}.converter-box .file-list,.editor-panel,.file-list,.seo-content{padding:12px}.editor-help,.file-list-subtitle{font-size:.82rem}.file-item,.file-list li{padding:10px}.file-item-left{align-items:flex-start}.file-filetype-badge{min-width:40px;height:30px;padding:0 6px}.file-name{max-width:100%;white-space:normal;overflow-wrap:anywhere}.file-meta-row{gap:5px}.file-download-pill,.file-progress-pill,.file-sync-pill,.file-toolbar-summary-pill{min-height:22px;padding:0 7px}.editor-panel-elevated{padding:14px}.editor-file-nav,.editor-preview-actions{grid-template-columns:1fr;flex-direction:column}.editor-group{padding:12px}.editor-control-pill{min-height:50px;padding:10px 12px}.preview-stage{padding:10px}.editor-layout-panel-open .preview-stage,.model-preview-canvas,.model-preview-stage,.preview-stage,.preview-stage-large{min-height:260px}.preview-canvas{max-height:360px}.auth-action-link{width:auto;min-width:max-content}}.theme-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent),var(--secondary-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.theme-toggle:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);flex-shrink:0}.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--secondary-border));transform:translateY(-1px)}.account-summary,.auth-card,.content-page-section,.editor-panel,.faq-item,.format-panel,.home-priority-panel,.landing-card,.landing-rich-text,.landing-sidebar>.landing-card,.seo-content,.tool-card,.value-card{border-radius:var(--radius-xl)}.background-sample-row,.converter-box .dropzone,.converter-box .file-list,.dropzone,.file-list,.preview-canvas-frame,.preview-stage{border-radius:var(--radius-md)}.action-btn,.auth-field input,.auth-user-chip,.background-sample-remove-btn,.browse-btn,.editor-meta-badge,.editor-mode-switch,.file-format-select,.file-item,.file-list li,.format-select,.format-visibility-card,.preview-tab{border-radius:var(--radius-sm)}.ad-box,.download-file-btn,.expand-format-btn,.preview-overlay,.preview-tools-btn,.remove-file-btn,.report-panel{border-radius:var(--radius-xs)}.background-sample-chip,.file-output-pill,.file-sync-pill,.format-chip,.hero-point{border-radius:var(--radius-lg)}.preview-canvas{border-radius:var(--radius-sm)}@media (max-width:640px){.home-priority-panel{border-radius:var(--radius-lg)}.converter-box .dropzone,.dropzone{border-radius:var(--radius-md)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.home-float-in{opacity:1;transform:none}}