.hero{margin-bottom:0;position:relative;padding-bottom:.2rem}.hero:before{content:"";display:block;width:64px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent-strong),var(--accent-fade));margin-bottom:1rem}.eyebrow{margin:0;color:var(--accent);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;font-weight:700}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.45rem);line-height:1.05;letter-spacing:-.03em;text-shadow:var(--title-shadow)}.hero-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.2rem 0 .3rem}.tagline{margin:0;color:var(--text-soft);font-size:clamp(1.02rem,2.2vw,1.2rem);font-weight:500}.about{margin:1rem 0 0;max-width:68ch;color:var(--text-muted)}.hero-badges{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.5rem}.hero-badges span{border:1px solid var(--badge-border);border-radius:999px;padding:.27rem .62rem;font-size:.78rem;color:var(--badge-text);background-color:var(--badge-bg);box-shadow:inset 0 0 0 1px var(--accent-inset);transition:background-color .6s ease,color .6s ease,border-color .6s ease}@media (max-width: 760px){.hero-title-row{align-items:flex-start}}.top-actions{display:flex;justify-content:center;align-items:center;flex:0 0 auto}.theme-toggle{border:1px solid var(--accent-border);background-color:var(--surface-2);color:var(--text-main);width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-toggle);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease,background-color .6s ease,color .6s ease}.theme-toggle:hover{border-color:var(--accent-border-strong);box-shadow:var(--glow-soft);transform:translateY(-1px)}.theme-toggle svg{width:24px;height:24px;display:block;stroke:currentColor;stroke-width:1.6;fill:none}.theme-toggle .icon-fill{fill:currentColor;stroke:none;opacity:.9}.info-tooltip{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.info-tooltip-trigger{width:1.12rem;height:1.12rem;padding:0;border-radius:50%;border:1px solid var(--accent-border);background:var(--surface-1);color:var(--accent-strong);font:inherit;font-size:.74rem;font-weight:700;line-height:1;display:grid;place-items:center;cursor:help;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.info-tooltip-trigger:hover{border-color:var(--accent-border-strong);background:var(--surface-2)}.info-tooltip-trigger:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.info-tooltip-bubble{position:absolute;left:50%;top:calc(100% + .5rem);transform:translate(-50%,-4px);min-width:220px;max-width:min(320px,calc(100vw - 3rem));padding:.52rem .62rem;border-radius:10px;border:1px solid var(--accent-border);background:var(--glass-bg-strong);color:var(--text-main);font-size:.78rem;font-weight:500;line-height:1.35;text-align:left;box-shadow:var(--shadow-panel);opacity:0;pointer-events:none;z-index:35;transition:opacity .2s ease,transform .2s ease}.info-tooltip-bubble:before{content:"";position:absolute;left:50%;top:-5px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);border-left:1px solid var(--accent-border);border-top:1px solid var(--accent-border);background:var(--glass-bg-strong)}.info-tooltip:hover .info-tooltip-bubble,.info-tooltip:focus-within .info-tooltip-bubble{opacity:1;transform:translate(-50%)}@media (max-width: 760px){.info-tooltip-bubble{left:auto;right:0;transform:translateY(-4px);min-width:180px}.info-tooltip-bubble:before{left:auto;right:7px;transform:rotate(45deg)}.info-tooltip:hover .info-tooltip-bubble,.info-tooltip:focus-within .info-tooltip-bubble{transform:translateY(0)}}.converter-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.8rem;align-items:start}.main-column{display:grid;gap:1.8rem;align-content:start}.upload-panel{padding:1.7rem}.section-head h2{margin:0}.section-head p{margin:.28rem 0 1.15rem;color:var(--text-muted)}.drop-zone{border-radius:var(--radius-md);border:1px dashed var(--accent-border);background-color:var(--surface-2);min-height:190px;display:grid;place-items:center;text-align:center;padding:1.15rem;cursor:pointer;transition:border-color .35s ease,background-color .6s ease,transform .35s ease}.drop-zone:hover{border-color:var(--accent-strong);background-color:var(--surface-3)}.drop-zone.drag-over{border-color:var(--accent-strong);background-color:var(--surface-1);transform:translateY(-2px)}.drop-zone.error{border-color:var(--danger);background:#46142266}.drop-zone-title{margin:0 0 .2rem;font-weight:700}.drop-zone-subtitle{margin:0 0 .65rem;color:var(--text-muted)}.accepted-text{margin:.62rem 0 0;color:var(--text-muted)}.accepted-text code{color:var(--accent)}.upload-meta{margin-top:1rem;border:1px solid var(--divider);border-radius:var(--radius-sm);background-color:var(--surface-3);padding:.78rem .9rem;display:flex;flex-wrap:wrap;gap:.7rem 1rem;transition:background-color .6s ease,border-color .6s ease}.upload-meta p{margin:0;color:var(--text-muted)}.upload-meta strong{color:var(--text-strong)}.action-row{margin-top:1.3rem;display:flex;flex-wrap:wrap;gap:.65rem}.action-button{font-size:1rem}.status-card{margin-top:1.1rem;border:1px solid var(--divider);border-radius:var(--radius-md);background:var(--glass-bg-strong);padding:1rem 1.1rem}.status-card.done{border-color:var(--accent-border-strong)}.status-card.error{border-color:#ff768a9e}.status-header{display:flex;align-items:center;gap:.66rem}.status-label{margin:0;font-weight:700}.status-step{margin:0;color:var(--text-muted);font-size:.94rem}.spinner{width:1.04rem;height:1.04rem;border-radius:50%;border:2px solid var(--spinner-ring);border-top-color:var(--accent-strong);animation:spin .85s linear infinite;opacity:0}.spinner.active{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{margin-top:.64rem;width:100%;height:.42rem;border-radius:999px;background:var(--progress-track);overflow:hidden}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--progress-start),var(--progress-end));transition:width .4s ease}.error-text{min-height:1.2rem;margin:.75rem 0 0;color:#ff9eaa;font-weight:600}.side-panel{display:grid;gap:1.35rem}.settings-panel-wrap{padding:1.35rem}.settings-panel-wrap h3{margin:0 0 .75rem}.settings-panel{margin:0;border:0;padding:0;display:grid;gap:.85rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;color:var(--text-main);padding:.25rem 0;border:0;border-radius:0;background:transparent;transition:color .6s ease}.toggle-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:46px;height:24px;border-radius:999px;background-color:var(--surface-1);border:1px solid var(--switch-track-border);position:relative;cursor:pointer;transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}.toggle-row input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--switch-thumb-off);box-shadow:0 2px 8px #00000080;transition:transform .35s ease,background .35s ease}.toggle-row input[type=checkbox]:checked{background:var(--switch-track-on);border-color:var(--accent-border-strong);box-shadow:0 0 0 2px var(--switch-track-ring)}.toggle-row input[type=checkbox]:checked:after{transform:translate(22px);background:var(--switch-thumb-on)}.toggle-row input[type=checkbox]:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.toggle-row>span{flex:1}.toggle-row-label{flex:1;display:inline-flex;align-items:center;gap:.42rem;min-width:0;cursor:pointer}.toggle-row-label>span{flex:1}.setting-field{display:grid;gap:.45rem;margin:0;color:var(--text-main);padding:0;border:0;background:transparent;border-radius:0}.settings-panel>.setting-field+.setting-field{border-top:1px solid var(--divider);padding-top:.85rem}.setting-field>span{font-weight:600}.setting-title-row{display:inline-flex;align-items:center;gap:.42rem}.setting-title-text{font-weight:600}.setting-field input[type=text],.setting-field input[type=file],.setting-field select{width:100%;font:inherit;color:var(--text-main);background:var(--surface-1);border:1px solid var(--glass-border);border-radius:10px;padding:.52rem .6rem}.format-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;background:var(--surface-1)}.format-option{border:0;border-right:1px solid var(--glass-border);background:transparent;color:var(--text-main);font:inherit;font-weight:700;padding:.56rem .58rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.format-option:last-child{border-right:0}.format-option:hover{background:var(--surface-2)}.format-option.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-ink)}.format-option:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}.setting-field input[type=file]{padding:.42rem .5rem}.setting-hint{color:var(--text-muted);font-size:.85rem}.extra-settings{border:1px solid var(--divider);border-radius:var(--radius-sm);background:linear-gradient(160deg,var(--surface-2),var(--surface-3));overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease}.extra-settings:hover{border-color:var(--accent-border-strong);box-shadow:0 6px 14px var(--accent-glow-soft)}.extra-settings summary{cursor:pointer;font-weight:700;color:var(--text-main);padding:.75rem 2.4rem .75rem .75rem;position:relative;list-style:none;letter-spacing:.01em}.extra-settings summary::-webkit-details-marker{display:none}.extra-settings summary:before{content:"Advanced";display:inline-block;margin-right:.45rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);vertical-align:middle}.extra-settings summary:after{content:"";position:absolute;right:.85rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid var(--accent-strong);border-bottom:2px solid var(--accent-strong);transform:translateY(-62%) rotate(45deg);transition:transform .28s ease}.extra-settings[open] summary:after{transform:translateY(-38%) rotate(-135deg)}.extra-settings-body{display:grid;gap:.65rem;padding:0 16px 16px}.extra-settings-body .toggle-row+.toggle-row{border-top:1px solid var(--divider);padding-top:.75rem}.cover-drop-zone{border-radius:var(--radius-sm);border:1px dashed var(--accent-border);background-color:var(--surface-2);min-height:124px;display:grid;place-items:center;text-align:center;padding:.85rem;cursor:pointer;transition:border-color .35s ease,background-color .6s ease,transform .35s ease}.cover-drop-zone:hover{border-color:var(--accent-strong);background-color:var(--surface-3)}.cover-drop-zone.drag-over{border-color:var(--accent-strong);background-color:var(--surface-1);transform:translateY(-2px)}.cover-drop-title{margin:0 0 .2rem;font-weight:700}.cover-drop-subtitle{margin:0 0 .6rem;color:var(--text-muted)}.cover-choose-btn{padding-top:.5rem;padding-bottom:.5rem}.cover-preview-wrap{display:flex;justify-content:center}.cover-preview{display:block;width:76px;height:104px;object-fit:cover;border-radius:10px;border:1px solid var(--accent-border);background:var(--surface-1)}.preview-strip{padding:.45rem .3rem .3rem}.preview-strip h3{margin:0 0 .7rem}.preview-stats{margin:0;display:grid;gap:.45rem}.stat-row{display:flex;justify-content:space-between;gap:.7rem;border-bottom:1px solid var(--divider);padding:.45rem 0}.stat-row dt{color:var(--text-muted)}.stat-row dd{margin:0;text-align:right;font-weight:600}@media (max-width: 980px){.main-column{display:contents}.upload-panel{grid-row:1}.side-panel{grid-row:2}.preview-strip{grid-row:3}}.log-card{padding:1.45rem 1.5rem;position:relative;overflow:hidden;display:grid;grid-template-rows:auto 0fr;background:var(--surface-2);border-color:var(--glass-border);box-shadow:var(--shadow-toggle);backdrop-filter:none;-webkit-backdrop-filter:none;transition:grid-template-rows .45s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.log-heading{margin:0}.log-toggle{width:100%;border:0;background:transparent;color:inherit;font:inherit;font-size:1rem;text-align:left;cursor:pointer;font-weight:700;position:relative;padding-right:2.6rem;transition:color .35s ease}.log-toggle:after{content:"+";position:absolute;right:0;top:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--accent);font-size:1rem;font-weight:700;line-height:1;border-radius:50%;transform:translateY(-50%);border:1px solid var(--accent-border);background:var(--surface-1);box-shadow:none;transition:transform .35s ease,border-color .35s ease,background-color .35s ease,color .35s ease}.log-card.open .log-toggle:after{content:"−";border-color:var(--accent-border-strong);background:var(--surface-2);color:var(--accent-strong);transform:translateY(-50%)}.log-card.open .log-toggle{margin-bottom:.7rem}.log-content{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s linear .35s}.log-card.open .log-content{visibility:visible;transition-delay:0s}#conversion-log{margin:0;border:1px solid var(--divider);border-radius:var(--radius-sm);padding:0;background-color:var(--surface-1);color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease,padding .35s ease;max-height:260px;overflow:auto}.log-card.open #conversion-log{opacity:1;transform:translateY(0);padding:.9rem}.log-card.open{grid-template-rows:auto 1fr;border-color:var(--accent-border)}.log-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-panel)}.how-section{margin-top:.9rem;padding-top:.9rem}.how-section h2{margin:0 0 1rem;position:relative;display:inline-flex;align-items:center;gap:.6rem}.how-section h2:after{content:"";display:inline-block;width:54px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-fade))}.steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.step-item{border-top:1px solid var(--divider);padding-top:1.1rem}.step-icon{width:3.3rem;height:3.3rem;border-radius:.8rem;background:var(--surface-3);border:1px solid var(--accent-border);color:var(--accent-strong);display:grid;place-items:center;margin-bottom:.6rem;position:relative}.step-icon svg{width:1.86rem;height:1.86rem;stroke:currentColor;fill:none;stroke-width:1.95;stroke-linecap:round;stroke-linejoin:round}.step-number{position:absolute;right:-.56rem;top:-.56rem;width:1.42rem;height:1.42rem;border-radius:50%;display:grid;place-items:center;font-size:.84rem;font-weight:800;color:var(--accent-ink);background:var(--accent-strong);border:1px solid var(--accent-border-strong)}.step-item h3{margin:.28rem 0 .4rem;font-size:1.2rem}.step-item p{margin:0;color:var(--text-muted);font-size:1.02rem;line-height:1.6}.faq-section{margin-top:.9rem;padding-top:.9rem}.section-title{margin:0 0 1rem;padding-bottom:.65rem;border-bottom:1px solid var(--divider)}.section-title h2{margin:0;position:relative;display:inline-flex;align-items:center;gap:.6rem}.section-title h2:after{content:"";display:inline-block;width:54px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-fade))}.faq-list{display:grid;gap:.85rem}.faq-item{border:1px solid var(--divider);border-radius:var(--radius-md);background-color:var(--surface-1);padding:.85rem 1.05rem;overflow:hidden;display:grid;grid-template-rows:auto 0fr;transition:border-color .35s ease,background-color .6s ease,transform .35s ease,box-shadow .35s ease,grid-template-rows .45s ease}.faq-item:hover{border-color:var(--accent-border);box-shadow:var(--glow-soft)}.faq-question{margin:0}.faq-summary{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;font-weight:700;font-size:1rem;position:relative;padding-right:2.6rem;transition:color .35s ease}.faq-content{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s linear .35s}.faq-item.open .faq-content{visibility:visible;transition-delay:0s}.faq-content p{margin:0;opacity:0;transform:translateY(-4px);transition:opacity .35s ease,transform .35s ease,padding .35s ease;color:var(--text-muted);padding-top:0}.faq-summary:after{content:"";position:absolute;right:0;top:50%;width:28px;height:28px;border-radius:50%;transform:translateY(-50%);border:1px solid var(--accent-border);background:linear-gradient(var(--accent),var(--accent)) center/12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) center/2px 12px no-repeat;box-shadow:inset 0 0 0 1px var(--accent-inset);transition:transform .35s ease,border-color .35s ease,background .35s ease}.faq-item.open .faq-summary:after{background:linear-gradient(var(--accent),var(--accent)) center/12px 2px no-repeat;border-color:var(--accent-border-strong);transform:translateY(-50%) rotate(180deg)}.faq-item.open{border-color:var(--accent-border);background-color:var(--surface-3);transform:translateY(-2px);box-shadow:var(--glow-strong);grid-template-rows:auto 1fr}.faq-item.open .faq-content p{opacity:1;transform:translateY(0);padding-top:.65rem}.footer{margin-top:1.6rem;border-top:1px solid var(--divider);padding-top:1.7rem;padding-bottom:.5rem}.footer p{margin:0;color:var(--text-muted)}.footer p+p{margin-top:.3rem}.footer strong{color:var(--text-main)}.privacy-note{font-size:.92rem}:root{--page-bg: #050505;--page-overlay-top: rgba(0, 0, 0, .85);--page-overlay-bottom: rgba(0, 0, 0, .7);--noise-opacity: .12;--glow-1: rgba(24, 255, 150, .08);--glow-2: rgba(24, 255, 150, .06);--glow-3: rgba(24, 255, 150, .05);--text-main: #f2fff8;--text-muted: #9bb7a8;--text-soft: #d7efe3;--text-strong: #dcffec;--accent: #43f8a2;--accent-strong: #08e57f;--accent-ink: #04170d;--accent-border: rgba(120, 255, 195, .5);--accent-border-strong: rgba(120, 255, 195, .7);--accent-glow: rgba(67, 248, 162, .25);--accent-glow-soft: rgba(67, 248, 162, .12);--accent-fade: rgba(67, 248, 162, 0);--accent-inset: rgba(67, 248, 162, .1);--accent-surface-glow: rgba(67, 248, 162, .22);--danger: #ff7288;--glass-bg: rgba(8, 26, 18, .6);--glass-bg-strong: rgba(6, 18, 14, .86);--glass-border: rgba(120, 210, 170, .22);--surface-1: rgba(8, 16, 12, .72);--surface-2: rgba(7, 14, 10, .7);--surface-3: rgba(7, 16, 12, .75);--surface-4: rgba(4, 10, 7, .75);--badge-bg: rgba(9, 24, 18, .65);--badge-border: rgba(120, 255, 195, .35);--badge-text: #dfffee;--ghost-bg: rgba(6, 12, 8, .7);--ghost-border: rgba(160, 255, 210, .45);--spinner-ring: rgba(255, 255, 255, .22);--progress-track: rgba(255, 255, 255, .1);--progress-start: #17d974;--progress-end: #78ffd0;--switch-track-border: rgba(140, 220, 180, .25);--switch-track-on: rgba(67, 248, 162, .4);--switch-track-ring: rgba(67, 248, 162, .16);--switch-thumb-off: #e9fff4;--switch-thumb-on: #113225;--title-shadow: 0 10px 20px rgba(0, 0, 0, .45);--shadow-panel: 0 10px 22px rgba(0, 0, 0, .24);--shadow-panel-hover: 0 14px 28px rgba(0, 0, 0, .28);--shadow-button: 0 10px 20px rgba(0, 255, 145, .2);--shadow-toggle: 0 5px 12px rgba(0, 0, 0, .22);--glow-soft: 0 0 20px rgba(67, 248, 162, .16);--glow-strong: 0 0 24px rgba(67, 248, 162, .2);--theme-sweep-a: rgba(36, 255, 158, .34);--theme-sweep-b: rgba(8, 18, 14, .88);--divider: rgba(120, 210, 170, .2);--radius-lg: 22px;--radius-md: 18px;--radius-sm: 12px;--space-xs: .6rem;--space-sm: .9rem;--space-md: 1.6rem;--space-lg: 2.35rem;--space-xl: 3.2rem;--space-xxl: 3.75rem}[data-theme=light]{--page-bg: #f7faf8;--page-overlay-top: rgba(255, 255, 255, .92);--page-overlay-bottom: rgba(241, 247, 243, .92);--noise-opacity: .06;--glow-1: rgba(44, 206, 128, .14);--glow-2: rgba(44, 206, 128, .09);--glow-3: rgba(44, 206, 128, .06);--text-main: #102118;--text-muted: #4d6156;--text-soft: #1f372d;--text-strong: #102118;--accent: #166345;--accent-strong: #0f4d33;--accent-ink: #f4fff8;--accent-border: rgba(22, 99, 69, .46);--accent-border-strong: rgba(22, 99, 69, .65);--accent-glow: rgba(22, 99, 69, .2);--accent-glow-soft: rgba(22, 99, 69, .13);--accent-fade: rgba(22, 99, 69, 0);--accent-inset: rgba(22, 99, 69, .16);--accent-surface-glow: rgba(22, 99, 69, .18);--glass-bg: rgba(255, 255, 255, .84);--glass-bg-strong: rgba(244, 250, 246, .92);--glass-border: rgba(63, 112, 89, .34);--surface-1: rgba(255, 255, 255, .9);--surface-2: rgba(246, 250, 247, .96);--surface-3: rgba(237, 246, 240, .96);--surface-4: rgba(241, 248, 244, .97);--badge-bg: rgba(239, 247, 242, .94);--badge-border: rgba(63, 112, 89, .36);--badge-text: #173427;--ghost-bg: rgba(250, 253, 251, .95);--ghost-border: rgba(22, 99, 69, .42);--spinner-ring: rgba(22, 99, 69, .28);--progress-track: rgba(15, 71, 47, .16);--progress-start: #1b8a5b;--progress-end: #2ea974;--switch-track-border: rgba(22, 99, 69, .4);--switch-track-on: rgba(27, 138, 91, .33);--switch-track-ring: rgba(22, 99, 69, .2);--switch-thumb-off: #f3faf6;--switch-thumb-on: #0f4d33;--title-shadow: 0 0 0 rgba(0, 0, 0, 0);--shadow-panel: 0 6px 14px rgba(26, 42, 34, .08);--shadow-panel-hover: 0 8px 18px rgba(26, 42, 34, .12);--shadow-button: 0 6px 12px rgba(20, 110, 72, .2);--shadow-toggle: 0 3px 8px rgba(26, 42, 34, .12);--glow-soft: 0 0 12px rgba(20, 110, 72, .14);--glow-strong: 0 0 16px rgba(20, 110, 72, .18);--theme-sweep-a: rgba(246, 251, 248, .95);--theme-sweep-b: rgba(216, 237, 228, .9);--divider: rgba(22, 99, 69, .32)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{scrollbar-gutter:stable}body{font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--text-main);line-height:1.62;background:var(--page-bg);transition:background-color .6s ease,color .6s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;opacity:var(--noise-opacity);background-image:radial-gradient(rgba(255,255,255,.12) .3px,transparent .3px),radial-gradient(rgba(255,255,255,.08) .25px,transparent .25px);background-size:3px 3px,2px 2px;background-position:0 0,1px 1px;transition:opacity .6s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,var(--page-overlay-top),transparent 40%,var(--page-overlay-bottom));transition:background .6s ease}.ambient-glow{position:fixed;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:-3;pointer-events:none;background:radial-gradient(circle at 15% 20%,var(--glow-1),transparent 38%),radial-gradient(circle at 85% 15%,var(--glow-2),transparent 42%),radial-gradient(circle at 50% 85%,var(--glow-3),transparent 45%);filter:blur(70px);transition:background .6s ease}.page-shell{width:min(1120px,calc(100% - 2.4rem));margin:0 auto;padding:3.2rem 0 3.8rem;position:relative}.page-shell>*+*{margin-top:var(--space-xxl)}.page-shell .how-section,.page-shell .faq-section,.page-shell .footer{margin-top:7.5rem}.reveal{opacity:0;transform:translateY(16px);animation:reveal .7s var(--reveal-delay, 0s) ease forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.glass-panel{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(165deg,var(--glass-bg),var(--glass-bg-strong));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-panel);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease,background-color .6s ease}.glass-panel:hover{border-color:var(--accent-border);box-shadow:var(--shadow-panel-hover);transform:translateY(-2px)}.button{border:0;border-radius:999px;padding:.66rem 1.06rem;font-family:inherit;font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-ink);box-shadow:var(--shadow-button)}.button.primary:hover{filter:brightness(1.05)}.button.secondary{background:var(--surface-2);color:var(--text-main);border:1px solid var(--accent-border);box-shadow:var(--shadow-toggle)}.button.secondary:hover{border-color:var(--accent-border-strong);filter:brightness(1.02)}.button.ghost{border:1px solid var(--ghost-border);background:var(--ghost-bg);color:var(--text-main)}.button[disabled]{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.hidden{display:none!important}.theme-sweep{position:fixed;top:0;right:0;left:0;height:100vh;transform:scaleY(0);opacity:0;pointer-events:none;z-index:90;background:linear-gradient(180deg,var(--theme-sweep-a),var(--theme-sweep-b))}.theme-sweep.down{transform-origin:top center}.theme-sweep.up{transform-origin:bottom center}.theme-sweep.active.down{animation:theme-sweep-down .78s cubic-bezier(.2,.65,.2,1) forwards}.theme-sweep.active.up{animation:theme-sweep-up .78s cubic-bezier(.2,.65,.2,1) forwards}@keyframes theme-sweep-down{0%{opacity:.95;transform:scaleY(0)}45%{opacity:.78;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes theme-sweep-up{0%{opacity:.95;transform:scaleY(0)}45%{opacity:.78;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}details summary::-webkit-details-marker{display:none}@media (max-width: 980px){.converter-grid{grid-template-columns:1fr}.side-panel{grid-template-columns:1fr;gap:1.6rem}}@media (max-width: 760px){.page-shell{width:100%;padding-left:30px;padding-right:30px;padding-top:1.9rem;padding-bottom:2.4rem}.page-shell>*+*{margin-top:1.875rem}.page-shell .how-section,.page-shell .faq-section,.page-shell .footer{margin-top:1.875rem}.upload-panel,.settings-panel-wrap,.log-card{padding:1.15rem}.steps-row{grid-template-columns:1fr;gap:1.15rem}}@media (prefers-reduced-motion: reduce){.reveal,body,body:before,body:after,.ambient-glow,.glass-panel,.button,.drop-zone,.progress-fill,.log-card,.faq-list details,.theme-toggle,.theme-sweep,#conversion-log{animation:none!important;transition:none!important}}