@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--of-primary-400:#60a5fa;--of-primary-500:#3b82f6;--of-primary-600:#2563eb;--of-primary-700:#1d4ed8;--of-accent-400:#a78bfa;--of-accent-500:#8b5cf6;--of-accent-600:#7c3aed;--of-success:#22c55e;--of-warning:#f59e0b;--of-error:#ef4444;--of-white:#fff;--of-gray-50:#fafafa;--of-gray-100:#f4f4f5;--of-gray-200:#e4e4e7;--of-gray-300:#d4d4d8;--of-gray-400:#a1a1aa;--of-gray-500:#71717a;--of-gray-600:#52525b;--of-gray-700:#3f3f46;--of-gray-800:#27272a;--of-gray-900:#18181b;--of-gray-950:#09090b;--of-bg:#09090b;--of-bg-elevated:#18181b;--of-bg-card:#18181b99;--of-bg-glass:#18181b66;--of-border:#3f3f4680;--of-border-hover:#71717a80;--of-text:#fafafa;--of-text-secondary:#a1a1aa;--of-text-muted:#71717a;--of-font-sans:"Inter",system-ui,-apple-system,sans-serif;--of-font-mono:"JetBrains Mono","Fira Code",monospace;--of-space-1:.25rem;--of-space-2:.5rem;--of-space-3:.75rem;--of-space-4:1rem;--of-space-5:1.25rem;--of-space-6:1.5rem;--of-space-8:2rem;--of-space-10:2.5rem;--of-space-12:3rem;--of-space-16:4rem;--of-space-20:5rem;--of-radius-sm:.375rem;--of-radius-md:.5rem;--of-radius-lg:.75rem;--of-radius-xl:1rem;--of-radius-2xl:1.5rem;--of-radius-full:9999px;--of-shadow-sm:0 1px 2px #0000004d;--of-shadow-md:0 4px 6px #0006;--of-shadow-lg:0 10px 15px #00000080;--of-shadow-glow:0 0 30px #3b82f626;--of-shadow-glow-accent:0 0 30px #8b5cf626;--of-transition-fast:.15s cubic-bezier(.4,0,.2,1);--of-transition-base:.25s cubic-bezier(.4,0,.2,1);--of-transition-slow:.35s cubic-bezier(.4,0,.2,1);--of-transition-spring:.5s cubic-bezier(.34,1.56,.64,1)}[data-theme=light]{--of-bg:#f5f5f7;--of-bg-elevated:#fff;--of-bg-card:#ffffffb3;--of-bg-glass:#ffffff80;--of-border:#0000001a;--of-border-hover:#0003;--of-text:#1a1a2e;--of-text-secondary:#52525b;--of-text-muted:#71717a;--of-gray-50:#09090b;--of-gray-100:#18181b;--of-gray-200:#27272a;--of-gray-300:#3f3f46;--of-gray-400:#52525b;--of-gray-500:#71717a;--of-gray-600:#a1a1aa;--of-gray-700:#d4d4d8;--of-gray-800:#e4e4e7;--of-gray-900:#f4f4f5;--of-gray-950:#fafafa;--of-shadow-sm:0 1px 3px #00000014;--of-shadow-md:0 4px 6px #00000012;--of-shadow-lg:0 10px 15px #0000001a;--of-shadow-glow:0 0 30px #3b82f61a;--of-shadow-glow-accent:0 0 30px #8b5cf61a}html{transition:background-color .3s,color .3s}[data-theme=light] .of-bg-grid{opacity:.03}[data-theme=light] .of-bg-radial{background:radial-gradient(60% 40% at 50% 20%,#3b82f614,#0000)}[data-theme=light] .of-header{background:#fffc;border-bottom-color:#00000014}[data-theme=light] .of-hero__eyebrow{color:var(--of-primary-600);background:#3b82f614;border-color:#3b82f626}[data-theme=light] .of-upload{background:#fff9;border-color:#0000001f}[data-theme=light] .of-upload:hover{border-color:var(--of-primary-400);background:#fffc}[data-theme=light] .of-category{background:#ffffffb3;border-color:#0000000f}[data-theme=light] .of-category:hover{background:#ffffffe6;border-color:#3b82f633}[data-theme=light] .of-features__card{background:#ffffffb3;border-color:#0000000f}[data-theme=light] .of-footer__text{color:#52525b}[data-theme=light] .of-footer__links a{color:var(--of-primary-600)}[data-theme=light] .of-footer__links span{color:#71717a}[data-theme=light] .of-upload__format-tag{color:#3f3f46;background:#0000000f;border-color:#0000001a}[data-theme=light] .of-upload__format-tag:hover{color:#18181b;background:#0000001a}[data-theme=light] .of-category-card__tag{color:#3f3f46;background:#0000000f}[data-theme=light] .of-category-card{background:#fffc;border-color:#0000000f}[data-theme=light] .of-category-card:hover{background:#fffffff2;border-color:#0000001f}[data-theme=light] .of-category-card__name{color:#1a1a2e}[data-theme=light] .of-category-card__desc{color:#52525b}[data-theme=light] .of-stat__number{color:#1a1a2e}[data-theme=light] .of-stat__label{color:#52525b}[data-theme=light] .of-feature__title{color:#1a1a2e}[data-theme=light] .of-feature__desc{color:#52525b}[data-theme=light] .of-feature{background:#ffffffb3;border-color:#0000000f}[data-theme=light] .of-format-landing__faq-item{background:#ffffffe6;border-color:#00000014;box-shadow:0 1px 4px #0000000d}[data-theme=light] .of-format-landing__faq-item summary{color:#1a1a2e}[data-theme=light] .of-format-landing__faq-item p{color:#52525b}[data-theme=light] .of-format-landing__faq-item a{color:var(--of-primary-600)}[data-theme=light] .of-format-landing__section-title{color:#1a1a2e}[data-theme=light] .of-format-landing__badge{color:var(--of-primary-600);background:#3b82f614;border-color:#3b82f633}[data-theme=light] .of-format-landing__title{background:linear-gradient(135deg,#1e40af,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .of-format-landing__subtitle{color:#52525b}[data-theme=light] .of-format-landing__card{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #0000000f}[data-theme=light] .of-format-landing__card h2{color:#1a1a2e}[data-theme=light] .of-format-landing__table td{border-bottom-color:#0000000f}[data-theme=light] .of-format-landing__table td:first-child{color:#71717a}[data-theme=light] .of-format-landing__table td:last-child{color:#27272a}[data-theme=light] .of-format-landing__table code{color:#1d4ed8;background:#0000000d}[data-theme=light] .of-format-landing__table--compare th{color:#3f3f46;border-bottom-color:#0000001f}[data-theme=light] .of-format-landing__table--compare th:first-child,[data-theme=light] .of-format-landing__table--compare td:first-child{color:#71717a}[data-theme=light] .of-format-landing__table--compare td:not(:first-child){color:#27272a}[data-theme=light] .of-format-landing__sw-list li{color:#27272a;background:#3b82f60f;border-color:#3b82f626}[data-theme=light] .of-format-landing__steps li{color:#52525b}[data-theme=light] .of-format-landing__steps li strong{color:#1a1a2e}[data-theme=light] .of-format-landing__steps li a{color:var(--of-primary-600)}[data-theme=light] .of-format-landing__related-item{background:#ffffffe6;border-color:#00000014;box-shadow:0 1px 4px #0000000d}[data-theme=light] .of-format-landing__related-item:hover{background:#3b82f60d;border-color:#3b82f633}[data-theme=light] .of-format-landing__related-ext{color:var(--of-primary-600)}[data-theme=light] .of-format-landing__related-desc{color:#71717a}[data-theme=light] .of-format-landing__related h2,[data-theme=light] .of-format-landing__faq h2{color:#1a1a2e}[data-theme=light] .of-format-landing__footer-note{color:#71717a}[data-theme=light] .formats-category{background:#fffc;border-color:#0000000f}[data-theme=light] .format-card{background:#ffffffb3;border-color:#0000000f}[data-theme=light] .format-card:hover{background:#fffffff2;border-color:#3b82f633}[data-theme=light] .format-badge{color:#3f3f46;background:#0000000d}[data-theme=light] .of-blog__card{background:#fffc;border-color:#0000000f}[data-theme=light] .of-blog__card:hover{background:#fffffff2}[data-theme=light] .of-blog__date{color:#71717a}[data-theme=light] .of-blog__title{color:#1a1a2e}[data-theme=light] .of-blog__excerpt{color:#52525b}[data-theme=light] .of-convert__card{background:#fffc;border-color:#0000000f}[data-theme=light] .of-hero__title{color:#1a1a2e}[data-theme=light] .of-hero__subtitle{color:#52525b}[data-theme=light] .of-viewer__toolbar{background:#ffffffe6;border-bottom-color:#00000014}[data-theme=light] .of-viewer__info-panel,[data-theme=light] .info-panel{background:#fffffff2;border-left-color:#00000014}[data-theme=light] .info-panel__row{border-bottom-color:#0000000a}[data-theme=light] .info-panel__tab:hover{background:#00000005}[data-theme=light] .info-panel__header{background:linear-gradient(135deg,#6c5ce70a,#0000)}[data-theme=light] .of-password-dialog{background:#fffffff2;border-color:#00000014}[data-theme=light] .code-body{background:#fafafa}[data-theme=light] .code-header{background:#f5f5f7e6;border-bottom-color:#0000000f}[data-theme=light] .code-line-numbers span{color:#a0a0a8}[data-theme=light] .of-viewer__table-container table th{background:#f5f5f7e6}[data-theme=light] .of-viewer__table-container table td{border-color:#0000000f}[data-theme=light] .batch-tabs{background:#fffc}[data-theme=light] .folder-layout__sidebar{background:#ffffffb3;border-right-color:#00000014}.of-theme-toggle{border-radius:var(--of-radius-full);border:1px solid var(--of-border);background:var(--of-bg-glass);cursor:pointer;width:36px;height:36px;transition:all var(--of-transition-base);margin-left:var(--of-space-2);justify-content:center;align-items:center;display:flex}.of-theme-toggle:hover{background:var(--of-bg-elevated);border-color:var(--of-border-hover);transform:scale(1.1)}.of-theme-toggle__icon{font-size:1.1rem;line-height:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.of-theme-toggle__icon--sun,.of-theme-toggle__icon--moon{transform:rotate(0)}.of-theme-toggle:hover .of-theme-toggle__icon--sun{transform:rotate(45deg)}.of-theme-toggle:hover .of-theme-toggle__icon--moon{transform:rotate(-15deg)scale(1.1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--of-font-sans);background:var(--of-bg);color:var(--of-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:var(--of-primary-400);transition:color var(--of-transition-fast);text-decoration:none}a:hover{color:var(--of-primary-500)}::selection{background:var(--of-primary-600);color:var(--of-white)}.of-bg-grid{z-index:-2;background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.of-bg-radial{z-index:-1;background:radial-gradient(80% 50% at 50% -20%,#3b82f61f,#0000),radial-gradient(60% 40% at 80%,#8b5cf614,#0000),radial-gradient(50% 30% at 20% 80%,#3b82f60f,#0000);position:fixed;inset:0}.of-container{max-width:1280px;padding:0 var(--of-space-6);margin:0 auto}.of-main{flex-direction:column;min-height:100vh;display:flex}.of-header{z-index:100;padding:var(--of-space-4)0;-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--of-border);background:#09090bcc;position:sticky;top:0}.of-header__inner{justify-content:space-between;align-items:center;display:flex}.of-logo{align-items:center;gap:var(--of-space-3);letter-spacing:-.02em;color:var(--of-text);font-size:1.5rem;font-weight:800;display:flex}.of-logo__icon{border-radius:var(--of-radius-lg);background:linear-gradient(135deg,var(--of-primary-500),var(--of-accent-500));color:#fff;width:36px;height:36px;box-shadow:var(--of-shadow-glow);justify-content:center;align-items:center;font-size:1.125rem;display:flex}.of-logo__dot{color:var(--of-primary-400)}.of-header__nav{align-items:center;gap:var(--of-space-6);display:flex}.of-header__link{color:var(--of-text-secondary);transition:color var(--of-transition-fast);font-size:.875rem;font-weight:500}.of-header__link:hover{color:var(--of-text)}.of-header__link--active{color:var(--of-primary-400);font-weight:600}.of-header__badge{align-items:center;gap:var(--of-space-1);padding:var(--of-space-1)var(--of-space-3);color:var(--of-primary-400);border-radius:var(--of-radius-full);background:#3b82f61a;border:1px solid #3b82f633;font-size:.75rem;font-weight:600;display:inline-flex}.of-header__actions{align-items:center;gap:.5rem;display:flex}.of-header__hamburger{border:1px solid var(--of-border,#ffffff14);border-radius:var(--of-radius-sm,6px);cursor:pointer;background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.of-header__hamburger span{background:var(--of-text,#e2e8f0);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.of-header__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.of-header__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.of-header__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.of-mobile-menu__overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.of-mobile-menu{background:var(--of-surface-1,#16161e);border-bottom:1px solid var(--of-border,#ffffff14);z-index:100;opacity:0;pointer-events:none;transition:transform .22s,opacity .22s;display:none;position:fixed;top:56px;left:0;right:0;transform:translateY(-8px)}.of-mobile-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)}.of-mobile-menu__nav{flex-direction:column;gap:.25rem;padding:1rem 1.25rem .5rem;display:flex}.of-mobile-menu__link{color:var(--of-text-secondary,#94a3b8);border-radius:var(--of-radius-sm,6px);padding:.75rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.of-mobile-menu__link:hover,.of-mobile-menu__link:active{color:var(--of-text,#e2e8f0);background:#ffffff0f}.of-mobile-menu__link--active{color:var(--of-primary-400,#60a5fa);font-weight:600}.of-mobile-menu__footer{border-top:1px solid var(--of-border,#ffffff0f);align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem 1.25rem 1rem;display:flex}[data-theme=light] .of-header__hamburger{border-color:#0000001a}[data-theme=light] .of-header__hamburger span{background:#1a1a2e}[data-theme=light] .of-mobile-menu{background:#fff;border-bottom-color:#00000014}[data-theme=light] .of-mobile-menu__link:hover{color:#1a1a2e;background:#0000000d}@media (max-width:767px){.of-header__hamburger{display:flex}.of-header__nav{display:none!important}.of-mobile-menu,.of-mobile-menu__overlay{display:block}}.of-hero{padding:var(--of-space-16)0 var(--of-space-8);text-align:center}.of-hero__eyebrow{align-items:center;gap:var(--of-space-2);padding:var(--of-space-1)var(--of-space-4);margin-bottom:var(--of-space-6);color:var(--of-accent-400);border-radius:var(--of-radius-full);background:#8b5cf61a;border:1px solid #8b5cf633;font-size:.8125rem;font-weight:500;animation:.6s ease-out fadeInUp;display:inline-flex}.of-hero__title{letter-spacing:-.03em;margin-bottom:var(--of-space-6);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;animation:.6s ease-out .1s both fadeInUp}.of-hero__title-gradient{background:linear-gradient(135deg,var(--of-primary-400)0%,var(--of-accent-400)50%,var(--of-primary-400)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}.of-hero__subtitle{color:var(--of-text-secondary);max-width:600px;margin:0 auto var(--of-space-10);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;animation:.6s ease-out .2s both fadeInUp}.of-upload{max-width:720px;margin:0 auto;animation:.6s ease-out .3s both fadeInUp}.of-upload__zone{justify-content:center;align-items:center;gap:var(--of-space-4);min-height:280px;padding:var(--of-space-10);border:2px dashed var(--of-border);border-radius:var(--of-radius-2xl);background:var(--of-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all var(--of-transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.of-upload__zone:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--of-transition-base);background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);position:absolute;inset:0}.of-upload__zone:hover{border-color:var(--of-primary-500);box-shadow:var(--of-shadow-glow);transform:translateY(-2px)}.of-upload__zone:hover:before{opacity:1}.of-upload__zone--active{border-color:var(--of-primary-400);box-shadow:var(--of-shadow-glow),inset 0 0 30px #3b82f60d;background:#3b82f614;transform:translateY(-4px)scale(1.01)}.of-upload__zone--active:before{opacity:1}.of-upload__icon{border-radius:var(--of-radius-xl);width:64px;height:64px;transition:transform var(--of-transition-spring);background:linear-gradient(135deg,#3b82f626,#8b5cf626);justify-content:center;align-items:center;display:flex}.of-upload__zone:hover .of-upload__icon{transform:scale(1.1)rotate(-5deg)}.of-upload__icon svg{width:28px;height:28px;color:var(--of-primary-400)}.of-upload__text{text-align:center}.of-upload__text h3{margin-bottom:var(--of-space-2);font-size:1.25rem;font-weight:600}.of-upload__text p{color:var(--of-text-muted);font-size:.875rem}.of-upload__text span{color:var(--of-primary-400);text-underline-offset:2px;font-weight:500;text-decoration:underline}.of-upload__formats{justify-content:center;gap:var(--of-space-2);margin-top:var(--of-space-2);flex-wrap:wrap;display:flex}.of-upload__format-tag{padding:var(--of-space-1)var(--of-space-3);font-size:.6875rem;font-family:var(--of-font-mono);color:var(--of-text-muted);border:1px solid var(--of-border);border-radius:var(--of-radius-full);transition:all var(--of-transition-fast);background:#27272a99;font-weight:500}.of-upload__format-tag:hover{color:var(--of-text-secondary);border-color:var(--of-border-hover)}.of-upload__input{display:none}.of-url-input{margin-top:var(--of-space-4);max-width:600px;margin-left:auto;margin-right:auto}.of-url-input__label{color:var(--of-text-muted);text-align:center;margin-bottom:var(--of-space-3);letter-spacing:.02em;font-size:.75rem}.of-url-input__row{gap:var(--of-space-2);display:flex}.of-url-input__field-wrap{flex:1;align-items:center;display:flex;position:relative}.of-url-input__icon{width:16px;height:16px;color:var(--of-text-muted);pointer-events:none;position:absolute;left:14px}.of-url-input__field{width:100%;font-size:.875rem;font-family:var(--of-font-mono);color:var(--of-text-primary);border:1px solid var(--of-border);border-radius:var(--of-radius-lg);transition:all var(--of-transition-fast);background:#27272a80;outline:none;padding:.625rem .875rem .625rem 2.5rem}.of-url-input__field:focus{border-color:var(--of-primary);box-shadow:0 0 0 3px #6c5ce726}.of-url-input__field::placeholder{color:var(--of-text-muted);opacity:.5}.of-url-input__field:disabled{opacity:.5;cursor:not-allowed}.of-url-input__btn{color:#fff;background:linear-gradient(135deg,var(--of-primary),var(--of-primary-light));border-radius:var(--of-radius-lg);cursor:pointer;transition:all var(--of-transition-fast);white-space:nowrap;border:none;min-width:80px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.of-url-input__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce74d}.of-url-input__btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.of-url-input__error{margin-top:var(--of-space-2);color:#ff6b6b;border-radius:var(--of-radius);background:#ff6b6b14;border:1px solid #ff6b6b26;padding:.5rem .75rem;font-size:.75rem}.of-url-input__progress{margin-top:var(--of-space-2);border-radius:var(--of-radius-full);background:#27272a80;height:3px;overflow:hidden}.of-url-input__progress-bar{background:linear-gradient(90deg,var(--of-primary),var(--of-primary-light));border-radius:var(--of-radius-full);height:100%;transition:width .3s}.of-stats{justify-content:center;gap:var(--of-space-10);padding:var(--of-space-12)0;animation:.6s ease-out .4s both fadeInUp;display:flex}.of-stat{text-align:center}.of-stat__number{letter-spacing:-.02em;background:linear-gradient(135deg,var(--of-text),var(--of-text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800}.of-stat__label{color:var(--of-text-muted);margin-top:var(--of-space-1);font-size:.8125rem}.of-categories{padding:var(--of-space-12)0 var(--of-space-20)}.of-categories__title{text-align:center;margin-bottom:var(--of-space-3);font-size:1.75rem;font-weight:700}.of-categories__subtitle{color:var(--of-text-secondary);text-align:center;margin-bottom:var(--of-space-10);font-size:.9375rem}.of-categories__grid{gap:var(--of-space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.of-category-card{padding:var(--of-space-6);border-radius:var(--of-radius-xl);background:var(--of-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--of-border);transition:all var(--of-transition-base);position:relative;overflow:hidden}.of-category-card:before{content:"";background:var(--card-accent,linear-gradient(90deg,var(--of-primary-500),var(--of-accent-500)));opacity:0;height:3px;transition:opacity var(--of-transition-base);position:absolute;top:0;left:0;right:0}.of-category-card:hover{border-color:var(--of-border-hover);box-shadow:var(--of-shadow-lg);transform:translateY(-3px)}.of-category-card:hover:before{opacity:1}.of-category-card__icon{border-radius:var(--of-radius-lg);width:44px;height:44px;margin-bottom:var(--of-space-4);background:var(--card-bg,#3b82f61a);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.of-category-card__name{margin-bottom:var(--of-space-2);font-size:1.0625rem;font-weight:600}.of-category-card__desc{color:var(--of-text-muted);margin-bottom:var(--of-space-4);font-size:.8125rem;line-height:1.5}.of-category-card__formats{gap:var(--of-space-1);flex-wrap:wrap;display:flex}.of-category-card__tag{padding:2px var(--of-space-2);font-size:.6875rem;font-family:var(--of-font-mono);color:var(--of-text-muted);border-radius:var(--of-radius-sm);background:#27272acc}.of-category-card--documents{--card-accent:linear-gradient(90deg,#3b82f6,#2563eb);--card-bg:#3b82f61a}.of-category-card--spreadsheets{--card-accent:linear-gradient(90deg,#22c55e,#16a34a);--card-bg:#22c55e1a}.of-category-card--images{--card-accent:linear-gradient(90deg,#f59e0b,#d97706);--card-bg:#f59e0b1a}.of-category-card--audio{--card-accent:linear-gradient(90deg,#ec4899,#db2777);--card-bg:#ec48991a}.of-category-card--video{--card-accent:linear-gradient(90deg,#ef4444,#dc2626);--card-bg:#ef44441a}.of-category-card--3d{--card-accent:linear-gradient(90deg,#8b5cf6,#7c3aed);--card-bg:#8b5cf61a}.of-category-card--code{--card-accent:linear-gradient(90deg,#06b6d4,#0891b2);--card-bg:#06b6d41a}.of-category-card--archives{--card-accent:linear-gradient(90deg,#f97316,#ea580c);--card-bg:#f973161a}.of-category-card--cad{--card-accent:linear-gradient(90deg,#14b8a6,#0d9488);--card-bg:#14b8a61a}.of-category-card--email{--card-accent:linear-gradient(90deg,#a855f7,#9333ea);--card-bg:#a855f71a}.of-category-card--databases{--card-accent:linear-gradient(90deg,#64748b,#475569);--card-bg:#64748b1a}.of-category-card--ebooks{--card-accent:linear-gradient(90deg,#10b981,#059669);--card-bg:#10b9811a}.of-category-card--fonts{--card-accent:linear-gradient(90deg,#e11d48,#be123c);--card-bg:#e11d481a}.of-features{padding:var(--of-space-12)0;border-top:1px solid var(--of-border)}.of-features__grid{gap:var(--of-space-6);grid-template-columns:repeat(3,1fr);display:grid}.of-feature{text-align:center;padding:var(--of-space-8)}.of-feature__icon{margin-bottom:var(--of-space-4);font-size:2rem}.of-feature__title{margin-bottom:var(--of-space-2);font-size:1.125rem;font-weight:600}.of-feature__desc{color:var(--of-text-muted);font-size:.875rem;line-height:1.6}.of-features-stats{border-top:1px solid var(--of-border);border-bottom:1px solid var(--of-border);background:var(--of-bg-secondary);padding:2rem 0}.of-features-section{border-bottom:1px solid var(--of-border);padding:5rem 0}.of-features-card{background:var(--of-bg-secondary);border:1px solid var(--of-border);border-radius:12px;padding:1.25rem 1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s}.of-features-card:hover{border-color:#6c5ce759;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce714}[data-theme=light] .of-features-card{background:#f8f9fc;border-color:#e2e5f0}[data-theme=light] .of-features-card:hover{background:#f0f2f8;border-color:#6c5ce766;box-shadow:0 4px 16px #6c5ce71a}[data-theme=light] .of-features-stats{background:#f4f5fa}[data-theme=light] .of-features-section{border-bottom-color:#e8eaf2}.of-footer{padding:var(--of-space-8)0;border-top:1px solid var(--of-border);text-align:center}.of-footer__text{color:var(--of-text-muted);font-size:.8125rem}.of-footer__heart{color:var(--of-error)}.of-footer__links{justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;font-size:.8125rem;display:flex}.of-footer__links a{color:var(--of-primary-400);text-decoration:none;transition:color .15s}.of-footer__links a:hover{color:var(--of-primary-300)}.of-footer__links span{color:var(--of-text-muted)}.of-viewer{background:var(--of-bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.of-viewer-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.of-viewer__toolbar{padding:var(--of-space-3)var(--of-space-6);background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);z-index:10;justify-content:space-between;align-items:center;display:flex}.of-viewer__toolbar-left{align-items:center;gap:var(--of-space-4);display:flex}.of-viewer__back{align-items:center;gap:var(--of-space-2);padding:var(--of-space-2)var(--of-space-3);color:var(--of-text-secondary);border:1px solid var(--of-border);border-radius:var(--of-radius-md);cursor:pointer;transition:all var(--of-transition-fast);background:0 0;font-size:.875rem;font-weight:500;display:flex}.of-viewer__back:hover{color:var(--of-text);border-color:var(--of-border-hover);background:var(--of-bg-card)}.of-viewer__file-info{align-items:center;gap:var(--of-space-3);display:flex}.of-viewer__file-badge{padding:var(--of-space-1)var(--of-space-2);font-size:.6875rem;font-family:var(--of-font-mono);text-transform:uppercase;color:var(--of-primary-400);border-radius:var(--of-radius-sm);background:#3b82f61a;font-weight:600}.of-viewer__file-name{color:var(--of-text);font-size:.9375rem;font-weight:500}.of-viewer__file-size{color:var(--of-text-muted);font-size:.8125rem}.of-viewer__toolbar-right{align-items:center;gap:var(--of-space-2);display:flex}.of-viewer__btn{align-items:center;gap:var(--of-space-2);padding:var(--of-space-2)var(--of-space-4);color:var(--of-text);background:var(--of-bg-card);border:1px solid var(--of-border);border-radius:var(--of-radius-md);cursor:pointer;transition:all var(--of-transition-fast);font-size:.8125rem;font-weight:500;display:flex}.of-viewer__btn:hover{background:var(--of-bg-elevated);border-color:var(--of-border-hover)}.of-viewer__btn--primary{color:#fff;background:var(--of-primary-600);border-color:var(--of-primary-600)}.of-viewer__btn--primary:hover{background:var(--of-primary-700)}.of-viewer__content{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.of-viewer__loading{align-items:center;gap:var(--of-space-4);color:var(--of-text-secondary);flex-direction:column;display:flex}.of-viewer__spinner{border:3px solid var(--of-border);border-top-color:var(--of-primary-500);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes vsk-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.vsk__wrapper{width:100%;height:100%;min-height:300px;padding:2rem 2.5rem;overflow:hidden}.vsk__line{background:linear-gradient(90deg,var(--of-border)25%,var(--of-bg-card)50%,var(--of-border)75%);background-size:800px 100%;border-radius:4px;margin-bottom:10px;animation:1.6s ease-in-out infinite vsk-shimmer}.vsk--document{flex-direction:column;max-width:780px;margin:0 auto;display:flex}.vsk--spreadsheet{flex-direction:column;gap:0;display:flex}.vsk__row{border-bottom:1px solid var(--of-border);display:flex}.vsk__row--header{background:var(--of-bg-card)}.vsk__cell{border-right:1px solid var(--of-border);padding:8px 10px}.vsk__cell--header .vsk__line{opacity:.6}.vsk--code{background:var(--of-bg-card);border-radius:8px;flex-direction:column;padding:1.5rem;display:flex}.vsk--image{justify-content:center;align-items:center;height:100%;display:flex}.vsk__image-frame{aspect-ratio:4/3;border:2px dashed var(--of-border);background:var(--of-bg-card);border-radius:8px;justify-content:center;align-items:center;width:min(480px,80%);display:flex}.vsk__image-icon{width:64px;height:64px;color:var(--of-text-tertiary);opacity:.4}.vsk--media{flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}.vsk__media-thumb{aspect-ratio:16/9;background:linear-gradient(90deg,var(--of-border)25%,var(--of-bg-card)50%,var(--of-border)75%);background-size:800px 100%;border-radius:8px;width:min(640px,90%);animation:1.6s ease-in-out infinite vsk-shimmer}.vsk__media-controls{width:min(640px,90%)}.vsk__media-btn{background:var(--of-border);border-radius:50%;flex-shrink:0;width:28px;height:28px}.vsk__media-btn--play{width:44px;height:44px}.vsk--model{justify-content:center;align-items:center;height:100%;display:flex}.vsk__model-canvas{aspect-ratio:1;border:2px dashed var(--of-border);background:var(--of-bg-card);border-radius:8px;justify-content:center;align-items:center;width:min(480px,80%);display:flex}.vsk__model-icon{width:80px;height:80px;color:var(--of-text-tertiary);opacity:.35}.vsk--archive{flex-direction:column;gap:2px;display:flex}.vsk__tree-row{align-items:center;gap:8px;padding:4px 0;display:flex}.vsk__tree-icon{background:var(--of-border);border-radius:2px;flex-shrink:0;width:14px;height:14px}.vsk--generic{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;min-height:300px;display:flex}.vsk__label{color:var(--of-text-secondary);font-size:.875rem;font-weight:500}.p2i{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.p2i__title{margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.p2i__subtitle{color:var(--of-text-secondary);margin:0 0 1.75rem;font-size:.875rem}.p2i__dropzone{border:2px dashed var(--of-border);text-align:center;cursor:pointer;border-radius:10px;padding:3rem 1rem;transition:border-color .2s,background .2s}.p2i__dropzone:hover,.p2i__dropzone--active{border-color:var(--of-primary-500,#7c3aed);background:#7c3aed0a}.p2i__dropzone-icon{color:var(--of-text-tertiary);margin-bottom:.75rem}.p2i__dropzone-text{margin:0 0 .25rem;font-size:1rem}.p2i__dropzone-hint{color:var(--of-text-secondary);margin:0;font-size:.8125rem}.p2i__config{flex-direction:column;gap:1rem;display:flex}.p2i__file-row{border:1px solid var(--of-border);background:var(--of-bg-card);border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.p2i__file-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;font-weight:600;overflow:hidden}.p2i__file-size{color:var(--of-text-secondary);flex-shrink:0;font-size:.8rem}.p2i__opts{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.p2i__opts-label{color:var(--of-text-secondary);font-size:.8125rem}.p2i__res-btn{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:.8rem;font-weight:500}.p2i__res-btn--active{border-color:var(--of-primary-500,#7c3aed);color:#a78bfa;background:#7c3aed1a}.p2i__res-btn:disabled{opacity:.5;cursor:not-allowed}.p2i__btn{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text);cursor:pointer;border-radius:8px;align-self:flex-start;padding:9px 20px;font-size:.875rem;font-weight:600;transition:opacity .15s}.p2i__btn:hover:not(:disabled){opacity:.85}.p2i__btn:disabled{opacity:.45;cursor:not-allowed}.p2i__btn--primary{background:var(--of-primary-500,#7c3aed);color:#fff;border-color:#0000}.p2i__btn--download{color:#fff;background:#16a34a;border-color:#0000}.p2i__btn--text{color:var(--of-text-secondary);background:0 0;border-color:#0000;padding:9px 8px}.p2i__progress{flex-direction:column;gap:.5rem;display:flex}.p2i__progress-bar{background:var(--of-border);border-radius:3px;height:6px;overflow:hidden}.p2i__progress-fill{background:var(--of-primary-500,#7c3aed);border-radius:3px;height:100%;transition:width .3s}.p2i__progress-text{color:var(--of-text-secondary);font-size:.8125rem}.p2i__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.p2i__result-count{color:var(--of-text-secondary);font-size:.875rem}.p2i__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.875rem;margin-top:1.5rem;display:grid}.p2i__thumb{border:1px solid var(--of-border);cursor:pointer;background:#fff;border-radius:8px;transition:box-shadow .15s;overflow:hidden}.p2i__thumb:hover{border-color:var(--of-primary-500);box-shadow:0 4px 16px #0000004d}.p2i__thumb img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.p2i__thumb-label{background:var(--of-bg-card);color:var(--of-text-secondary);justify-content:space-between;align-items:center;padding:6px 8px;font-size:.75rem;display:flex}.p2i__thumb-dl{color:var(--of-primary-400,#a78bfa);font-weight:600}.of-large-file-warn{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.of-large-file-warn__box{text-align:center;background:#fbbf240d;border:1px solid #fbbf244d;border-radius:12px;width:100%;max-width:420px;padding:2rem}.of-large-file-warn__icon{margin-bottom:.75rem;font-size:2.5rem}.of-large-file-warn__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.of-large-file-warn__msg{color:var(--of-text-secondary);margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.of-large-file-warn__btns{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.of-large-file-warn__btn{cursor:pointer;border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text);border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-block}.of-large-file-warn__btn:hover{opacity:.85}.of-large-file-warn__btn--primary{background:var(--of-primary-500,#7c3aed);color:#fff;border-color:#0000}.of-viewer__error{align-items:center;gap:var(--of-space-4);padding:var(--of-space-8);text-align:center;flex-direction:column;max-width:400px;display:flex}.of-viewer__error-icon{font-size:3rem}.of-viewer__error h3{font-size:1.25rem;font-weight:600}.of-viewer__error p{color:var(--of-text-muted);font-size:.875rem;line-height:1.6}.of-viewer__image-container{min-height:100%;padding:var(--of-space-8);background:repeating-conic-gradient(var(--of-gray-900)0% 25%,var(--of-gray-950)0% 50%)50%/20px 20px;justify-content:center;align-items:center;display:flex;overflow:auto}.of-viewer__image-container img{object-fit:contain;border-radius:var(--of-radius-sm);cursor:pointer;max-width:100%;max-height:calc(100vh - 80px)}.of-viewer__text-container{width:100%;height:100%;padding:var(--of-space-6);background:var(--of-gray-950);overflow:auto}.of-viewer__text-container pre{font-family:var(--of-font-mono);color:var(--of-text);tab-size:4;white-space:pre-wrap;word-break:break-all;font-size:.875rem;line-height:1.8}.of-viewer__pdf-container{width:100%;height:100%}.of-viewer__pdf-container canvas{margin:0 auto;display:block}.of-viewer__table-container{width:100%;padding:var(--of-space-4);overflow:auto}.of-viewer__table-container table{border-collapse:collapse;width:100%;font-size:.8125rem}.of-viewer__table-container th{padding:var(--of-space-2)var(--of-space-3);text-align:left;color:var(--of-text);background:var(--of-bg-elevated);border:1px solid var(--of-border);font-weight:600;position:sticky;top:0}.of-viewer__table-container td{padding:var(--of-space-2)var(--of-space-3);color:var(--of-text-secondary);border:1px solid var(--of-border)}.of-viewer__table-container tr:hover td{background:#3b82f608}.of-viewer__html-container{width:100%;max-width:900px;padding:var(--of-space-8);color:var(--of-text);margin:0 auto;line-height:1.7;overflow:auto}.of-viewer__html-container h1,.of-viewer__html-container h2,.of-viewer__html-container h3{margin:1em 0 .5em;font-weight:600}.of-viewer__html-container p{margin-bottom:.75em}.of-viewer__html-container table{border-collapse:collapse;width:100%;margin:1em 0}.of-viewer__html-container table td,.of-viewer__html-container table th{padding:var(--of-space-2)var(--of-space-3);border:1px solid var(--of-border)}.of-viewer__controls{align-items:center;gap:var(--of-space-1);padding:var(--of-space-1);background:var(--of-bg-card);border:1px solid var(--of-border);border-radius:var(--of-radius-md);display:flex}.of-viewer__controls .of-viewer__btn{padding:var(--of-space-1)var(--of-space-2);border:none;justify-content:center;min-width:28px;font-size:.8125rem;font-weight:600}.of-viewer__control-label{font-size:.6875rem;font-family:var(--of-font-mono);color:var(--of-text-secondary);text-align:center;min-width:42px}.of-viewer__progress{background:var(--of-border);border-radius:var(--of-radius-full);width:200px;height:4px;overflow:hidden}.of-viewer__progress-bar{background:linear-gradient(90deg,var(--of-primary-500),var(--of-accent-500));border-radius:inherit;height:100%;transition:width .3s}.mde{background:var(--of-bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.mde__toolbar{border-bottom:1px solid var(--of-border);background:var(--of-bg-elevated);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.625rem;padding:6px 14px;display:flex}.mde__layout-btns{gap:2px;display:flex}.mde__layout-btn{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text-secondary);cursor:pointer;border-radius:5px;padding:4px 8px;font-size:.75rem}.mde__layout-btn--active{border-color:var(--of-primary-500,#7c3aed);color:#a78bfa;background:#7c3aed1a}.mde__stats{color:var(--of-text-secondary);font-size:.75rem}.mde__dirty{color:#f59e0b;font-size:.75rem;font-weight:600}.mde__actions{gap:.4rem;margin-left:auto;display:flex}.mde__btn{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text);cursor:pointer;border-radius:5px;padding:4px 12px;font-size:.75rem}.mde__btn:hover{opacity:.85}.mde__btn--primary{background:var(--of-primary-500,#7c3aed);color:#fff;border-color:#0000}.mde__body{flex:1;min-height:0;display:flex;overflow:hidden}.mde__body--edit .mde__pane--editor,.mde__body--preview .mde__pane--preview,.mde__body--split .mde__pane{flex:1}.mde__body--split .mde__pane--editor{border-right:1px solid var(--of-border)}.mde__pane{flex-direction:column;min-width:0;display:flex;overflow:hidden}.mde__pane-header{text-transform:uppercase;letter-spacing:.06em;color:var(--of-text-tertiary,#475569);background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);flex-shrink:0;padding:4px 12px;font-size:.7rem;font-weight:700}.mde__cm{flex:1;overflow:hidden}.mde__cm .cm-editor{height:100%}.mde__preview{flex:1;padding:1.5rem 2rem;overflow-y:auto}.of-viewer__markdown{align-self:flex-start;height:100%;overflow-y:auto}.of-viewer__markdown h1{border-bottom:1px solid var(--of-border);padding-bottom:var(--of-space-3);font-size:2rem}.of-viewer__markdown h2{border-bottom:1px solid var(--of-border);padding-bottom:var(--of-space-2);font-size:1.5rem}.of-viewer__markdown h3{font-size:1.25rem}.of-viewer__markdown h4{font-size:1.125rem}.of-viewer__markdown h5{font-size:1rem}.of-viewer__markdown h6{color:var(--of-text-muted);font-size:.875rem}.of-viewer__markdown blockquote{border-left:3px solid var(--of-primary-500);padding:var(--of-space-3)var(--of-space-6);margin:var(--of-space-4)0;border-radius:0 var(--of-radius-md)var(--of-radius-md)0;color:var(--of-text-secondary);background:#3b82f60d;font-style:italic}.of-viewer__markdown code{font-family:var(--of-font-mono);border:1px solid var(--of-border);border-radius:var(--of-radius-sm);color:var(--of-primary-400);background:#27272acc;padding:.15em .4em;font-size:.85em}.of-viewer__markdown pre{background:var(--of-gray-950);border:1px solid var(--of-border);border-radius:var(--of-radius-md);padding:var(--of-space-4);margin:var(--of-space-4)0;overflow-x:auto}.of-viewer__markdown pre code{color:var(--of-text);background:0 0;border:none;padding:0;font-size:.8125rem}.of-viewer__markdown ul{padding-left:var(--of-space-6);margin:var(--of-space-3)0}.of-viewer__markdown li{margin-bottom:var(--of-space-2);list-style-type:disc}.of-viewer__markdown a{color:var(--of-primary-400);text-underline-offset:2px;text-decoration:underline}.of-viewer__markdown a:hover{color:var(--of-primary-300)}.of-viewer__markdown hr{border:none;border-top:1px solid var(--of-border);margin:var(--of-space-6)0}.of-viewer__markdown strong{font-weight:700}.of-viewer__markdown em{font-style:italic}.of-viewer__json-tree{width:100%;height:100%;padding:var(--of-space-4)var(--of-space-6);background:var(--of-gray-950);font-family:var(--of-font-mono);align-self:flex-start;line-height:1.6;overflow:auto}.json-leaf{padding:1px 0}.json-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;padding:1px 0}.json-toggle:hover{background:#3b82f60d;border-radius:4px}.json-arrow{width:1em;color:var(--of-text-muted);font-size:.625em;transition:transform .15s;display:inline-block}.json-arrow--open{transform:rotate(90deg)}.json-key{color:#7dd3fc}.json-bracket{color:var(--of-text-muted);font-weight:600}.json-collapsed{color:var(--of-text-muted);font-size:.8em;font-style:italic}.json-value--string{color:#86efac}.json-value--number{color:#fbbf24}.json-value--boolean{color:#c084fc}.json-value--null{color:#f87171;font-style:italic}.json-viewer-root{flex-direction:column;height:100%;display:flex}.json-toolbar{background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:6px 14px;display:flex}.json-toolbar-btn{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text-secondary);cursor:pointer;font-size:.75rem;font-family:var(--of-font-sans);border-radius:5px;padding:3px 10px}.json-toolbar-btn:hover{color:var(--of-text);border-color:var(--of-primary-500)}.json-search-wrap{align-items:center;display:flex;position:relative}.json-search-input{border:1px solid var(--of-border);background:var(--of-bg);color:var(--of-text);width:160px;font-size:.75rem;font-family:var(--of-font-sans);border-radius:5px;padding:3px 28px 3px 8px}.json-search-input:focus{border-color:var(--of-primary-500);outline:none}.json-search-clear{color:var(--of-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;position:absolute;right:6px}.json-search-clear:hover{color:var(--of-text)}.json-search-mark{background:#fbbf2459;border-radius:2px}.json-count{color:var(--of-text-secondary);margin-left:auto;font-size:.75rem}.json-copy-btn{border:1px solid var(--of-border);background:var(--of-bg-card);height:18px;color:var(--of-text-secondary);cursor:pointer;vertical-align:middle;border-radius:3px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:.7rem;display:inline-flex}.json-copy-btn:hover{color:var(--of-text)}.json-path-hint{color:var(--of-text-tertiary,#475569);vertical-align:middle;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-left:8px;font-size:.65rem;font-style:italic;overflow:hidden}.of-viewer__code-container{background:var(--of-gray-950);flex-direction:column;align-self:flex-start;width:100%;height:100%;display:flex}.code-header{align-items:center;gap:var(--of-space-3);padding:var(--of-space-3)var(--of-space-6);background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);display:flex}.code-lang{padding:var(--of-space-1)var(--of-space-2);font-size:.6875rem;font-family:var(--of-font-mono);color:var(--of-primary-400);border-radius:var(--of-radius-sm);background:#3b82f61a;font-weight:600}.code-lines{color:var(--of-text-muted);font-size:.75rem}.code-body{padding:var(--of-space-4)0;flex:1;display:flex;overflow:auto}.code-line-numbers{padding:0 var(--of-space-4);text-align:right;color:var(--of-text-muted);opacity:.4;-webkit-user-select:none;user-select:none;font-family:var(--of-font-mono);border-right:1px solid var(--of-border);flex-direction:column;min-width:48px;line-height:1.6;display:flex}.code-body pre{padding:0 var(--of-space-6);font-family:var(--of-font-mono);white-space:pre;color:var(--of-text);tab-size:4;flex:1;margin:0;line-height:1.6;overflow-x:auto}.code-body code{font-family:inherit}.hljs{color:#e4e4e7!important;background:0 0!important}.hljs-keyword{color:#c084fc}.hljs-built_in{color:#67e8f9}.hljs-type{color:#fbbf24}.hljs-literal{color:#c084fc}.hljs-number{color:#fbbf24}.hljs-string{color:#86efac}.hljs-regexp{color:#f87171}.hljs-symbol{color:#fbbf24}.hljs-variable,.hljs-template-variable{color:#7dd3fc}.hljs-link{color:#60a5fa}.hljs-selector-id,.hljs-selector-class{color:#7dd3fc}.hljs-title{color:#67e8f9;font-weight:600}.hljs-title.function_{color:#60a5fa}.hljs-comment{color:#71717a;font-style:italic}.hljs-doctag{color:#a1a1aa}.hljs-meta{color:#f59e0b}.hljs-attr{color:#7dd3fc}.hljs-attribute{color:#86efac}.hljs-name{color:#f87171}.hljs-tag{color:#71717a}.hljs-params{color:#e4e4e7}.hljs-property{color:#7dd3fc}.hljs-addition{color:#86efac;background:#22c55e1a}.hljs-deletion{color:#f87171;background:#ef44441a}.of-viewer__docx{align-self:flex-start;height:100%;overflow-y:auto}.of-viewer__docx img{border-radius:var(--of-radius-sm);max-width:100%;height:auto;margin:var(--of-space-4)0}.of-viewer__docx table{border-collapse:collapse;width:100%;margin:var(--of-space-4)0}.of-viewer__docx td,.of-viewer__docx th{padding:var(--of-space-2)var(--of-space-3);border:1px solid var(--of-border)}.of-viewer__archive{background:var(--of-gray-950);flex-direction:column;align-self:flex-start;width:100%;height:100%;display:flex}.archive-summary{align-items:center;gap:var(--of-space-6);padding:var(--of-space-4)var(--of-space-6);background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);color:var(--of-text-secondary);font-size:.8125rem;display:flex}.archive-sort{gap:var(--of-space-1);margin-left:auto;display:flex}.archive-sort button{padding:var(--of-space-1)var(--of-space-3);color:var(--of-text-muted);border:1px solid var(--of-border);border-radius:var(--of-radius-sm);cursor:pointer;transition:all var(--of-transition-fast);background:0 0;font-size:.75rem;font-weight:500}.archive-sort button.active{color:var(--of-primary-400);border-color:var(--of-primary-500);background:#3b82f61a}.archive-list{flex:1;overflow-y:auto}.archive-entry{align-items:center;gap:var(--of-space-3);padding:var(--of-space-2)var(--of-space-4);transition:background var(--of-transition-fast);font-size:.8125rem;display:flex}.archive-entry:hover{background:#3b82f60a}.archive-entry--dir{cursor:pointer;font-weight:500}.archive-entry__icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.archive-entry__name{color:var(--of-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.archive-entry__size{color:var(--of-text-muted);font-family:var(--of-font-mono);flex-shrink:0;font-size:.75rem}.archive-entry__date{color:var(--of-text-muted);flex-shrink:0;font-size:.75rem}.av-root{background:var(--of-gray-950);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.av-split{flex:1;min-height:0;display:flex;overflow:hidden}.av-tree{border-right:1px solid var(--of-border);flex-shrink:0;width:42%;min-width:180px;max-width:380px;overflow-y:auto}.av-entry{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;align-items:center;gap:.4rem;padding:.28rem .75rem;font-size:.8125rem;transition:background .1s,border-color .1s;display:flex}.av-entry:hover{background:#6366f10f}.av-entry--dir{cursor:default;color:var(--of-text-secondary);font-weight:500}.av-entry--dir:hover{background:#6366f10a}.av-entry--active{border-left-color:var(--of-primary-500);background:#6366f11f!important}.av-entry__icon{text-align:center;flex-shrink:0;width:18px;font-size:.95rem}.av-entry__name{text-overflow:ellipsis;white-space:nowrap;color:var(--of-text);flex:1;overflow:hidden}.av-entry--dir .av-entry__name{color:var(--of-text-secondary)}.av-entry__size{font-family:var(--of-font-mono);color:var(--of-text-muted);flex-shrink:0;font-size:.7rem}.av-preview{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.av-empty{color:var(--of-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.375rem;height:100%;padding:2rem;font-size:.875rem;display:flex}.av-empty__icon{margin-bottom:.5rem;font-size:2.5rem}.av-preview-inner{flex-direction:column;height:100%;display:flex;overflow:hidden}.av-preview-header{border-bottom:1px solid var(--of-border);background:var(--of-bg-elevated);flex-shrink:0;align-items:center;gap:.5rem;min-width:0;padding:.5rem .875rem;display:flex}.av-preview-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;font-weight:500;overflow:hidden}.av-preview-size{color:var(--of-text-muted);flex-shrink:0;font-size:.7rem}.av-dl-btn{border:1px solid var(--of-border);color:var(--of-primary-400);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;padding:.2rem .5rem;font-size:.8rem;transition:all .15s}.av-dl-btn:hover{border-color:var(--of-primary-500);background:#6366f11f}.av-preview-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.av-img-wrap{background:repeating-conic-gradient(#80808014 0% 25%,#0000 0% 50%) 0 0/16px 16px;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;overflow:auto}.av-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 2px 12px #0000004d}.av-text-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.av-meta{color:var(--of-text-muted);border-bottom:1px solid var(--of-border);background:var(--of-bg-elevated);flex-shrink:0;align-items:center;gap:.375rem;padding:.35rem .875rem;font-size:.75rem;display:flex}.av-lang-badge{font-family:var(--of-font-mono);color:var(--of-primary-400);background:#6366f11a;border-radius:3px;padding:.05rem .35rem;font-size:.7rem}.av-text{font-family:var(--of-font-mono);white-space:pre-wrap;word-break:break-all;color:var(--of-text);flex:1;margin:0;padding:.75rem 1rem;font-size:.78rem;line-height:1.65;overflow:auto}.av-hex-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.av-hex{font-family:var(--of-font-mono);white-space:pre;color:var(--of-text);flex:1;margin:0;padding:.75rem 1rem;font-size:.73rem;line-height:1.75;overflow:auto}.av-back-btn{border:1px solid var(--of-border);color:var(--of-primary-400);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-family:inherit;font-size:.8125rem;transition:all .15s;display:flex}.av-back-btn:hover{border-color:var(--of-primary-500);background:#6366f11a}.av-summary-sep:before{content:"·";color:var(--of-border);margin-right:.5rem}.av-split--mobile{flex-direction:column}.av-split--mobile .av-tree{border-right:none;flex:1;width:100%;max-width:none;max-height:none}.av-split--mobile .av-preview{border-top:1px solid var(--of-border);flex:1;width:100%}@media (max-width:900px) and (min-width:601px){.av-tree{width:50%}}@media (max-width:768px){.av-entry{min-height:44px;padding-top:.45rem;padding-bottom:.45rem;font-size:.875rem}.av-entry__icon{width:22px;font-size:1.1rem}.av-dl-btn{padding:.35rem .625rem;font-size:.875rem}.archive-summary{flex-wrap:wrap;gap:.375rem;padding:.5rem .75rem;font-size:.8rem}.archive-sort button,.archive-collapse-btn{min-height:36px;padding:.25rem .5rem}}.of-viewer__xml-tree{width:100%;height:100%;padding:var(--of-space-4)var(--of-space-6);background:var(--of-gray-950);font-family:var(--of-font-mono);align-self:flex-start;line-height:1.6;overflow:auto}.xml-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;padding:1px 0}.xml-toggle:hover{background:#3b82f60d;border-radius:4px}.xml-arrow{width:1em;color:var(--of-text-muted);margin-right:4px;font-size:.625em;transition:transform .15s;display:inline-block}.xml-arrow--open{transform:rotate(90deg)}.xml-bracket{color:#71717a}.xml-tag{color:#f87171;font-weight:500}.xml-attr-name{color:#7dd3fc}.xml-attr-value{color:#86efac}.xml-text{color:var(--of-text)}.xml-comment{color:#71717a;font-style:italic}.xml-cdata{color:#fbbf24}.xml-collapsed{color:var(--of-text-muted);font-size:.8em;font-style:italic}.of-viewer__kv-tree{background:var(--of-gray-950);width:100%;height:100%;font-family:var(--of-font-mono);flex-direction:column;align-self:flex-start;line-height:1.6;display:flex}.kv-header{align-items:center;gap:var(--of-space-3);padding:var(--of-space-3)var(--of-space-6);background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);display:flex}.kv-format-badge{padding:var(--of-space-1)var(--of-space-2);color:var(--of-primary-400);border-radius:var(--of-radius-sm);background:#3b82f61a;font-size:.6875rem;font-weight:600}.kv-item-count{color:var(--of-text-muted);font-size:.75rem}.kv-tree-body{padding:var(--of-space-4)var(--of-space-2);flex:1;overflow:auto}.kv-entry{padding:1px 0}.kv-key{color:#7dd3fc}.kv-sep{color:var(--of-text-muted);margin:0 var(--of-space-2)}.kv-value--string{color:#86efac}.kv-value--number{color:#fbbf24}.kv-value--boolean{color:#c084fc}.kv-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0;font-weight:500}.kv-section-header:hover{background:#3b82f60d;border-radius:4px}.kv-arrow{width:1em;color:var(--of-text-muted);margin-right:4px;font-size:.625em;transition:transform .15s;display:inline-block}.kv-arrow--open{transform:rotate(90deg)}.kv-section-name{color:#f59e0b;font-weight:600}.kv-section-count{color:var(--of-text-muted);margin-left:var(--of-space-2);font-size:.8em;font-style:italic}.ssp__bar{border-bottom:1px solid var(--of-border);background:var(--of-bg-card);flex-shrink:0;font-size:.8rem}.ssp__summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:6px 14px;display:flex}.ssp__summary:hover{background:#7c3aed0a}.ssp__chip{background:var(--of-border);border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:600}.ssp__toggle{color:var(--of-text-secondary);margin-left:auto;font-size:.75rem}.ssp__cols{border-top:1px solid var(--of-border);flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.ssp__col{border-bottom:1px solid var(--of-border);align-items:center;gap:.5rem;padding:5px 14px;font-size:.775rem;display:flex}.ssp__col:last-child{border-bottom:none}.ssp__col-name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:160px;font-weight:600;overflow:hidden}.ssp__col-type{border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.7rem;font-weight:700}.ssp__col-type--num{color:#60a5fa;background:#3b82f626}.ssp__col-type--txt{color:#4ade80;background:#22c55e1f}.ssp__col-meta{color:var(--of-text-secondary)}.ssp__col-meta strong{color:var(--of-text)}.of-viewer__spreadsheet{flex-direction:column;align-self:flex-start;width:100%;height:100%;display:flex}.spreadsheet-tabs{gap:var(--of-space-1);padding:var(--of-space-2)var(--of-space-4);background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);display:flex;overflow-x:auto}.spreadsheet-tab{align-items:center;gap:var(--of-space-2);padding:var(--of-space-2)var(--of-space-4);color:var(--of-text-muted);border:1px solid var(--of-border);border-radius:var(--of-radius-md);cursor:pointer;transition:all var(--of-transition-fast);white-space:nowrap;background:0 0;font-size:.8125rem;font-weight:500;display:flex}.spreadsheet-tab:hover{color:var(--of-text-secondary);border-color:var(--of-border-hover)}.spreadsheet-tab--active{color:var(--of-text);background:var(--of-bg-card);border-color:var(--of-primary-500)}.spreadsheet-tab__count{color:var(--of-text-muted);font-size:.6875rem;font-family:var(--of-font-mono)}.spreadsheet-row-num{font-family:var(--of-font-mono);z-index:1;min-width:40px;font-size:.75rem;position:sticky;left:0;text-align:center!important;color:var(--of-text-muted)!important;background:var(--of-bg-elevated)!important}.spreadsheet-status{gap:var(--of-space-6);padding:var(--of-space-2)var(--of-space-4);background:var(--of-bg-elevated);border-top:1px solid var(--of-border);color:var(--of-text-muted);font-size:.75rem;display:flex}.of-metadata{padding:var(--of-space-4)var(--of-space-6);background:var(--of-bg-elevated);border-top:1px solid var(--of-border)}.of-metadata__grid{gap:var(--of-space-8);font-size:.8125rem;display:flex}.of-metadata__item{gap:var(--of-space-2);display:flex}.of-metadata__label{color:var(--of-text-muted)}.of-metadata__value{color:var(--of-text-secondary);font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.of-hero__title{font-size:2rem}.of-hero{padding:var(--of-space-10)0 var(--of-space-6)}.of-upload__zone{min-height:200px;padding:var(--of-space-6)}.of-stats{gap:var(--of-space-6);flex-wrap:wrap}.of-stat__number{font-size:1.5rem}.of-features__grid{gap:var(--of-space-4);grid-template-columns:1fr}.of-feature{padding:var(--of-space-6)}.of-categories__grid{grid-template-columns:1fr}.of-header__nav{display:none}.of-viewer__toolbar{padding:var(--of-space-2)var(--of-space-3);gap:var(--of-space-2);flex-wrap:wrap}.of-viewer__toolbar-right{flex-wrap:wrap}.of-viewer__file-info{gap:var(--of-space-2)}.of-metadata__grid{gap:var(--of-space-2);flex-direction:column}.of-viewer__controls{display:none}.formats-hero__title{font-size:2rem}.formats-hero__stats{gap:var(--of-space-4)}.formats-category__grid{grid-template-columns:repeat(2,1fr)}.formats-category__header{flex-direction:column;align-items:flex-start}}.formats-hero{text-align:center;padding:6rem 1.5rem 3rem}.formats-hero__title{color:var(--of-text-primary);margin-bottom:var(--of-space-4);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.formats-hero__subtitle{color:var(--of-text-secondary);font-size:1.125rem;line-height:1.6}.formats-hero__stats{justify-content:center;gap:var(--of-space-8);margin-top:var(--of-space-8);display:flex}.formats-stat{flex-direction:column;align-items:center;display:flex}.formats-stat__number{color:var(--of-text);font-size:1.75rem;font-weight:800}.formats-stat__label{color:var(--of-text-muted);margin-top:var(--of-space-1);font-size:.8125rem}.formats-directory{padding:3rem 0}.formats-directory .of-container{gap:var(--of-space-10);flex-direction:column;display:flex}.formats-filter-section{border-bottom:1px solid var(--of-border);z-index:10;background:var(--of-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem 0;position:sticky;top:60px}.formats-category{background:var(--of-bg-card);border:1px solid var(--of-border);border-radius:var(--of-radius-xl);overflow:hidden}.formats-category__header{align-items:center;gap:var(--of-space-4);padding:var(--of-space-6);border-bottom:1px solid var(--of-border);display:flex}.formats-category__icon{font-size:2rem}.formats-category__title{color:var(--of-text);margin:0;font-size:1.25rem;font-weight:700}.formats-category__desc{color:var(--of-text-muted);margin:var(--of-space-1)0 0;font-size:.8125rem}.formats-category__count{color:var(--of-text-muted);white-space:nowrap;margin-left:auto;font-size:.8125rem;font-weight:500}.formats-category__grid{background:var(--of-border);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;padding:0;display:grid}.format-card{align-items:center;gap:var(--of-space-2);padding:var(--of-space-5)var(--of-space-4);background:var(--of-bg-card);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.format-card:hover{background:var(--of-bg-elevated);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.format-card__ext{font-size:1.125rem;font-weight:700;font-family:var(--of-font-mono);color:var(--of-primary-400)}.format-card__name{color:var(--of-text-secondary);text-align:center;font-size:.75rem}.format-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:2px 8px;font-size:.625rem;font-weight:600}.format-badge--available{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.format-badge--coming{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.format-badge--planned{color:#6b7280;background:#6b72801a;border:1px solid #6b728033}.format-card__lib{font-size:.625rem;font-family:var(--of-font-mono);color:var(--of-text-muted)}.pptx-layout{background:var(--of-bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.pptx-toolbar{border-bottom:1px solid var(--of-border);background:var(--of-bg-elevated);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:3px;padding:5px 12px;display:flex}.pptx-toolbar__btn{color:var(--of-text-secondary);border-radius:var(--of-radius-md);cursor:pointer;transition:all var(--of-transition-fast);text-align:center;background:0 0;border:1px solid #0000;min-width:28px;padding:4px 10px;font-size:.875rem;font-weight:500;line-height:1.4}.pptx-toolbar__btn:hover:not(:disabled){color:var(--of-text);background:var(--of-bg-card);border-color:var(--of-border)}.pptx-toolbar__btn:disabled{opacity:.38;cursor:default}.pptx-toolbar__btn--text{padding:4px 8px;font-size:.75rem}.pptx-toolbar__btn--primary{background:var(--of-primary-600);color:#fff;border-radius:var(--of-radius-md);border-color:#0000;padding:4px 14px;font-size:.8125rem;font-weight:600}.pptx-toolbar__btn--primary:hover:not(:disabled){background:var(--of-primary-500);color:#fff;border-color:#0000}.pptx-toolbar__sep{background:var(--of-border);flex-shrink:0;width:1px;height:20px;margin:0 5px}.pptx-toolbar__counter{color:var(--of-text);text-align:center;min-width:3.5rem;font-size:.8125rem;font-weight:600}.pptx-toolbar__zoom{text-align:center;min-width:2.75rem;color:var(--of-text-muted);font-size:.75rem}.pptx-body{flex:1;display:flex;overflow:hidden}.pptx-sidebar{border-right:1px solid var(--of-border);background:var(--of-bg-elevated);flex-direction:column;flex-shrink:0;gap:2px;width:188px;padding:8px 0;display:flex;overflow:hidden auto}.pptx-sidebar::-webkit-scrollbar{width:4px}.pptx-sidebar::-webkit-scrollbar-track{background:0 0}.pptx-sidebar::-webkit-scrollbar-thumb{background:var(--of-border);border-radius:2px}.pptx-thumb-item{cursor:pointer;text-align:center;background:0 0;border:2px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:5px;margin:0 6px;padding:6px 8px;transition:background .12s,border-color .12s;display:flex}.pptx-thumb-item:hover{background:var(--of-bg-hover)}.pptx-thumb-item--active{border-color:var(--of-primary-500);background:var(--of-primary-alpha)}.pptx-thumb-mini{background:var(--of-surface);border-radius:4px;width:160px;overflow:hidden;box-shadow:0 1px 5px #00000038}.pptx-thumb-num{color:var(--of-text-muted);font-size:.65rem;font-weight:600;font-family:var(--of-font-mono)}.pptx-thumb-item--active .pptx-thumb-num{color:var(--of-primary-400)}.pptx-canvas-area{background:var(--of-bg);flex:1;justify-content:flex-start;align-items:flex-start;padding:20px;display:flex;overflow:auto}.pptx-canvas-area::-webkit-scrollbar{width:8px;height:8px}.pptx-canvas-area::-webkit-scrollbar-track{background:0 0}.pptx-canvas-area::-webkit-scrollbar-thumb{background:var(--of-border);border-radius:4px}.of-viewer__pptx{flex-direction:column;width:100%;height:100%;display:flex}.of-viewer__rtf{padding:var(--of-space-8)var(--of-space-10);max-width:800px;margin:0 auto;line-height:1.7}.of-viewer__rtf p{margin-bottom:var(--of-space-3);color:var(--of-text-secondary)}.of-viewer__rtf strong{color:var(--of-text)}.of-viewer__rtf em{font-style:italic}.of-viewer__rtf u{text-decoration:underline}.of-viewer__code-editor{flex-direction:column;align-self:flex-start;width:100%;height:100%;display:flex}.code-editor__toolbar{padding:var(--of-space-2)var(--of-space-4);background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);justify-content:space-between;align-items:center;display:flex}.code-editor__info{align-items:center;gap:var(--of-space-3);display:flex}.code-editor__lang{border-radius:var(--of-radius-sm);background:var(--of-primary-500);color:#fff;font-size:.6875rem;font-weight:700;font-family:var(--of-font-mono);padding:2px 8px}.code-editor__dirty{color:var(--of-accent-400);font-size:.75rem;font-weight:500}.code-editor__actions{gap:var(--of-space-2);display:flex}.code-editor__container{flex:1;overflow:auto}.code-editor__container .cm-editor{height:100%;min-height:400px}.code-editor__container .cm-scroller{font-family:JetBrains Mono,Fira Code,monospace!important}.of-viewer__btn--active{background:var(--of-primary-500)!important;color:#fff!important;border-color:var(--of-primary-500)!important}.of-viewer__psd{flex-direction:column;align-items:center;width:100%;display:flex}.psd-info{gap:var(--of-space-4);padding:var(--of-space-3)var(--of-space-6);background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);width:100%;color:var(--of-text-secondary);justify-content:center;font-size:.8125rem;display:flex}.of-viewer__email{width:100%;max-width:800px;padding:var(--of-space-4);margin:0 auto}.email-header{border-bottom:1px solid var(--of-border);padding-bottom:var(--of-space-4);margin-bottom:var(--of-space-4)}.email-subject{color:var(--of-text);margin:0 0 var(--of-space-3);font-size:1.375rem;font-weight:700}.email-meta{gap:var(--of-space-2);flex-direction:column;display:flex}.email-field{gap:var(--of-space-2);font-size:.875rem;display:flex}.email-label{color:var(--of-text-muted);min-width:50px;font-weight:600}.email-value{color:var(--of-text-secondary)}.email-toggle{gap:var(--of-space-2);margin-bottom:var(--of-space-3);display:flex}.email-body{width:100%}.email-text-body{white-space:pre-wrap;word-wrap:break-word;font-family:var(--of-font-mono);color:var(--of-text);font-size:.875rem;line-height:1.6}.email-html-body{color:var(--of-text);font-size:.9375rem;line-height:1.6}.email-attachments{margin-top:var(--of-space-4);padding-top:var(--of-space-4);border-top:1px solid var(--of-border)}.email-attachments h3{margin:0 0 var(--of-space-2);font-size:.875rem;font-weight:600}.email-attachment-list{gap:var(--of-space-1);flex-direction:column;display:flex}.email-attachment-item{padding:var(--of-space-2);background:var(--of-bg-elevated);border-radius:var(--of-radius-sm);font-size:.8125rem}.of-viewer__vcard{width:100%;max-width:500px;padding:var(--of-space-4);margin:0 auto}.vcard-nav{margin-bottom:var(--of-space-4);color:var(--of-text-muted);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.vcard-nav-btns{align-items:center;gap:var(--of-space-2);display:flex}.vcard-card{background:var(--of-bg-elevated);border:1px solid var(--of-border);border-radius:var(--of-radius-lg);padding:var(--of-space-6);text-align:center}.vcard-avatar{width:80px;height:80px;margin:0 auto var(--of-space-4);border-radius:50%;overflow:hidden}.vcard-photo{object-fit:cover;width:100%;height:100%}.vcard-initials{background:linear-gradient(135deg,var(--of-primary-500),var(--of-accent-500));color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex}.vcard-name{color:var(--of-text);margin:0;font-size:1.25rem;font-weight:700}.vcard-title{color:var(--of-text-secondary);margin:var(--of-space-1)0;font-size:.875rem}.vcard-org{color:var(--of-text-muted);margin:0 0 var(--of-space-4);font-size:.8125rem}.vcard-fields{gap:var(--of-space-3);text-align:left;margin-top:var(--of-space-4);border-top:1px solid var(--of-border);padding-top:var(--of-space-4);flex-direction:column;display:flex}.vcard-field{align-items:flex-start;gap:var(--of-space-3);display:flex}.vcard-field-icon{font-size:1.125rem}.vcard-field-label{text-transform:uppercase;color:var(--of-text-muted);letter-spacing:.05em;font-size:.6875rem;font-weight:600}.vcard-field-value{color:var(--of-text);font-size:.875rem;display:block}.vcard-field-value a{color:var(--of-primary-400);text-decoration:none}.vcard-field-value a:hover{text-decoration:underline}.of-viewer__ics{width:100%;max-width:700px;padding:var(--of-space-4);margin:0 auto}.ics-header{margin-bottom:var(--of-space-4);color:var(--of-text-muted);font-size:.875rem}.ics-events{gap:var(--of-space-4);flex-direction:column;display:flex}.ics-event{background:var(--of-bg-elevated);border:1px solid var(--of-border);border-radius:var(--of-radius-md);padding:var(--of-space-4)}.ics-event-header{margin-bottom:var(--of-space-3);justify-content:space-between;align-items:flex-start;display:flex}.ics-event-title{color:var(--of-text);margin:0;font-size:1rem;font-weight:600}.ics-event-status{text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.ics-event-details{gap:var(--of-space-2);flex-direction:column;display:flex}.ics-detail{align-items:flex-start;gap:var(--of-space-2);color:var(--of-text-secondary);font-size:.8125rem;display:flex}.ics-detail-icon{font-size:.875rem}.ics-event-description{margin-top:var(--of-space-3);padding-top:var(--of-space-3);border-top:1px solid var(--of-border)}.ics-event-description pre{white-space:pre-wrap;color:var(--of-text-secondary);font-size:.8125rem;font-family:var(--of-font-base);margin:0}.of-viewer__font{width:100%;max-width:800px;padding:var(--of-space-4);margin:0 auto}.font-header{align-items:baseline;gap:var(--of-space-3);margin-bottom:var(--of-space-4);padding-bottom:var(--of-space-4);border-bottom:1px solid var(--of-border);display:flex}.font-name{color:var(--of-text);margin:0;font-size:2rem;font-weight:400}.font-ext{border-radius:var(--of-radius-sm);background:var(--of-primary-500);color:#fff;font-size:.6875rem;font-weight:700;font-family:var(--of-font-mono);padding:2px 8px}.font-custom{margin-bottom:var(--of-space-4)}.font-custom-input{width:100%;padding:var(--of-space-3);background:var(--of-bg-elevated);border:1px solid var(--of-border);border-radius:var(--of-radius-md);color:var(--of-text);margin-bottom:var(--of-space-2);font-size:1rem}.font-custom-input:focus{border-color:var(--of-primary-500);outline:none}.font-size-selector{gap:var(--of-space-1);flex-wrap:wrap;display:flex}.font-preview-custom{padding:var(--of-space-6);background:var(--of-bg-elevated);border:1px solid var(--of-border);border-radius:var(--of-radius-md);margin-bottom:var(--of-space-6);color:var(--of-text);text-align:center;word-break:break-word}.font-charsets{gap:var(--of-space-3);padding:var(--of-space-4);background:var(--of-bg-elevated);border:1px solid var(--of-border);border-radius:var(--of-radius-md);margin-bottom:var(--of-space-6);flex-direction:column;display:flex}.font-charset-line{color:var(--of-text);word-break:break-all;font-size:1.125rem;line-height:1.6}.font-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--of-text-muted);margin:0 0 var(--of-space-3);font-size:.75rem;font-weight:700}.font-waterfall{gap:var(--of-space-3);flex-direction:column;display:flex}.font-waterfall-row{align-items:baseline;gap:var(--of-space-3);padding:var(--of-space-2)0;border-bottom:1px solid var(--of-border);display:flex;overflow:hidden}.font-waterfall-size{text-align:right;min-width:40px;color:var(--of-text-muted);font-size:.6875rem;font-family:var(--of-font-mono)}.of-viewer__sqlite{gap:0;width:100%;height:100%;min-height:500px;display:flex}.sqlite-sidebar{background:var(--of-bg-elevated);border-right:1px solid var(--of-border);width:260px;min-width:260px;padding:var(--of-space-3);flex-direction:column;display:flex;overflow-y:auto}.sqlite-sidebar-title{text-transform:uppercase;letter-spacing:.1em;color:var(--of-text-muted);margin:0 0 var(--of-space-2);font-size:.75rem;font-weight:700}.sqlite-table-list{margin-bottom:var(--of-space-4);flex-direction:column;flex:1;gap:2px;display:flex}.sqlite-table-item{padding:var(--of-space-2);border-radius:var(--of-radius-sm);cursor:pointer;color:var(--of-text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.sqlite-table-item:hover{background:#ffffff0d}.sqlite-table-item--active{color:var(--of-primary-400);background:#7c83ff26}.sqlite-table-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sqlite-table-count{color:var(--of-text-muted);font-size:.6875rem;font-family:var(--of-font-mono)}.sqlite-query{border-top:1px solid var(--of-border);padding-top:var(--of-space-3)}.sqlite-query-input{background:var(--of-bg-main);border:1px solid var(--of-border);border-radius:var(--of-radius-sm);width:100%;padding:var(--of-space-2);font-family:var(--of-font-mono);color:var(--of-text);resize:vertical;margin-bottom:var(--of-space-2);font-size:.75rem}.sqlite-query-input:focus{border-color:var(--of-primary-500);outline:none}.sqlite-content{padding:var(--of-space-3);flex-direction:column;flex:1;display:flex;overflow:auto}.sqlite-stats{padding:var(--of-space-2)var(--of-space-3);background:var(--of-bg-elevated);border-radius:var(--of-radius-sm);margin-bottom:var(--of-space-3);color:var(--of-text-muted);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.sqlite-table-scroll{border:1px solid var(--of-border);border-radius:var(--of-radius-md);flex:1;overflow:auto}.sqlite-table{border-collapse:collapse;width:100%;font-size:.8125rem}.sqlite-table th{background:var(--of-bg-elevated);padding:var(--of-space-2)var(--of-space-3);text-align:left;color:var(--of-text-secondary);border-bottom:1px solid var(--of-border);white-space:nowrap;font-weight:600;position:sticky;top:0}.sqlite-table td{padding:var(--of-space-2)var(--of-space-3);color:var(--of-text);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff0a;max-width:300px;overflow:hidden}.sqlite-table tr:hover td{background:#ffffff08}.sqlite-null{color:var(--of-text-muted);font-style:italic}.sqlite-pagination{justify-content:center;align-items:center;gap:var(--of-space-3);padding:var(--of-space-3);color:var(--of-text-muted);font-size:.8125rem;display:flex}.of-viewer__model{width:100%;height:100%;min-height:500px;position:relative}.model-canvas-container{width:100%;height:100%;min-height:500px}.model-canvas-container canvas{display:block;width:100%!important;height:100%!important}.model-info-bar{bottom:var(--of-space-3);gap:var(--of-space-4);padding:var(--of-space-2)var(--of-space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--of-radius-md);color:var(--of-text-secondary);background:#1a1a2ee6;border:1px solid #ffffff1a;font-size:.75rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.of-viewer__epub{flex-direction:column;width:100%;height:100%;display:flex}.epub-toolbar{padding:var(--of-space-2)var(--of-space-3);border-bottom:1px solid var(--of-border);background:var(--of-bg-elevated);justify-content:space-between;align-items:center;gap:var(--of-space-3);flex-wrap:wrap;display:flex}.epub-nav{gap:var(--of-space-2);display:flex}.epub-font-controls{align-items:center;gap:var(--of-space-2);display:flex}.epub-font-size{color:var(--of-text-muted);font-size:.75rem;font-family:var(--of-font-mono);text-align:center;min-width:40px}.epub-content-area{flex:1;display:flex;overflow:hidden}.epub-toc{background:var(--of-bg-elevated);border-right:1px solid var(--of-border);width:260px;min-width:260px;padding:var(--of-space-3);overflow-y:auto}.epub-toc-title{text-transform:uppercase;letter-spacing:.1em;color:var(--of-text-muted);margin:0 0 var(--of-space-3);font-size:.75rem;font-weight:700}.epub-toc-list{flex-direction:column;gap:2px;display:flex}.epub-toc-item{text-align:left;width:100%;padding:var(--of-space-2);border-radius:var(--of-radius-sm);cursor:pointer;color:var(--of-text-secondary);background:0 0;border:none;font-size:.8125rem;display:block}.epub-toc-item:hover{color:var(--of-text);background:#ffffff0d}.epub-reader-wrapper{background:var(--of-bg-main);flex:1;position:relative;overflow:hidden}.epub-reader{width:100%;height:100%}.epub-status{padding:var(--of-space-2)var(--of-space-3);border-top:1px solid var(--of-border);color:var(--of-text-muted);text-align:center;font-size:.75rem}.of-viewer__cbr{flex-direction:column;width:100%;height:100%;display:flex}.cbr-toolbar{padding:var(--of-space-2)var(--of-space-3);border-bottom:1px solid var(--of-border);background:var(--of-bg-elevated);justify-content:space-between;align-items:center;display:flex}.cbr-nav{align-items:center;gap:var(--of-space-2);display:flex}.cbr-page-info{color:var(--of-text-muted);text-align:center;min-width:100px;font-size:.8125rem}.cbr-view-toggle{gap:var(--of-space-1);display:flex}.cbr-single-view{padding:var(--of-space-4);background:var(--of-bg-main);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.cbr-page-image{object-fit:contain;border-radius:var(--of-radius-sm);max-width:100%;max-height:100%}.cbr-grid-view{gap:var(--of-space-3);padding:var(--of-space-4);background:var(--of-bg-main);flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid;overflow-y:auto}.cbr-grid-item{cursor:pointer;border-radius:var(--of-radius-md);aspect-ratio:3/4;border:2px solid #0000;transition:border-color .2s;position:relative;overflow:hidden}.cbr-grid-item:hover{border-color:var(--of-primary-500)}.cbr-grid-item--active{border-color:var(--of-primary-400)}.cbr-grid-thumb{object-fit:cover;width:100%;height:100%}.cbr-grid-label{color:#fff;background:#000000b3;border-radius:4px;padding:1px 6px;font-size:.6875rem;position:absolute;bottom:4px;right:4px}.of-viewer__midi{width:100%;max-width:900px;padding:var(--of-space-4);margin:0 auto}.midi-info{gap:var(--of-space-3);padding:var(--of-space-3);background:var(--of-bg-elevated);border:1px solid var(--of-border);border-radius:var(--of-radius-md);margin-bottom:var(--of-space-4);color:var(--of-text-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.midi-controls{gap:var(--of-space-2);margin-bottom:var(--of-space-4);display:flex}.midi-piano-roll{margin-bottom:var(--of-space-4);border-radius:var(--of-radius-md);border:1px solid var(--of-border);overflow:hidden}.midi-canvas{width:100%;height:auto;display:block}.midi-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--of-text-muted);margin:0 0 var(--of-space-2);font-size:.75rem;font-weight:700}.midi-tracks{gap:var(--of-space-1);flex-direction:column;display:flex}.midi-track-item{padding:var(--of-space-2)var(--of-space-3);background:var(--of-bg-elevated);border-radius:var(--of-radius-sm);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.midi-track-name{color:var(--of-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.midi-track-notes{color:var(--of-text-muted);font-family:var(--of-font-mono);font-size:.75rem}.midi-track-channel{color:var(--of-text-muted);font-family:var(--of-font-mono);text-align:right;min-width:40px;font-size:.75rem}.of-viewer__mbox{width:100%;height:100%;min-height:500px;display:flex}.mbox-list{background:var(--of-bg-elevated);border-right:1px solid var(--of-border);flex-direction:column;width:300px;min-width:300px;display:flex;overflow-y:auto}.mbox-list-title{text-transform:uppercase;letter-spacing:.1em;color:var(--of-text-muted);padding:var(--of-space-3);border-bottom:1px solid var(--of-border);margin:0;font-size:.75rem;font-weight:700}.mbox-items{flex:1;overflow-y:auto}.mbox-item{text-align:left;width:100%;padding:var(--of-space-3);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0a;flex-direction:column;gap:2px;display:flex}.mbox-item:hover{background:#ffffff08}.mbox-item--active{background:#7c83ff1a}.mbox-item-subject{color:var(--of-text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.mbox-item-from{color:var(--of-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.mbox-item-date{color:var(--of-text-muted);font-size:.625rem}.of-viewer__dxf{flex-direction:column;width:100%;height:100%;display:flex}.dxf-toolbar{padding:var(--of-space-2)var(--of-space-3);border-bottom:1px solid var(--of-border);background:var(--of-bg-elevated);justify-content:space-between;align-items:center;display:flex}.dxf-zoom{align-items:center;gap:var(--of-space-2);display:flex}.dxf-zoom-level{color:var(--of-text-muted);font-size:.75rem;font-family:var(--of-font-mono);text-align:center;min-width:40px}.dxf-info{gap:var(--of-space-3);color:var(--of-text-muted);font-size:.8125rem;display:flex}.dxf-content{flex:1;display:flex;overflow:hidden}.dxf-layers{background:var(--of-bg-elevated);border-right:1px solid var(--of-border);width:200px;min-width:200px;padding:var(--of-space-3);overflow-y:auto}.dxf-layers-title{text-transform:uppercase;letter-spacing:.1em;color:var(--of-text-muted);margin:0 0 var(--of-space-2);font-size:.75rem;font-weight:700}.dxf-layer-item{align-items:center;gap:var(--of-space-2);padding:var(--of-space-1);color:var(--of-text-secondary);cursor:pointer;font-size:.8125rem;display:flex}.dxf-canvas-wrap{flex:1;overflow:hidden}.dxf-canvas{width:100%;height:100%;display:block}.dxf-sharecad-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.dxf-sharecad-hint{padding:var(--of-space-2)var(--of-space-3);border-bottom:1px solid var(--of-border);color:var(--of-text-secondary);background:linear-gradient(135deg,#7c83ff1a,#00c8c80d);font-size:.8125rem}.dxf-sharecad-hint strong{color:var(--of-text)}.dxf-sharecad-iframe{background:#fff;border:none;flex:1;width:100%;min-height:400px}.info-panel-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.info-panel{background:var(--of-bg-elevated);border-left:1px solid var(--of-border);z-index:1000;flex-direction:column;width:380px;max-width:90vw;height:100vh;animation:.25s slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #0000004d}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.info-panel__header{padding:var(--of-space-4)var(--of-space-5);border-bottom:1px solid var(--of-border);background:linear-gradient(135deg,#6c5ce714,#0000);justify-content:space-between;align-items:center;display:flex}.info-panel__title{color:var(--of-text);align-items:center;gap:var(--of-space-2);margin:0;font-size:1rem;font-weight:700;display:flex}.info-panel__icon{font-size:1.1rem}.info-panel__close{border:1px solid var(--of-border);color:var(--of-text-muted);cursor:pointer;padding:var(--of-space-1)var(--of-space-2);border-radius:var(--of-radius-sm);transition:all var(--of-transition-fast);background:0 0;font-size:.875rem}.info-panel__close:hover{color:var(--of-text);border-color:var(--of-primary-500)}.info-panel__tabs{border-bottom:1px solid var(--of-border);gap:0;display:flex}.info-panel__tab{padding:var(--of-space-3)var(--of-space-4);color:var(--of-text-muted);cursor:pointer;transition:all var(--of-transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:.8125rem;font-weight:600}.info-panel__tab:hover{color:var(--of-text-secondary);background:#ffffff05}.info-panel__tab--active{color:var(--of-primary-400);border-bottom-color:var(--of-primary-500)}.info-panel__body{padding:var(--of-space-4)var(--of-space-5);flex:1;overflow-y:auto}.info-panel__section{margin-bottom:var(--of-space-5)}.info-panel__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--of-text-muted);margin:0 0 var(--of-space-3);font-size:.75rem;font-weight:700}.info-panel__row{padding:var(--of-space-2)0;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:flex-start;display:flex}.info-panel__label{color:var(--of-text-muted);margin-right:var(--of-space-3);flex-shrink:0;font-size:.8125rem}.info-panel__value{color:var(--of-text);text-align:right;font-size:.8125rem;font-weight:500}.info-panel__value--wrap{word-break:break-all;max-width:200px}.info-panel__chips{gap:var(--of-space-2);flex-wrap:wrap;display:flex}.info-panel__chip{padding:var(--of-space-1)var(--of-space-3);border:1px solid;border-radius:20px;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;display:inline-flex}.sw-badge{letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.5rem;font-weight:700;line-height:1;display:inline-flex}.info-panel__chip--viewer{color:#6c5ce7;background:#6c5ce714;border-color:#6c5ce74d}.info-panel__chip--editor{color:#00b894;background:#00b89414;border-color:#00b8944d}.info-panel__chip--converter{color:#fdcb6e;background:#fdcb6e14;border-color:#fdcb6e4d}.info-panel__tip{align-items:flex-start;gap:var(--of-space-2);padding:var(--of-space-3);border-radius:var(--of-radius-md);margin-bottom:var(--of-space-4);color:var(--of-text-secondary);background:#fdcb6e0f;border:1px solid #fdcb6e26;font-size:.8125rem;line-height:1.5;display:flex}.info-panel__tip-icon{flex-shrink:0;font-size:1rem}.info-panel__privacy{align-items:flex-start;gap:var(--of-space-2);padding:var(--of-space-3);border-radius:var(--of-radius-md);color:var(--of-text-secondary);background:#00b8940f;border:1px solid #00b89426;font-size:.8125rem;line-height:1.5;display:flex}.info-panel__privacy-icon{flex-shrink:0;font-size:1rem}.of-viewer__toolbar-sep{background:var(--of-border);width:1px;height:20px;margin:0 var(--of-space-1)}.of-viewer__tool-group{align-items:center;gap:var(--of-space-1);display:flex}.of-viewer__tool-btn{background:var(--of-bg-card);border:1px solid var(--of-border);border-radius:var(--of-radius-sm);width:32px;height:32px;color:var(--of-text-secondary);cursor:pointer;transition:all var(--of-transition-fast);justify-content:center;align-items:center;padding:0;font-size:.875rem;display:inline-flex}.of-viewer__tool-btn:hover{color:var(--of-text);border-color:var(--of-primary-500);background:#6c5ce714}.of-viewer__tool-btn--active{color:var(--of-primary-400);border-color:var(--of-primary-500);background:#6c5ce71f}.of-viewer__tool-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.of-viewer__tool-label{color:var(--of-text-muted);text-align:center;min-width:2.5rem;font-size:.6875rem;font-weight:600}:-webkit-any(:fullscreen .of-viewer,:-webkit-full-screen .of-viewer){background:var(--of-bg)}:is(:fullscreen .of-viewer,:fullscreen .of-viewer){background:var(--of-bg)}:-webkit-any(:fullscreen .of-viewer__toolbar,:-webkit-full-screen .of-viewer__toolbar){border-radius:0}:is(:fullscreen .of-viewer__toolbar,:fullscreen .of-viewer__toolbar){border-radius:0}.folder-layout{height:100vh;display:flex;overflow:hidden}.folder-sidebar{background:var(--of-bg-elevated);border-right:1px solid var(--of-border);flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}.folder-sidebar__header{padding:var(--of-space-3)var(--of-space-4);border-bottom:1px solid var(--of-border);background:linear-gradient(135deg,#6c5ce70f,#0000);justify-content:space-between;align-items:center;display:flex}.folder-sidebar__title{color:var(--of-text);align-items:center;gap:var(--of-space-2);margin:0;font-size:.8125rem;font-weight:700;display:flex}.folder-sidebar__list{padding:var(--of-space-2);flex:1;overflow-y:auto}.folder-file{align-items:center;gap:var(--of-space-2);padding:var(--of-space-2)var(--of-space-3);color:var(--of-text-secondary);cursor:pointer;border-radius:var(--of-radius-sm);transition:all var(--of-transition-fast);border:1px solid #0000;font-size:.8125rem;display:flex}.folder-file:hover{color:var(--of-text);background:#ffffff08}.folder-file--active{color:var(--of-primary-400);background:#6c5ce71a;border-color:#6c5ce74d;font-weight:600}.folder-file__icon{flex-shrink:0;font-size:.75rem}.folder-file__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-file__size{color:var(--of-text-muted);flex-shrink:0;font-size:.6875rem}.folder-main{flex:1;overflow:hidden}.folder-tree-node{color:var(--of-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.8125rem;transition:background .1s;display:flex}.folder-tree-node:hover{color:var(--of-text);background:#ffffff08}.folder-tree-node__arrow{text-align:center;width:12px;color:var(--of-text-muted);flex-shrink:0;font-size:.625rem}.folder-tree-node__icon{flex-shrink:0;font-size:.75rem}.folder-tree-node__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.folder-tree-node__count{color:var(--of-text-muted);background:#ffffff0d;border-radius:999px;flex-shrink:0;padding:.0625rem .375rem;font-size:.625rem}.media-player{background:#0a0a14;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.media-player__video{object-fit:contain;cursor:pointer;background:#000;flex:1;width:100%;min-height:0}.media-player__audio-art{background:linear-gradient(135deg,#0a0a1a 0%,#1a1025 50%,#0f0a1a 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:3rem;display:flex}.media-player__audio-icon{background:linear-gradient(135deg,#6c5ce733,#6c5ce70d);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.media-player__audio-pulse{background:linear-gradient(135deg,var(--of-primary-400),var(--of-primary-500));border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;transition:transform .3s;display:flex}.media-player__audio-pulse--active{animation:1.5s ease-in-out infinite audioPulse}@keyframes audioPulse{0%,to{transform:scale(1);box-shadow:0 0 #6c5ce766}50%{transform:scale(1.08);box-shadow:0 0 20px 10px #6c5ce726}}.media-player__audio-title{color:var(--of-text-primary);text-align:center;word-break:break-word;max-width:400px;font-size:1.125rem;font-weight:600}.media-player__controls{-webkit-backdrop-filter:blur(12px);background:#000000bf;flex-shrink:0;padding:0}.media-player__progress{cursor:pointer;background:#ffffff1a;width:100%;height:4px;transition:height .15s;position:relative}.media-player__progress:hover{height:6px}.media-player__progress-buffered{background:#ffffff26;border-radius:0 3px 3px 0;height:100%;position:absolute;top:0;left:0}.media-player__progress-played{background:var(--of-primary-400);border-radius:0 3px 3px 0;justify-content:flex-end;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.media-player__progress-thumb{opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s;transform:translate(50%);box-shadow:0 0 4px #0000004d}.media-player__progress:hover .media-player__progress-thumb{opacity:1}.media-player__bottom{justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}.media-player__left,.media-player__right{align-items:center;gap:.25rem;display:flex}.media-player__time{color:#ffffffb3;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:.5rem;font-size:.75rem}.media-ctrl{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:.8125rem;transition:background .15s,color .15s;display:inline-flex}.media-ctrl:hover{color:#fff;background:#ffffff1f}.media-ctrl--play{width:36px;height:36px}.media-ctrl--active{color:var(--of-primary-400)}.media-ctrl--label{width:auto;padding:0 .5rem;font-size:.75rem;font-weight:600}.media-ctrl__volume-wrap{align-items:center;display:flex;position:relative}.media-ctrl__volume-slider{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141ef2;border-radius:8px;justify-content:center;align-items:center;padding:1rem .5rem;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.media-ctrl__volume-range{writing-mode:vertical-lr;appearance:none;cursor:pointer;direction:rtl;background:#ffffff26;border-radius:2px;outline:none;width:4px;height:80px}.media-ctrl__volume-range::-webkit-slider-thumb{appearance:none;background:var(--of-primary-400);cursor:pointer;border-radius:50%;width:12px;height:12px}.media-ctrl__speed-wrap{position:relative}.media-ctrl__speed-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#14141ef2;border-radius:8px;flex-direction:column;gap:.125rem;min-width:70px;padding:.375rem;display:flex;position:absolute;bottom:100%;right:0;box-shadow:0 4px 16px #0006}.media-ctrl__speed-option{color:#ffffffb3;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:background .15s,color .15s}.media-ctrl__speed-option:hover{color:#fff;background:#ffffff1a}.media-ctrl__speed-option--active{background:var(--of-primary-400);color:#fff}.media-player:fullscreen{background:#000}.media-player:fullscreen .media-player__video{height:100%}.media-player:fullscreen .media-player__controls{opacity:0;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.media-player:fullscreen:hover .media-player__controls{opacity:1}.model-canvas-container{width:100%;height:100%}.model-toolbar{z-index:5;-webkit-backdrop-filter:blur(12px);background:#0a0a14bf;border:1px solid #ffffff14;border-radius:10px;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:.75rem;right:.75rem}.model-toolbar__btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.model-toolbar__btn:hover{color:#fff;background:#ffffff1a}.model-toolbar__btn--active{color:var(--of-primary-400);background:#6c5ce733}.model-toolbar__btn--active:hover{background:#6c5ce74d}.model-toolbar__btn svg{flex-shrink:0}.model-info-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff9;z-index:3;background:#0009;gap:1.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.code-toolbar-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.code-toolbar-btn:hover{color:#ffffffe6;background:#ffffff1a}.code-toolbar-btn--active{color:var(--of-primary-400);background:#6c5ce733;border-color:#6c5ce766}.code-body--wrap pre{white-space:pre-wrap;word-break:break-all}.code-body--wrap .code-line-numbers{position:sticky;left:0}.server-conversion-viewer{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.server-conversion-viewer__loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:3rem;display:flex}.server-conversion-viewer__status{color:var(--of-text-primary);font-size:.875rem;font-weight:600}.server-conversion-viewer__note{color:var(--of-text-tertiary);max-width:400px;font-size:.75rem;line-height:1.6}.server-conversion-viewer__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;padding:3rem;display:flex}.server-conversion-viewer__error p{color:var(--of-text-secondary);max-width:440px;font-size:.875rem}.server-conversion-viewer__actions{gap:.5rem;margin-top:.5rem;display:flex}.server-conversion-viewer__retry-btn{background:var(--of-primary-500);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;transition:background .15s}.server-conversion-viewer__retry-btn:hover{background:var(--of-primary-600)}.server-conversion-viewer__hint{color:var(--of-text-tertiary);margin-top:.5rem;font-size:.6875rem}.server-conversion-viewer__hint code{background:#ffffff0f;border-radius:4px;padding:.1rem .35rem;font-size:.65rem}.server-conversion-viewer__pdf{background:#1a1a2e;border:none;flex:1;width:100%;height:100%}.batch-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0f0f23f2;border-bottom:1px solid #ffffff0f;align-items:center;gap:0;height:38px;min-height:38px;padding:0 .5rem;display:flex;position:relative}.batch-tabs__list{scrollbar-width:none;flex:1;align-items:center;gap:1px;display:flex;overflow-x:auto}.batch-tabs__list::-webkit-scrollbar{display:none}.batch-tabs__tab{color:var(--of-text-tertiary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.35rem;min-width:0;max-width:200px;height:100%;padding:.35rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.batch-tabs__tab:hover{color:var(--of-text-secondary,#94a3b8);background:#ffffff08}.batch-tabs__tab--active{color:var(--of-text-primary,#e2e8f0);border-bottom-color:var(--of-primary-500,#6c5ce7);background:#6c5ce70f}.batch-tabs__icon{flex-shrink:0;font-size:.8125rem}.batch-tabs__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.batch-tabs__size{color:var(--of-text-tertiary,#475569);flex-shrink:0;font-size:.625rem}.batch-tabs__close{width:16px;height:16px;color:var(--of-text-tertiary,#475569);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.875rem;line-height:1;transition:all .1s;display:flex}.batch-tabs__close:hover{color:#ef4444;background:#ef444426}.batch-tabs__close-all{color:var(--of-text-tertiary,#475569);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;transition:color .15s}.batch-tabs__close-all:hover{color:#ef4444}.batch-tabs__context-menu{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141428fa;border:1px solid #ffffff1a;border-radius:8px;min-width:160px;padding:.25rem 0;animation:.1s ease-out ctx-fade-in;position:fixed;box-shadow:0 8px 30px #00000080}@keyframes ctx-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.batch-tabs__ctx-item{color:var(--of-text-secondary,#94a3b8);cursor:pointer;padding:.5rem 1rem;font-size:.8125rem;transition:all .1s}.batch-tabs__ctx-item:hover{color:var(--of-text-primary,#e2e8f0);background:#ffffff0f}.batch-tabs__ctx-item--danger:hover{color:#ef4444;background:#ef44441f}@media (max-width:768px){.of-header__inner{padding:0 .75rem}.of-header__nav{gap:.5rem}.of-header__link{display:none}.of-hero__title{font-size:2rem}.of-hero__subtitle{font-size:.9375rem}.of-upload__zone{padding:1.5rem}.of-categories__grid{grid-template-columns:1fr}.of-stats{grid-template-columns:repeat(2,1fr)}.of-viewer__toolbar{flex-wrap:wrap;gap:.25rem}.of-viewer__btn{min-width:44px;min-height:44px}.batch-tabs{height:34px;min-height:34px}.batch-tabs__tab{max-width:140px;padding:.25rem .5rem;font-size:.6875rem}.batch-tabs__size{display:none}}@media (max-width:480px){.of-hero__title{font-size:1.5rem}.of-stats{grid-template-columns:1fr 1fr;gap:.75rem}.of-features__grid{grid-template-columns:1fr}}@supports (padding:env(safe-area-inset-bottom)){.of-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.of-viewer__toolbar{padding-bottom:env(safe-area-inset-bottom)}}.formats-hero__back{color:var(--of-primary-400,#a29bfe);align-items:center;gap:.25rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.formats-hero__back:hover{color:var(--of-primary-300,#c0b4ff)}.formats-search{max-width:560px;margin:1.5rem auto 0}.formats-search__input-wrap{align-items:center;display:flex;position:relative}.formats-search__icon{width:18px;height:18px;color:var(--of-text-tertiary,#64748b);pointer-events:none;position:absolute;left:1rem}.formats-search__input{width:100%;color:var(--of-text-primary,#e2e8f0);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:.75rem 2.5rem .75rem 2.75rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.formats-search__input::placeholder{color:var(--of-text-tertiary,#64748b)}.formats-search__input:focus{border-color:var(--of-primary-500,#6c5ce7);box-shadow:0 0 0 3px #6c5ce726}.formats-search__clear{color:var(--of-text-tertiary,#64748b);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1;position:absolute;right:.75rem}.formats-search__clear:hover{color:var(--of-text-primary,#e2e8f0)}.formats-search__results{text-align:center;color:var(--of-text-tertiary,#64748b);margin-top:.5rem;font-size:.8125rem}.formats-filters{flex-wrap:wrap;justify-content:center;gap:.375rem;max-width:720px;margin:1.25rem auto 0;display:flex}.formats-filter-pill{color:var(--of-text-secondary,#94a3b8);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:.375rem .875rem;font-size:.75rem;font-weight:500;transition:all .15s}.formats-filter-pill:hover{color:var(--of-text-primary,#e2e8f0);background:#ffffff0f}.formats-filter-pill--active{border-color:var(--of-primary-500,#6c5ce7);color:var(--of-primary-400,#a29bfe);background:#6c5ce71f}.formats-popular{max-width:1200px;margin:2rem auto;padding:0 2rem}.formats-popular__title{color:var(--of-text-primary,#e2e8f0);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.formats-popular__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.formats-popular__card{background:linear-gradient(135deg,#6c5ce714,#6c5ce705);border:1px solid #6c5ce726;border-radius:10px;flex-direction:column;gap:.25rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s;display:flex}.formats-popular__card:hover{background:linear-gradient(135deg,#6c5ce726,#6c5ce70d);border-color:#6c5ce766;transform:translateY(-1px)}.formats-popular__ext{color:var(--of-primary-400,#a29bfe);font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:700}.formats-popular__desc{color:var(--of-text-tertiary,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.formats-popular__try{color:var(--of-primary-500,#6c5ce7);margin-top:.25rem;font-size:.6875rem;font-weight:600}.format-card__footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.format-card__try{color:var(--of-primary-500,#6c5ce7);opacity:0;font-size:.6875rem;font-weight:600;text-decoration:none;transition:opacity .15s}.format-card:hover .format-card__try{opacity:1}.formats-empty{text-align:center;padding:4rem 2rem}.formats-empty__icon{margin-bottom:1rem;font-size:3rem}.formats-empty h3{color:var(--of-text-primary,#e2e8f0);margin-bottom:.5rem;font-size:1.25rem}.formats-empty p{color:var(--of-text-tertiary,#64748b);margin-bottom:1rem;font-size:.875rem}.formats-empty__btn{background:var(--of-primary-500,#6c5ce7);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;transition:background .15s}.formats-empty__btn:hover{background:var(--of-primary-600,#5a4bd1)}@media (max-width:768px){.formats-popular__grid{grid-template-columns:repeat(2,1fr)}.formats-filters{gap:.25rem}.formats-filter-pill{padding:.25rem .625rem;font-size:.6875rem}}.of-viewer__pdf-mobile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;padding:2rem;display:flex}.of-viewer__pdf-mobile-icon{font-size:3.5rem}.of-viewer__pdf-mobile h3{color:var(--of-text-primary,#e2e8f0);word-break:break-all;font-size:1.125rem;font-weight:700}.of-viewer__pdf-mobile p{color:var(--of-text-tertiary,#64748b);font-size:.875rem;line-height:1.5}.of-viewer__pdf-mobile-btn{background:var(--of-primary-500,#6c5ce7);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:200px;padding:.75rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.of-viewer__pdf-mobile-btn:hover{background:var(--of-primary-600,#5a4bd1)}.of-viewer__pdf-mobile-btn--secondary{color:var(--of-text-secondary,#94a3b8);background:#ffffff0f;border:1px solid #ffffff1f}.of-viewer__pdf-mobile-btn--secondary:hover{color:var(--of-text-primary,#e2e8f0);background:#ffffff1a}.of-format-landing{z-index:1;min-height:100vh;padding:2rem 1rem 4rem;position:relative}.of-format-landing__container{max-width:900px;margin:0 auto}.of-format-landing__breadcrumbs{color:var(--of-text-muted,#64748b);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.of-format-landing__breadcrumbs a{color:var(--of-primary-400,#a78bfa);text-decoration:none;transition:color .15s}.of-format-landing__breadcrumbs a:hover{color:var(--of-primary-300,#c4b5fd)}.of-format-landing__hero{text-align:center;margin-bottom:3rem}.of-format-landing__badge{color:var(--of-primary-400,#a78bfa);background:#6c5ce71f;border:1px solid #6c5ce740;border-radius:999px;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.of-format-landing__title{background:linear-gradient(135deg,#e2e8f0,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15}.of-format-landing__subtitle{color:var(--of-text-secondary,#94a3b8);max-width:600px;margin:0 auto 2rem;font-size:1.125rem;line-height:1.6}.of-format-landing__cta{background:linear-gradient(135deg,var(--of-primary-500,#6c5ce7),var(--of-primary-600,#5b4cdb));color:#fff;border-radius:12px;padding:.875rem 2rem;font-size:1.0625rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 20px #6c5ce759}.of-format-landing__cta:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6c5ce780}.of-format-landing__trust-row{color:var(--of-text-muted,#64748b);flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem;font-size:.8125rem;display:flex}.of-format-landing__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:3rem;display:grid}.of-format-landing__card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f2399;border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem}.of-format-landing__card h2{color:var(--of-text,#e2e8f0);margin:0 0 1rem;font-size:1rem;font-weight:700}.of-format-landing__table{border-collapse:collapse;width:100%;font-size:.8125rem}.of-format-landing__table td{border-bottom:1px solid #ffffff0a;padding:.5rem 0}.of-format-landing__table td:first-child{color:var(--of-text-muted,#64748b);width:35%;font-weight:500}.of-format-landing__table td:last-child{color:var(--of-text-secondary,#94a3b8)}.of-format-landing__table code{background:#ffffff0f;border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.of-format-landing__table--compare{table-layout:fixed}.of-format-landing__table--compare th,.of-format-landing__table--compare td{vertical-align:middle;word-break:break-word;border-bottom:1px solid #ffffff0a;padding:.5rem .4rem}.of-format-landing__table--compare th:first-child,.of-format-landing__table--compare td:first-child{width:28%;color:var(--of-text-muted,#64748b);padding-left:0;font-weight:500}.of-format-landing__table--compare th{color:var(--of-text-secondary,#94a3b8);text-align:center;border-bottom:1px solid #ffffff1a;padding-bottom:.6rem;font-size:.75rem;font-weight:700}.of-format-landing__table--compare th:first-child{text-align:left}.of-format-landing__table--compare td:not(:first-child){text-align:center;color:var(--of-text-secondary,#94a3b8)}.of-format-landing__sw-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.of-format-landing__sw-list li{color:var(--of-text-secondary,#94a3b8);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:.375rem .75rem;font-size:.8125rem}.of-format-landing__steps{margin:0;padding-left:1.25rem}.of-format-landing__steps li{color:var(--of-text-secondary,#94a3b8);margin-bottom:1rem;font-size:.875rem}.of-format-landing__steps li strong{color:var(--of-text,#e2e8f0);margin-bottom:.25rem;display:block}.of-format-landing__steps li p{margin:0}.of-format-landing__steps li a{color:var(--of-primary-400,#a78bfa)}.of-format-landing__faq{margin-bottom:3rem}.of-format-landing__faq h2{color:var(--of-text,#e2e8f0);margin:0 0 1.25rem;font-size:1.5rem;font-weight:700}.of-format-landing__faq-item{background:#0f0f2380;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:.75rem;overflow:hidden}.of-format-landing__faq-item summary{color:var(--of-text,#e2e8f0);cursor:pointer;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.of-format-landing__faq-item summary:before{content:"▸";color:var(--of-primary-400,#a78bfa);font-size:.75rem;transition:transform .2s}.of-format-landing__faq-item[open] summary:before{transform:rotate(90deg)}.of-format-landing__faq-item summary::-webkit-details-marker{display:none}.of-format-landing__faq-item p{color:var(--of-text-secondary,#94a3b8);margin:0;padding:0 1.25rem 1rem;font-size:.875rem;line-height:1.6}.of-format-landing__faq-item a{color:var(--of-primary-400,#a78bfa)}.of-format-landing__related{margin-bottom:3rem}.of-format-landing__related h2{color:var(--of-text,#e2e8f0);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.of-format-landing__related-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.of-format-landing__related-item{background:#0f0f2380;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;text-decoration:none;transition:all .15s;display:flex}.of-format-landing__related-item:hover{background:#6c5ce714;border-color:#6c5ce740;transform:translateY(-2px)}.of-format-landing__related-ext{color:var(--of-primary-400,#a78bfa);font-size:1rem;font-weight:700}.of-format-landing__related-desc{color:var(--of-text-muted,#64748b);text-align:center;font-size:.6875rem}.of-format-landing__footer-cta{text-align:center;border-top:1px solid #ffffff0a;padding:3rem 0}.of-format-landing__footer-cta h2{color:var(--of-text,#e2e8f0);margin:0 0 1.25rem;font-size:1.5rem;font-weight:700}.of-format-landing__footer-note{color:var(--of-text-muted,#64748b);margin-top:1rem;font-size:.8125rem}.bgb{border:1px solid var(--of-border);background:var(--of-bg-card);border-radius:12px;margin:2.5rem 0;padding:2rem}.bgb__title{margin:0 0 .35rem;font-size:1.375rem;font-weight:700}.bgb__subtitle{color:var(--of-text-secondary);margin:0 0 1.5rem;font-size:.875rem}.bgb__dropzone{border:2px dashed var(--of-border);text-align:center;cursor:pointer;border-radius:10px;padding:2.5rem 1rem;transition:border-color .2s,background .2s}.bgb__dropzone:hover,.bgb__dropzone--active{border-color:var(--of-primary-500,#7c3aed);background:#7c3aed0a}.bgb__dropzone-icon{color:var(--of-text-tertiary);margin-bottom:.75rem}.bgb__dropzone-text{margin:0 0 .25rem;font-size:1rem}.bgb__dropzone-hint{color:var(--of-text-secondary);margin:0;font-size:.8125rem}.bgb__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:1.25rem 0 1rem;display:flex}.bgb__stats{align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.bgb__stat--done{color:#22c55e;font-weight:600}.bgb__stat--error{color:#ef4444;font-weight:600}.bgb__stat--pending{color:var(--of-text-secondary)}.bgb__btns{flex-wrap:wrap;gap:.5rem;display:flex}.bgb__btn{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text);cursor:pointer;border-radius:7px;padding:7px 14px;font-size:.8125rem;font-weight:500;transition:opacity .15s}.bgb__btn:disabled{opacity:.45;cursor:not-allowed}.bgb__btn:hover:not(:disabled){opacity:.85}.bgb__btn--primary{background:var(--of-primary-500,#7c3aed);color:#fff;border-color:#0000}.bgb__btn--download{color:#fff;background:#16a34a;border-color:#0000}.bgb__btn--clear{color:var(--of-text-secondary)}.bgb__btn--sm{padding:4px 10px;font-size:.75rem}.bgb__btn--remove{color:#ef4444;border-color:#0000}.bgb__queue{flex-direction:column;gap:.625rem;display:flex}.bgb__item{border:1px solid var(--of-border);background:var(--of-bg);border-radius:8px;align-items:center;gap:.875rem;padding:.625rem .875rem;display:flex}.bgb__item--done{border-color:#22c55e4d}.bgb__item--error{border-color:#ef44444d}.bgb__item--processing{border-color:#7c3aed4d}.bgb__item-thumb{background:repeating-conic-gradient(#aaa 0% 25%,#0000 0% 50%) 0 0/12px 12px;border-radius:6px;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.bgb__item-thumb img{object-fit:cover;width:100%;height:100%;display:block}.bgb__item-overlay{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bgb__item-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.bgb__item-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bgb__item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.bgb__item-error{color:#ef4444;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.bgb__item-actions{flex-shrink:0;gap:.375rem;display:flex}.bgb__badge{letter-spacing:.02em;text-transform:uppercase;border-radius:99px;padding:2px 7px;font-size:.7rem;font-weight:600}.bgb__badge--pending{color:var(--of-text-secondary);background:#64748b26}.bgb__badge--processing{color:#a78bfa;background:#7c3aed26}.bgb__badge--done{color:#22c55e;background:#22c55e26}.bgb__badge--error{color:#ef4444;background:#ef444426}.bgb__empty{color:var(--of-text-secondary);text-align:center;margin:1.5rem 0 0;font-size:.875rem}.bgb__empty p{margin:0 0 .4rem}.bgb__empty-cache{color:var(--of-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.bgb__empty-cache span{font-size:1rem}.bgb__dl-bar{background:var(--of-bg-card);border:1px solid var(--of-primary-500);border-radius:var(--of-radius-lg);margin:1rem 0;padding:.875rem 1rem;box-shadow:0 0 0 3px #3b82f614}.bgb__dl-bar-header{color:var(--of-text);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.bgb__dl-icon{flex-shrink:0;font-size:1rem;line-height:1}.bgb__dl-label{flex:1}.bgb__dl-size{color:var(--of-text-secondary);font-weight:400}.bgb__dl-pct{color:var(--of-primary-400);font-size:.875rem;font-weight:700}.bgb__dl-track{background:var(--of-bg-elevated);border-radius:9999px;height:8px;margin-bottom:.5rem;overflow:hidden}.bgb__dl-fill{background:linear-gradient(90deg,var(--of-primary-500),var(--of-accent-500));border-radius:9999px;min-width:4px;height:100%;transition:width .3s}.bgb__dl-hint{color:var(--of-success);margin:0;font-size:.75rem}.bgb__setup-banner{border:1px solid var(--of-primary-500);border-radius:var(--of-radius-lg);background:linear-gradient(135deg,#3b82f612,#8b5cf612);flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;padding:1.25rem 1.5rem;display:flex}.bgb__setup-banner-left{flex:1;min-width:200px}.bgb__setup-banner-right{flex-shrink:0;align-items:center;display:flex}.bgb__setup-step{text-transform:uppercase;letter-spacing:.08em;color:var(--of-primary-400);border-radius:var(--of-radius-full);background:#3b82f61f;margin-bottom:.4rem;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.bgb__setup-heading{color:var(--of-text);margin-bottom:.4rem;font-size:1rem;font-weight:700;display:block}.bgb__setup-desc{color:var(--of-text-secondary);margin:0 0 .6rem;font-size:.8125rem;line-height:1.55}.bgb__setup-badges{flex-wrap:wrap;gap:.5rem;display:flex}.bgb__setup-badges span{color:var(--of-success);border-radius:var(--of-radius-full);background:#22c55e1a;border:1px solid #22c55e33;padding:2px 8px;font-size:.7rem}.bgb__setup-error{width:100%;color:var(--of-error);margin:.5rem 0 0;font-size:.8rem}.bgb__retry-link{color:var(--of-primary-400);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.bgb__btn--download-model{border-radius:var(--of-radius-lg);background:var(--of-primary-600);color:#fff;cursor:pointer;transition:background var(--of-transition-fast);white-space:nowrap;border:none;flex-direction:column;align-items:center;gap:3px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;display:flex}.bgb__btn--download-model:hover{background:var(--of-primary-500)}.bgb__setup-size{opacity:.8;font-size:.7rem;font-weight:400}.bgb__btn--locked{opacity:.45;cursor:not-allowed}.bgb__dl-banner{background:var(--of-bg-card);border:1px solid var(--of-primary-500);border-radius:var(--of-radius-lg);margin-bottom:1rem;padding:1rem 1.25rem;box-shadow:0 0 0 3px #3b82f614}.bgb__dl-banner-header{color:var(--of-text);justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.875rem;font-weight:600;display:flex}.bgb__dl-info{color:var(--of-text-secondary);margin:.4rem 0 0;font-size:.75rem}@keyframes bgb-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.bgb__dl-fill--indeterminate{animation:1.4s infinite bgb-indeterminate;position:relative;width:30%!important}.bgb__ready-badge{border-radius:var(--of-radius-lg);color:var(--of-success);background:#22c55e14;border:1px solid #22c55e40;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.bgb__ready-sub{color:var(--of-text-muted);font-size:.75rem;font-weight:400}.of-suggest{border-top:1px solid var(--of-border);background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);margin:0}.of-suggest--converter{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.of-suggest__conv-label{color:var(--of-text-muted);white-space:nowrap}.of-suggest__conv-link{border-radius:var(--of-radius-full);background:var(--of-bg-elevated);border:1px solid var(--of-border);color:var(--of-text);white-space:nowrap;transition:border-color var(--of-transition-fast),background var(--of-transition-fast);padding:3px 10px;text-decoration:none}.of-suggest__conv-link:hover{border-color:var(--of-primary-500);background:#3b82f61f}.of-suggest--bar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}.of-suggest__bar-label{color:var(--of-text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}.of-suggest__bar-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.of-suggest__bar-chip{border-radius:var(--of-radius-full);background:var(--of-bg-elevated);border:1px solid var(--of-border);color:var(--of-text);white-space:nowrap;transition:border-color var(--of-transition-fast),background var(--of-transition-fast);padding:3px 10px;font-size:.8125rem;text-decoration:none}.of-suggest__bar-chip:hover{border-color:var(--of-primary-500);background:#3b82f61f}.of-suggest__bar-chip--convert{color:var(--of-accent-400);border-color:#8b5cf64d}.of-suggest__bar-chip--convert:hover{border-color:var(--of-accent-500);background:#8b5cf61a}.of-suggest--wizard{padding:.75rem}.of-suggest__wiz-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.of-suggest__wiz-tag{color:var(--of-primary-400);border-radius:var(--of-radius-full);letter-spacing:.02em;background:#3b82f61f;padding:2px 8px;font-size:.75rem;font-weight:600}.of-suggest__wiz-counter{color:var(--of-text-muted);margin-left:2px;font-size:.75rem}.of-suggest__wiz-body{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.of-suggest__wiz-icon{flex-shrink:0;font-size:1.75rem;line-height:1}.of-suggest__wiz-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.of-suggest__wiz-name{color:var(--of-text);font-size:.875rem;font-weight:600}.of-suggest__wiz-desc{color:var(--of-text-secondary);font-size:.75rem}.of-suggest__wiz-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.of-suggest__wiz-open{border-radius:var(--of-radius-full);background:var(--of-primary-600);color:#fff;transition:background var(--of-transition-fast);white-space:nowrap;padding:5px 14px;font-size:.8125rem;font-weight:600;text-decoration:none}.of-suggest__wiz-open:hover{background:var(--of-primary-500)}.of-suggest__wiz-next{border-radius:var(--of-radius-full);background:var(--of-bg-elevated);border:1px solid var(--of-border);color:var(--of-text-secondary);cursor:pointer;transition:border-color var(--of-transition-fast);white-space:nowrap;padding:5px 12px;font-size:.8125rem}.of-suggest__wiz-next:hover{border-color:var(--of-primary-500);color:var(--of-text)}.of-suggest__wiz-skip{cursor:pointer;color:var(--of-text-muted);border-radius:var(--of-radius-sm);transition:color var(--of-transition-fast);white-space:nowrap;background:0 0;border:none;padding:4px 6px;font-size:.75rem}.of-suggest__wiz-skip:hover{color:var(--of-error)}.of-suggest__wiz-dots{justify-content:center;gap:5px;margin-top:.5rem;display:flex}.of-suggest__wiz-dot{background:var(--of-border);cursor:pointer;width:6px;height:6px;transition:background var(--of-transition-fast);border:none;border-radius:50%;padding:0}.of-suggest__wiz-dot--active{background:var(--of-primary-500)}.of-suggest__close{cursor:pointer;color:var(--of-text-muted);border-radius:var(--of-radius-sm);transition:color var(--of-transition-fast);background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px 4px;font-size:1rem;line-height:1}.of-suggest__close:hover{color:var(--of-text)}.of-format-landing__rich{background:var(--of-surface,#12122a);border:1px solid var(--of-border,#ffffff14);border-radius:12px;margin:2rem 0;padding:1.5rem 1.75rem}.of-format-landing__rich h2{color:var(--of-text,#e2e8f0);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.of-format-landing__rich p{color:var(--of-text-secondary,#94a3b8);margin:0;font-size:.9375rem;line-height:1.7}.of-format-landing__checklist{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.of-format-landing__checklist li{color:var(--of-text-secondary,#94a3b8);padding-left:1.75rem;font-size:.9375rem;line-height:1.5;position:relative}.of-format-landing__checklist li:before{content:"✓";color:#6c63ff;font-weight:700;position:absolute;left:0}.of-format-landing__uses{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.of-format-landing__uses li{color:var(--of-text-secondary,#94a3b8);background:var(--of-surface2,#ffffff0a);border-radius:6px;padding:.5rem .75rem .5rem 1.25rem;font-size:.875rem;position:relative}.of-format-landing__uses li:before{content:"→";color:var(--of-text-muted,#64748b);position:absolute;left:.5rem}.of-format-landing__comparison{border-collapse:collapse;width:100%;font-size:.875rem}.of-format-landing__comparison th{text-align:left;color:var(--of-text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--of-border,#ffffff14);padding:.625rem .875rem;font-size:.8125rem;font-weight:600}.of-format-landing__comparison td{color:var(--of-text-secondary,#94a3b8);border-bottom:1px solid var(--of-border,#ffffff0f);padding:.625rem .875rem}.of-format-landing__comparison tr:last-child td{border-bottom:none}.of-format-landing__comparison td:first-child{color:var(--of-text,#e2e8f0);font-weight:500}.of-format-landing__comparison-yes{font-weight:600;color:#4ade80!important}[data-theme=light] .of-format-landing__rich{background:#f8f7ff;border-color:#00000014}[data-theme=light] .of-format-landing__rich h2{color:#1e1b4b}[data-theme=light] .of-format-landing__rich p,[data-theme=light] .of-format-landing__checklist li,[data-theme=light] .of-format-landing__uses li{color:#475569}[data-theme=light] .of-format-landing__uses li{background:#0000000a}[data-theme=light] .of-format-landing__comparison td{color:#475569;border-bottom-color:#0000000f}[data-theme=light] .of-format-landing__comparison td:first-child{color:#1e1b4b}[data-theme=light] .of-format-landing__comparison th{color:#64748b;border-bottom-color:#0000001a}[data-theme=light] .of-format-landing__comparison-yes{color:#16a34a!important}.viewer-error-boundary{text-align:center;background:var(--of-surface,#12122a);border:1px solid #f8717140;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:280px;margin:1rem;padding:3rem 2rem;display:flex}.viewer-error-boundary__icon{font-size:2.5rem}.viewer-error-boundary__title{color:var(--of-text,#e2e8f0);margin:0;font-size:1.125rem;font-weight:700}.viewer-error-boundary__desc{color:var(--of-text-muted,#64748b);max-width:480px;margin:0;font-size:.875rem;line-height:1.6}.viewer-error-boundary__detail{color:#f87171;white-space:pre-wrap;word-break:break-all;background:#f8717114;border:1px solid #f8717133;border-radius:6px;max-width:480px;margin:0;padding:.625rem .875rem;font-size:.75rem}.viewer-error-boundary__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.viewer-error-boundary__retry{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .15s}.viewer-error-boundary__retry:hover{opacity:.85}.viewer-error-boundary__help{color:var(--of-text-muted,#64748b);font-size:.8125rem;text-decoration:underline}[data-theme=light] .viewer-error-boundary{background:#fff5f5;border-color:#ef444433}[data-theme=light] .viewer-error-boundary__title{color:#1e1b4b}.of-format-landing__workflow-callout{text-align:center;background:linear-gradient(135deg,#6c63ff1f 0%,#63b3ed14 100%);border:1px solid #6c63ff40;border-radius:12px;margin:1.5rem 0 2rem;padding:1.25rem 1.5rem}.of-format-landing__workflow-title{color:var(--of-text,#e2e8f0);margin:0 0 .75rem;font-size:.9375rem;font-weight:700}.of-format-landing__workflow-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 0 .75rem;display:flex}.of-format-landing__workflow-steps span{color:var(--of-text-secondary,#94a3b8);background:#ffffff0f;border-radius:999px;padding:.375rem .75rem;font-size:.875rem}.of-format-landing__workflow-arrow{font-weight:700;color:#6c63ff!important;background:0 0!important;padding:0!important;font-size:1rem!important}.of-format-landing__workflow-sub{color:var(--of-text-muted,#64748b);margin:0;font-size:.8125rem}[data-theme=light] .of-format-landing__workflow-callout{background:linear-gradient(135deg,#6c63ff12 0%,#63b3ed0d 100%);border-color:#6c63ff33}[data-theme=light] .of-format-landing__workflow-title{color:#1e1b4b}[data-theme=light] .of-format-landing__workflow-steps span{color:#475569;background:#0000000a}.of-faq-page{z-index:1;min-height:100vh;padding:2rem 1rem 4rem;position:relative}.of-faq-page__title{background:linear-gradient(135deg,#e2e8f0,#a78bfa);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.of-faq-page__subtitle{text-align:center;color:var(--of-text-secondary,#94a3b8);margin:0 0 2.5rem;font-size:1rem}.of-faq-page__section-title{color:var(--of-primary-400,#a78bfa);border-bottom:1px solid #6c5ce726;margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:700}@media (max-width:640px){.of-format-landing__grid{grid-template-columns:1fr}.of-format-landing__trust-row{flex-direction:column;gap:.5rem}.of-format-landing__related-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.of-blog{background:var(--of-bg);min-height:100vh;color:var(--of-text);padding:2rem 1rem}.of-blog__container{max-width:900px;margin:0 auto}.of-blog__back{color:var(--of-primary-400);margin-bottom:2rem;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-block}.of-blog__back:hover{color:var(--of-primary-300)}.of-blog__title{background:linear-gradient(135deg,var(--of-primary-400),var(--of-primary-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.of-blog__subtitle{color:var(--of-text-muted);margin-bottom:2.5rem;font-size:1.125rem}.of-blog__grid{gap:1.5rem;display:grid}.of-blog-card{border:1px solid var(--of-border);color:inherit;background:#ffffff08;border-radius:12px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.of-blog-card:hover{border-color:var(--of-primary-400);transform:translateY(-2px);box-shadow:0 8px 24px #6366f114}.of-blog-card__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.of-blog-card__category{color:var(--of-primary-400);background:#6366f11f;border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.of-blog-card__time{color:var(--of-text-muted);font-size:.75rem}.of-blog-card__title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.4}.of-blog-card__desc{color:var(--of-text-muted);flex:1;font-size:.875rem;line-height:1.6}.of-blog-card__footer{border-top:1px solid var(--of-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.of-blog-card__date{color:var(--of-text-muted);font-size:.75rem}.of-blog-card__read{color:var(--of-primary-400);font-size:.8125rem;font-weight:600}.of-blog-post{background:var(--of-bg);min-height:100vh;color:var(--of-text);padding:2rem 1rem}.of-blog-post__container{max-width:750px;margin:0 auto}.of-blog-post__meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.of-blog-post__date,.of-blog-post__readtime{color:var(--of-text-muted);font-size:.8125rem}.of-blog-post__title{margin-bottom:1rem;font-size:2.25rem;font-weight:800;line-height:1.25}.of-blog-post__description{color:var(--of-text-muted);border-bottom:1px solid var(--of-border);margin-bottom:2rem;padding-bottom:2rem;font-size:1.125rem;line-height:1.6}.of-blog-post__content{font-size:1rem;line-height:1.8}.of-blog-post__content h2{color:var(--of-text);margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.of-blog-post__content h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.of-blog-post__content p{color:var(--of-text-muted);margin-bottom:1.25rem}.of-blog-post__content ul,.of-blog-post__content ol{margin-bottom:1.25rem;padding-left:1.5rem}.of-blog-post__content li{color:var(--of-text-muted);margin-bottom:.5rem}.of-blog-post__content a{color:var(--of-primary-400);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.of-blog-post__content a:hover{border-bottom-color:var(--of-primary-400)}.of-blog-post__content code{color:var(--of-primary-300);background:#6366f11a;border-radius:4px;padding:.15em .4em;font-family:JetBrains Mono,monospace;font-size:.875em}.of-blog-post__content strong{color:var(--of-text);font-weight:600}.of-blog-post__content table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.875rem}.of-blog-post__content th,.of-blog-post__content td{border:1px solid var(--of-border);text-align:left;padding:.75rem 1rem}.of-blog-post__content th{color:var(--of-text);background:#6366f114;font-weight:600}.of-blog-post__content td{color:var(--of-text-muted)}.of-blog-post__tags{border-top:1px solid var(--of-border);flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.of-blog-post__tag{color:var(--of-primary-400);background:#6366f114;border:1px solid #6366f126;border-radius:100px;padding:.25rem .75rem;font-size:.75rem}.of-faq-page{background:var(--of-bg);min-height:100vh;color:var(--of-text);padding:2rem 1rem}.of-faq-page__container{max-width:750px;margin:0 auto}.of-faq-page__title{background:linear-gradient(135deg,var(--of-primary-400),var(--of-primary-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.of-faq-page__subtitle{color:var(--of-text-muted);margin-bottom:2.5rem;font-size:1.125rem}.of-faq-page__section-title{margin-top:2.5rem;margin-bottom:1rem;font-size:1.375rem;font-weight:700}@media (max-width:640px){.of-blog__title,.of-faq-page__title{font-size:1.75rem}.of-blog-post__title{font-size:1.5rem}.of-blog-card__title{font-size:1.1rem}}.gis-viewer{flex-direction:column;height:100%;min-height:500px;display:flex;position:relative}.gis-viewer__info-bar{background:var(--of-bg-secondary);border-bottom:1px solid var(--of-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.gis-viewer__badge{color:var(--of-primary-400);background:#6366f11f;border-radius:100px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.gis-viewer__map{z-index:1;flex:1;min-height:400px}.gis-viewer__loading{background:var(--of-bg);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.gis-viewer__spinner{border:3px solid var(--of-border);border-top-color:var(--of-primary-400);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.gis-viewer__error{text-align:center;color:var(--of-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.gis-viewer__error-icon{font-size:3rem}.leaflet-container{background:var(--of-bg)!important}.leaflet-popup-content-wrapper{background:var(--of-bg-secondary)!important;color:var(--of-text)!important;border:1px solid var(--of-border)!important;border-radius:8px!important;box-shadow:0 4px 16px #0000004d!important}.leaflet-popup-tip{background:var(--of-bg-secondary)!important}.leaflet-control-zoom a{background:var(--of-bg-secondary)!important;color:var(--of-text)!important;border-color:var(--of-border)!important}.leaflet-control-attribution{color:var(--of-text-muted)!important;background:#0f0f14cc!important}.leaflet-control-attribution a{color:var(--of-primary-400)!important}.of-viewer__convert-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f0f1ef2;border:1px solid #ffffff1a;border-radius:10px;min-width:260px;max-height:320px;padding:.5rem;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.of-viewer__convert-title{color:var(--of-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem .25rem;font-size:.75rem;font-weight:700}.of-viewer__convert-option{width:100%;color:var(--of-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem .75rem;transition:all .15s;display:flex}.of-viewer__convert-option:hover{background:#6366f11f}.of-viewer__convert-ext{color:#818cf8;min-width:55px;font-size:.9rem;font-weight:700}.of-viewer__convert-desc{color:var(--of-text-muted);font-size:.78rem;line-height:1.3}.of-viewer__convert-toast{color:var(--of-text);z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1ef2;border:1px solid #6366f14d;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;animation:.3s of-toast-in;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@keyframes of-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.archive-collapse-btn{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text-muted);cursor:pointer;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;transition:all .2s}.archive-collapse-btn:hover{border-color:var(--of-primary-400);color:var(--of-text)}.of-loading-transition{z-index:9999;background:linear-gradient(135deg,#0a0a1a 0%,#0f0f2e 50%,#0a0a1a 100%);justify-content:center;align-items:center;animation:.3s of-loading-fade-in;display:flex;position:fixed;inset:0}@keyframes of-loading-fade-in{0%{opacity:0}to{opacity:1}}.of-loading-transition__content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.of-loading-transition__text{color:var(--of-text);font-size:1.1rem}.of-loading-transition__text strong{color:#818cf8}.of-loading-transition__sub{color:var(--of-text-muted);font-size:.85rem;animation:1.5s infinite of-loading-pulse}@keyframes of-loading-pulse{0%,to{opacity:.5}50%{opacity:1}}.of-password-dialog{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1001;text-align:center;background:#0f0f1ef2;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:420px;padding:2rem;animation:.3s of-dialog-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0009}@keyframes of-dialog-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.of-password-dialog__icon{margin-bottom:.5rem;font-size:3rem}.of-password-dialog h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.of-password-dialog__input{width:100%;color:var(--of-text);background:#0000004d;border:1px solid #818cf84d;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.of-password-dialog__input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.of-convert-page{background:var(--of-bg);max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1rem}.of-convert-page__hero{text-align:center;padding:3rem 0 2rem}.of-convert-page__title{color:var(--of-text);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.of-convert-page__subtitle{color:var(--of-text-muted);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.of-convert-page__workspace{max-width:700px;margin:0 auto 3rem}.of-convert-page__upload-area{flex-direction:column;gap:1.25rem;display:flex}.of-convert-page__dropzone{text-align:center;cursor:pointer;background:var(--of-bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px dashed #6366f159;border-radius:16px;padding:3rem 2rem;transition:all .3s}.of-convert-page__dropzone:hover,.of-convert-page__dropzone--active{border-color:var(--of-primary-400);background:#6366f114;transform:scale(1.01)}.of-convert-page__file-input{display:none}.of-convert-page__drop-icon{margin-bottom:1rem;font-size:3rem}.of-convert-page__drop-text{color:var(--of-text);font-size:1.15rem;font-weight:600}.of-convert-page__drop-hint{color:var(--of-text-muted);margin-top:.25rem;font-size:.9rem}.of-convert-page__file-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.of-convert-page__file-icon{font-size:2rem}.of-convert-page__file-name{color:var(--of-text);word-break:break-all;font-size:1.1rem;font-weight:700}.of-convert-page__file-size{color:var(--of-text-muted);font-size:.9rem}.of-convert-page__format-picker{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.of-convert-page__picker-label{color:var(--of-text-muted);font-size:.95rem;font-weight:600}.of-convert-page__format-options{flex-wrap:wrap;gap:.5rem;display:flex}.of-convert-page__format-btn{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s}.of-convert-page__format-btn:hover{border-color:var(--of-primary-400);background:#6366f11a}.of-convert-page__format-btn--active{background:var(--of-primary-500);border-color:var(--of-primary-500);color:#fff}.of-convert-page__convert-btn{background:linear-gradient(135deg,var(--of-primary-500),#7c3aed);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.of-convert-page__convert-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.of-convert-page__convert-btn:disabled{opacity:.7;cursor:not-allowed}.of-convert-page__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite of-spin;display:inline-block}.of-convert-page__progress{align-items:center;gap:1rem;display:flex}.of-convert-page__progress-bar{background:var(--of-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.of-convert-page__progress-fill{background:linear-gradient(90deg,var(--of-primary-500),#7c3aed);border-radius:4px;height:100%;transition:width .3s}.of-convert-page__progress-text{color:var(--of-text-muted);text-align:right;min-width:40px;font-size:.85rem;font-weight:600}.of-convert-page__result{text-align:center;background:#10b9810f;border:1px solid #10b98133;border-radius:12px;padding:2rem}.of-convert-page__result-icon{margin-bottom:.75rem;font-size:2.5rem}.of-convert-page__result-text{color:var(--of-text);margin-bottom:1.25rem;font-size:1.1rem}.of-convert-page__download-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;margin-bottom:1rem;padding:.9rem 2rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.of-convert-page__download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.of-convert-page__reset-btn{border:1px solid var(--of-border);color:var(--of-text-muted);cursor:pointer;background:0 0;border-radius:8px;margin:0 auto;padding:.5rem 1.5rem;font-size:.9rem;transition:all .2s;display:block}.of-convert-page__reset-btn:hover{color:var(--of-text);border-color:var(--of-primary-400)}.of-convert-page__error{color:#dc2626;background:#ef444414;border:1px solid #ef444433;border-radius:10px;padding:1rem 1.5rem;font-size:.95rem}[data-theme=dark] .of-convert-page__error{color:#fca5a5}.of-convert-page__no-conversion{text-align:center;color:var(--of-text-muted);padding:1rem}.of-convert-page__no-conversion a{color:var(--of-primary-400)}.of-convert-page__popular,.of-convert-page__all-conversions,.of-convert-page__trust{margin-top:3rem}.of-convert-page__section-title{color:var(--of-text);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.of-convert-page__pairs-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.of-convert-page__pair-card{border:1px solid var(--of-border);background:var(--of-bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:left;color:var(--of-text);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .3s;display:flex}.of-convert-page__pair-card:hover{border-color:var(--of-primary-400);background:#6366f10f;transform:translateY(-2px)}.of-convert-page__pair-formats{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.of-convert-page__pair-from{color:#818cf8}[data-theme=light] .of-convert-page__pair-from{color:#4f46e5}.of-convert-page__pair-arrow{color:var(--of-text-muted)}.of-convert-page__pair-to{color:#34d399}[data-theme=light] .of-convert-page__pair-to{color:#059669}.of-convert-page__pair-desc{color:var(--of-text-muted);font-size:.85rem;line-height:1.4}.of-convert-page__pair-badge{background:var(--of-border);color:var(--of-text-muted);border-radius:6px;width:fit-content;padding:.25rem .6rem;font-size:.75rem;display:inline-block}.of-convert-page__category{margin-bottom:2rem}.of-convert-page__category-title{color:var(--of-text);margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.of-convert-page__category-pairs{flex-wrap:wrap;gap:.5rem;display:flex}.of-convert-page__mini-pair{border:1px solid var(--of-border);background:var(--of-bg-card);color:var(--of-text);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.of-convert-page__mini-pair:hover{border-color:var(--of-primary-400);color:var(--of-primary-400)}.of-convert-page__trust-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.of-convert-page__trust-item{text-align:center;background:var(--of-bg-card);border:1px solid var(--of-border);border-radius:12px;padding:2rem 1.5rem}.of-convert-page__trust-item span{margin-bottom:.75rem;font-size:2rem;display:block}.of-convert-page__trust-item h3{color:var(--of-text);margin-bottom:.5rem;font-weight:700}.of-convert-page__trust-item p{color:var(--of-text-muted);font-size:.9rem;line-height:1.5}.of-convert-pair-page{background:var(--of-bg);min-height:100vh;padding:2rem 1rem 4rem}.of-convert-pair-page__hero{text-align:center;padding:2rem 0}.of-convert-pair-page__breadcrumb{color:var(--of-text-muted);margin-bottom:1.5rem;font-size:.85rem}.of-convert-pair-page__breadcrumb a{color:var(--of-primary-400);text-decoration:none}.of-convert-pair-page__title{color:var(--of-text);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.of-convert-pair-page__subtitle{color:var(--of-text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.of-convert-pair-page__cta-section{text-align:center;margin:2rem 0 3rem}.of-convert-pair-page__badges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.of-convert-pair-page__howto,.of-convert-pair-page__faq,.of-convert-pair-page__related{max-width:800px;margin:3rem auto}.of-convert-pair-page__howto h2,.of-convert-pair-page__faq h2,.of-convert-pair-page__related h2{color:var(--of-text);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.of-convert-pair-page__steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;display:grid}.of-convert-pair-page__step{text-align:center;background:var(--of-bg-card);border:1px solid var(--of-border);border-radius:12px;padding:1.5rem}.of-convert-pair-page__step-num{background:linear-gradient(135deg,var(--of-primary-500),#7c3aed);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.75rem;font-size:1.1rem;font-weight:800;display:inline-flex}.of-convert-pair-page__step h3{color:var(--of-text);margin-bottom:.5rem;font-weight:700}.of-convert-pair-page__step p{color:var(--of-text-muted);font-size:.9rem;line-height:1.5}.of-render-toggle{background:var(--of-bg-card);border:1px solid var(--of-border);border-radius:20px;align-items:center;gap:0;padding:2px;display:flex}.of-render-toggle__btn{color:var(--of-text-muted);cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:0 0;border:none;border-radius:16px;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;transition:all .2s}.of-render-toggle__btn:hover{color:var(--of-text)}.of-render-toggle__btn--active{background:linear-gradient(135deg,var(--of-primary-500),var(--of-primary-600));color:#fff;box-shadow:0 2px 8px #6c5ce74d}@media (max-width:768px){.folder-layout{flex-direction:column}.folder-sidebar{border-right:none;border-bottom:1px solid var(--of-border);width:100%;max-height:40vh}.folder-main{flex:1;min-height:0}.of-render-toggle__btn{padding:.2rem .5rem;font-size:.625rem}.of-viewer__tool-btn{width:32px;height:32px;font-size:.8rem}.of-viewer__toolbar-sep,.of-viewer__file-meta{display:none}.format-info-panel{width:100%!important;max-width:100%!important}.of-loading-transition__text{font-size:1rem}.of-password-dialog{width:90vw;max-width:340px}.batch-tabs__context-menu{min-width:140px}.of-viewer__btn-label{display:none}.of-viewer__btn--primary{padding:.375rem .625rem;font-size:.875rem}}@media (max-width:480px){.folder-sidebar{max-height:35vh}.folder-sidebar__header{padding:var(--of-space-2)var(--of-space-3)}.folder-sidebar__title{font-size:.75rem}.folder-file{padding:var(--of-space-1)var(--of-space-2);font-size:.75rem}.of-viewer__toolbar{gap:.125rem;padding:.25rem .5rem}.of-viewer__tool-btn{width:28px;height:28px;font-size:.7rem}.of-render-toggle{padding:1px}.of-render-toggle__btn{padding:.15rem .4rem;font-size:.5625rem}.of-viewer__toolbar-left,.of-viewer__file-info{gap:.25rem}.batch-tabs{height:30px;min-height:30px}.batch-tabs__tab{max-width:100px;padding:.125rem .375rem;font-size:.625rem}.batch-tabs__icon{display:none}.of-viewer__btn{padding:var(--of-space-1)var(--of-space-2);font-size:.75rem}.of-viewer__btn--primary{padding:.25rem .5rem;font-size:.8rem}}.code-search-bar{background:var(--of-bg-elevated);border-bottom:1px solid var(--of-border);align-items:center;gap:.5rem;padding:.5rem 1rem;animation:.15s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.code-search-input{background:var(--of-bg);border:1px solid var(--of-border);border-radius:var(--of-radius-md);max-width:300px;color:var(--of-text);font-family:var(--of-font-sans);transition:border-color var(--of-transition-fast);outline:none;flex:1;padding:.35rem .75rem;font-size:.85rem}.code-search-input:focus{border-color:var(--of-primary-500);box-shadow:0 0 0 2px #3b82f626}.code-search-count{color:var(--of-text-muted);white-space:nowrap;font-size:.8rem}.code-search-nav{border:1px solid var(--of-border);border-radius:var(--of-radius-sm);width:28px;height:28px;color:var(--of-text-secondary);cursor:pointer;transition:all var(--of-transition-fast);background:0 0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.code-search-nav:hover:not(:disabled){background:var(--of-bg-glass);border-color:var(--of-border-hover)}.code-search-nav:disabled{opacity:.3;cursor:default}.code-search-close{width:28px;height:28px;color:var(--of-text-muted);cursor:pointer;border-radius:var(--of-radius-sm);transition:all var(--of-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.9rem;display:flex}.code-search-close:hover{color:var(--of-error);background:#ef44441a}.code-search-match{background:#facc154d;border-radius:2px;padding:0 1px}.code-search-match.code-search-active{background:#facc1599;outline:2px solid #facc15cc}.spreadsheet-controls{border-bottom:1px solid var(--of-border);background:var(--of-bg-elevated);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.spreadsheet-controls__left,.spreadsheet-controls__right{align-items:center;gap:.5rem;display:flex}.spreadsheet-cell--match{background:#facc1526!important}.spreadsheet-search-highlight{background:#facc1566;border-radius:2px;padding:0 1px;font-weight:600}.of-viewer__content--reading{background:var(--of-bg);transition:all var(--of-transition-base);justify-content:center;padding:2rem;display:flex}.of-viewer__content--reading>*{letter-spacing:.01em;width:100%;max-width:720px;font-size:1.1rem;line-height:1.8}.of-viewer__content--reading .of-viewer__code-container{max-width:100%}.of-viewer__content--reading .of-viewer__rendered{padding:2rem;font-size:1.15rem;line-height:1.9}.of-viewer__content{transform-origin:50%;transition:transform .3s}.pdf-viewer{background:var(--of-surface-2,#1e1e2e);-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;height:100%;display:flex}.pdf-viewer__toolbar{background:var(--of-surface-1,#16161e);border-bottom:1px solid var(--of-border,#ffffff0f);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.25rem;min-height:44px;padding:.375rem .75rem;display:flex}.pdf-viewer__sep{background:var(--of-border,#ffffff14);flex-shrink:0;width:1px;height:1.25rem;margin:0 .25rem}.pdf-viewer__nav{align-items:center;gap:.25rem;display:flex}.pdf-viewer__page-info{color:var(--of-text-secondary,#94a3b8);align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.pdf-viewer__page-sep{color:var(--of-text-muted,#64748b)}.pdf-viewer__page-input{text-align:center;width:2.75rem;font-size:.8125rem;font-family:var(--of-font-mono,monospace);background:var(--of-surface-2,#1e1e2e);color:var(--of-text,#e2e8f0);border:1px solid var(--of-border,#ffffff1a);border-radius:var(--of-radius-sm,6px);outline:none;padding:.2rem .375rem;transition:border-color .15s}.pdf-viewer__page-input:focus{border-color:var(--of-primary-400,#a78bfa);box-shadow:0 0 0 2px #a78bfa26}.pdf-viewer__page-total{color:var(--of-text-muted,#64748b);white-space:nowrap;font-size:.8125rem}.pdf-viewer__btn{color:var(--of-text-secondary,#94a3b8);border-radius:var(--of-radius-sm,6px);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.8125rem;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.pdf-viewer__btn:hover:not(:disabled){color:var(--of-text,#e2e8f0);border-color:var(--of-border,#ffffff14);background:#ffffff12}.pdf-viewer__btn:active:not(:disabled){transform:scale(.94)}.pdf-viewer__btn:disabled{opacity:.3;cursor:default}.pdf-viewer__btn--active{color:var(--of-primary-400,#818cf8);background:#818cf826;border-color:#818cf840}.pdf-viewer__label{font-size:.75rem}.pdf-viewer__nav-btn{border-radius:var(--of-radius-sm,6px);width:30px;height:30px;padding:0}.pdf-viewer__nav-btn:hover:not(:disabled){background:#ffffff17}.pdf-viewer__zoom{align-items:center;gap:.15rem;display:flex}.pdf-viewer__zoom-level{text-align:center;min-width:2.75rem;font-size:.75rem;font-family:var(--of-font-mono,monospace);color:var(--of-text-muted,#64748b)}.pdf-viewer__fit{align-items:center;gap:.15rem;display:flex}.pdf-viewer__container{background:var(--of-surface-2,#252540);-webkit-overflow-scrolling:touch;flex:1;justify-content:center;align-items:flex-start;padding:1.5rem 3.5rem;display:flex;position:relative;overflow:auto}.pdf-viewer__canvas{background:#fff;border-radius:2px;flex-shrink:0;max-width:none;box-shadow:0 6px 30px #00000059}.pdf-viewer__page-loading{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:8px;padding:.5rem;position:absolute;top:1.5rem;right:1.5rem}.pdf-viewer__side-nav{background:var(--of-surface-1,#16161ed9);border:1px solid var(--of-border,#ffffff1a);width:36px;height:36px;color:var(--of-text-secondary,#94a3b8);cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;margin-top:calc(50vh - 80px);transition:all .2s;display:flex;position:sticky;top:50%;box-shadow:0 3px 10px #0000004d}.pdf-viewer__side-nav--left{margin-left:-3rem;margin-right:.75rem}.pdf-viewer__side-nav--right{margin-left:.75rem;margin-right:-3rem}.pdf-viewer__side-nav:hover{border-color:var(--of-primary-400,#818cf8);color:var(--of-primary-300,#a5b4fc);background:#818cf833;transform:scale(1.1)}.pdf-viewer__side-nav:active{transform:scale(.95)}.pdf-viewer__side-nav--hidden{opacity:0;pointer-events:none}.pdf-viewer__status{color:var(--of-text-muted,#64748b);background:var(--of-surface-1,#16161e);border-top:1px solid var(--of-border,#ffffff0f);flex-shrink:0;justify-content:space-between;align-items:center;padding:.3rem 1rem;font-size:.7rem;display:flex}.pdf-viewer__status strong{color:var(--of-text-secondary,#94a3b8)}.pdf-viewer__status-hint{opacity:.6;font-size:.65rem}[data-theme=light] .pdf-viewer{background:#f0f0f4}[data-theme=light] .pdf-viewer__toolbar{background:#fffffff2;border-bottom-color:#00000014}[data-theme=light] .pdf-viewer__btn{color:#52525b}[data-theme=light] .pdf-viewer__btn:hover:not(:disabled){color:#1a1a2e;background:#0000000f;border-color:#0000001a}[data-theme=light] .pdf-viewer__btn--active{color:var(--of-primary-600);background:#3b82f61a;border-color:#3b82f633}[data-theme=light] .pdf-viewer__page-input{color:#1a1a2e;background:#fff;border-color:#00000026}[data-theme=light] .pdf-viewer__container{background:#e0e0e8}[data-theme=light] .pdf-viewer__canvas{box-shadow:0 6px 24px #00000024}[data-theme=light] .pdf-viewer__status{color:#71717a;background:#fffffff2;border-top-color:#00000014}[data-theme=light] .pdf-viewer__page-total,[data-theme=light] .pdf-viewer__zoom-level,[data-theme=light] .pdf-viewer__page-info{color:#52525b}[data-theme=light] .pdf-viewer__side-nav{color:#52525b;background:#ffffffe6;border-color:#0000001f;box-shadow:0 3px 10px #0000001f}[data-theme=light] .pdf-viewer__side-nav:hover{border-color:var(--of-primary-500);color:var(--of-primary-600);background:#3b82f61a}@media (max-width:600px){.pdf-viewer__sep--hide-mobile,.pdf-viewer__fit--hide-mobile{display:none}.pdf-viewer__container{padding:1rem 4rem}.pdf-viewer__side-nav{width:32px;height:32px}.pdf-viewer__side-nav--left{margin-left:-3.5rem}.pdf-viewer__side-nav--right{margin-right:-3.5rem}.pdf-viewer__status-hint,.pdf-viewer__status :last-child{display:none}}.docx-viewer__wrap{background:var(--of-surface-2,#1a1a28);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.docx-viewer__toolbar{background:var(--of-surface-1,#16161e);border-bottom:1px solid var(--of-border,#ffffff0f);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;min-height:40px;padding:.375rem .75rem;display:flex}.docx-viewer__toolbar-hint{color:var(--of-text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.docx-viewer__zoom-group{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.docx-viewer__zoom-btn{border:1px solid var(--of-border,#ffffff14);border-radius:var(--of-radius-sm,6px);width:28px;height:28px;color:var(--of-text-secondary,#94a3b8);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:inline-flex}.docx-viewer__zoom-btn:hover{color:var(--of-text,#e2e8f0);border-color:var(--of-border-hover,#ffffff1f);background:#ffffff12}.docx-viewer__zoom-btn:active{transform:scale(.93)}.docx-viewer__zoom-reset{width:auto;font-size:.7rem;font-family:var(--of-font-mono,monospace);padding:0 .5rem}.docx-viewer__zoom-level{text-align:center;min-width:2.5rem;font-size:.75rem;font-family:var(--of-font-mono,monospace);color:var(--of-text-muted,#64748b)}.docx-viewer__scroll{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:1000px;margin:0 auto;padding:1.5rem 1rem;overflow:auto}.docx-viewer__render-overlay{z-index:5;background:var(--of-surface-2,#1a1a28e6);color:var(--of-text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;inset:40px 0 0}[data-theme=light] .docx-viewer__wrap{background:#e8e8f0}[data-theme=light] .docx-viewer__toolbar{background:#fffffff2;border-bottom-color:#00000014}[data-theme=light] .docx-viewer__toolbar-hint{color:#9ca3af}[data-theme=light] .docx-viewer__zoom-btn{color:#52525b;border-color:#0000001a}[data-theme=light] .docx-viewer__zoom-btn:hover{color:#1a1a2e;background:#0000000d;border-color:#00000026}[data-theme=light] .docx-viewer__zoom-level{color:#71717a}[data-theme=light] .docx-viewer__render-overlay{background:#e8e8f0eb}@media (max-width:600px){.docx-viewer__toolbar-hint{display:none}.docx-viewer__scroll{padding:.75rem .5rem}}.of-section-title{color:var(--of-text);text-align:center;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800}.of-section-subtitle{color:var(--of-text-muted);text-align:center;max-width:600px;margin:0 auto 2.5rem;font-size:1rem;line-height:1.6}.of-section-cta{text-align:center;margin-top:1.5rem}.of-link-arrow{color:var(--of-primary-400,#a29bfe);font-size:.9375rem;font-weight:600;text-decoration:none;transition:color .2s}.of-link-arrow:hover{color:var(--of-primary-300,#c4b5fd)}.of-top-formats{padding:3rem 0 1rem}.of-top-formats__grid{flex-wrap:wrap;justify-content:center;gap:.625rem;max-width:700px;margin:0 auto;display:flex}.of-top-formats__pill{color:var(--of-text-secondary);font-size:.875rem;font-weight:600;font-family:var(--of-font-mono);letter-spacing:.01em;background:#0f0f2366;border:1px solid #ffffff14;border-radius:2rem;align-items:center;padding:.5rem 1.125rem;text-decoration:none;transition:all .25s;display:inline-flex}.of-top-formats__pill:hover{border-color:var(--of-primary-400);color:var(--of-primary-400);background:#6c5ce71a;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce726}.of-stats{padding:3rem 0}.of-stats__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.of-stat-card{text-align:center;background:#0f0f2359;border:1px solid #ffffff0f;border-radius:1rem;padding:1.75rem 1rem;transition:all .3s}.of-stat-card:hover{border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.of-stat-card__icon{margin-bottom:.625rem;font-size:1.75rem}.of-stat-card__number{letter-spacing:-.02em;background:linear-gradient(135deg,var(--of-text),var(--of-text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.of-stat-card__label{color:var(--of-text-muted);margin-top:.25rem;font-size:.8125rem;font-weight:500}.of-open-folder-btn{color:var(--of-primary-400,#a29bfe);cursor:pointer;background:#6c5ce714;border:1px solid #6c5ce74d;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.of-open-folder-btn:hover{border-color:var(--of-primary-400);background:#6c5ce726;transform:translateY(-1px)}a.of-category-card{color:inherit;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;position:relative}a.of-category-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0003}.of-category-card__explore{color:var(--of-primary-400,#a29bfe);opacity:0;margin-top:auto;padding-top:.75rem;font-size:.8125rem;font-weight:600;transition:all .25s;display:block;transform:translateY(4px)}a.of-category-card:hover .of-category-card__explore{opacity:1;transform:translateY(0)}.of-how-it-works{padding:5rem 0}.of-how-it-works__steps{justify-content:center;align-items:flex-start;gap:0;max-width:1000px;margin:0 auto;display:flex}.of-how-step{text-align:center;flex:1;padding:2rem 1.5rem;position:relative}.of-how-step__number{background:linear-gradient(135deg,var(--of-primary-500,#6c5ce7),#7c3aed);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:1.125rem;font-weight:800;display:inline-flex;box-shadow:0 4px 16px #6c5ce74d}.of-how-step__icon{margin-bottom:.75rem;font-size:2rem}.of-how-step__title{color:var(--of-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.of-how-step__desc{color:var(--of-text-muted);max-width:280px;margin:0 auto;font-size:.875rem;line-height:1.6}.of-how-step__connector{color:var(--of-text-muted);opacity:.4;flex-shrink:0;align-items:center;padding-top:3.5rem;font-size:1.5rem;display:flex}.of-conversions{padding:3rem 0 5rem}.of-conversions__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-width:900px;margin:0 auto;display:grid}.of-conversion-card{color:var(--of-text);background:#0f0f2366;border:1px solid #ffffff0f;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:all .25s;display:flex}.of-conversion-card:hover{border-color:var(--of-primary-400);background:#6c5ce70f;transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.of-conversion-card__icon{flex-shrink:0;font-size:1.25rem}.of-conversion-card__from{color:#818cf8;font-size:.9375rem;font-weight:700}.of-conversion-card__arrow{color:var(--of-text-muted);font-size:.875rem}.of-conversion-card__to{color:#34d399;font-size:.9375rem;font-weight:700}.of-trust{text-align:center;padding:5rem 0}.of-trust__shield{margin-bottom:1rem;font-size:3.5rem}.of-trust__grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto;display:grid}.of-trust__point{text-align:center;background:#0f0f234d;border:1px solid #ffffff0d;border-radius:1rem;padding:2rem 1.5rem;transition:all .3s}.of-trust__point:hover{border-color:#ffffff1a;transform:translateY(-2px)}.of-trust__point-icon{margin-bottom:.75rem;font-size:2rem}.of-trust__point h4{color:var(--of-text);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.of-trust__point p{color:var(--of-text-muted);font-size:.875rem;line-height:1.6}.of-footer{background:#05050f99;border-top:1px solid #ffffff0f;padding:4rem 0 0}.of-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;display:grid}.of-footer__brand{flex-direction:column;gap:.75rem;display:flex}.of-footer__tagline{color:var(--of-text-muted);max-width:240px;font-size:.875rem;line-height:1.6}.of-footer__privacy-badge{color:var(--of-text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.375rem;width:fit-content;padding:.25rem .75rem;font-size:.75rem;display:inline-flex}.of-footer__heading{color:var(--of-text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.75rem;font-weight:700}.of-footer__link-item{color:var(--of-text-muted);padding:.3rem 0;font-size:.875rem;text-decoration:none;transition:color .2s;display:block}.of-footer__link-item:hover{color:var(--of-primary-400,#a29bfe)}.of-footer__bottom{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:0;padding:1.25rem 0;display:flex}.of-footer__copyright{color:var(--of-text-muted);margin:0;font-size:.8125rem}[data-theme=light] .of-top-formats__pill{color:var(--of-text);background:#00000008;border-color:#00000014}[data-theme=light] .of-top-formats__pill:hover{border-color:var(--of-primary-500);color:var(--of-primary-600);background:#6c5ce714}[data-theme=light] .of-stat-card{background:#fff9;border-color:#0000000f}[data-theme=light] .of-conversion-card{background:#ffffff80;border-color:#0000000f}[data-theme=light] .of-conversion-card:hover{border-color:var(--of-primary-500);background:#6c5ce70d}[data-theme=light] .of-trust__point{background:#fff9;border-color:#0000000f}[data-theme=light] .of-footer{background:#f5f5fae6;border-top-color:#0000000f}[data-theme=light] .of-footer__bottom{border-top-color:#0000000f}[data-theme=light] .of-footer__privacy-badge{background:#0000000a;border-color:#00000014}[data-theme=light] .of-footer__legal-sep{color:#0003}[data-theme=light] .of-how-step__connector{color:var(--of-text-muted)}@media (max-width:768px){.of-stats__grid{grid-template-columns:repeat(2,1fr)}.of-trust__grid{grid-template-columns:1fr}.of-how-it-works__steps{flex-direction:column;align-items:center}.of-how-step__connector{padding:0;transform:rotate(90deg)}.of-footer__grid{grid-template-columns:1fr 1fr 1fr;gap:2rem}.of-footer__col--brand{grid-column:1/-1}.of-footer__bottom{flex-direction:column;align-items:flex-start;gap:.5rem}.of-conversions__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.of-stats__grid{grid-template-columns:1fr 1fr;gap:.75rem}.of-stat-card{padding:1.25rem .75rem}.of-footer__grid{grid-template-columns:1fr 1fr;gap:1.5rem}.of-conversions__grid{grid-template-columns:1fr}.of-top-formats__pill{padding:.375rem .875rem;font-size:.8125rem}}.of-faq{border-top:1px solid var(--of-border);padding:4rem 0}.of-faq__list{flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto;display:flex}.of-faq__item{background:var(--of-surface-1,#ffffff0f);border:1px solid var(--of-border,#ffffff14);border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}.of-faq__item:hover{border-color:var(--of-primary-400)}.of-faq__item[open]{border-color:var(--of-primary-400);box-shadow:0 2px 12px #8b5cf61f}.of-faq__item summary{cursor:pointer;color:var(--of-text-primary,#e2e8f0);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;list-style:none;transition:color .15s;display:flex}.of-faq__item summary::-webkit-details-marker{display:none}.of-faq__item summary::-moz-list-bullet{list-style-type:none}.of-faq__item summary::marker{content:"";display:none}.of-faq__item summary:after{content:"+";color:var(--of-text-muted,#94a3b8);flex-shrink:0;margin-left:1rem;font-size:1.5rem;font-weight:300;transition:transform .2s}.of-faq__item[open] summary:after{content:"−";color:var(--of-primary-400)}.of-faq__item p{color:var(--of-text-muted,#94a3b8);margin:0;padding:0 1.5rem 1.25rem;font-size:.9375rem;line-height:1.7}[data-theme=light] .of-faq__item{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 6px #0000000d}[data-theme=light] .of-faq__item:hover,[data-theme=light] .of-faq__item[open]{border-color:#7c3aed;box-shadow:0 2px 12px #7c3aed1a}[data-theme=light] .of-faq__item summary{color:#1e293b}[data-theme=light] .of-faq__item p{color:#64748b}.of-quick-answer{background:var(--color-surface,#1a1a2e);border-left:4px solid #6c63ff;border-radius:0 8px 8px 0;margin:0 0 28px;padding:16px 20px;line-height:1.75}.of-quick-answer p{margin:0}.of-quick-answer strong{color:#a78bfa}[data-theme=light] .of-quick-answer{background:#f5f3ff;border-left-color:#7c3aed}[data-theme=light] .of-quick-answer strong{color:#6d28d9}[data-fullscreen="1"] .adsbygoogle{display:none!important}.of-ad-sidebar{flex-shrink:0;width:160px;display:none}@media (min-width:1200px){.of-ad-sidebar{display:block}}.of-ad-sidebar__inner{width:160px;position:sticky;top:64px}.of-ad-mobile-anchor{z-index:200;background:var(--color-surface,#1e1e2e);border-top:1px solid var(--color-border,#ffffff1a);text-align:center;padding:4px 0;display:block;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.of-ad-mobile-anchor{display:none}}.of-tool-page{z-index:1;min-height:100vh;padding:2rem 1rem 4rem;position:relative}.of-tool-page__container{max-width:720px;margin:0 auto}.of-tool-page__hero{text-align:center;margin-bottom:2rem}.of-tool-page__title{color:var(--of-text,#e2e8f0);margin:0 0 .75rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}.of-tool-page__subtitle{color:var(--of-text-secondary,#94a3b8);max-width:560px;margin:0 auto 1rem;font-size:1rem;line-height:1.6}.of-tool-page__trust{color:var(--of-text-muted,#64748b);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;font-size:.8125rem;display:flex}.of-tool-page__dropzone{border:2px dashed var(--of-border,#ffffff26);text-align:center;cursor:pointer;background:var(--of-surface,#12122a);border-radius:16px;margin-bottom:2rem;padding:3rem 2rem;transition:border-color .2s,background .2s}.of-tool-page__dropzone:hover{background:#6c63ff0d;border-color:#6c63ff}.of-tool-page__dropzone-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.of-tool-page__dropzone-text{color:var(--of-text,#e2e8f0);margin:0 0 .375rem;font-size:1rem}.of-tool-page__dropzone-hint{color:var(--of-text-muted,#64748b);margin:0;font-size:.8125rem}.of-tool-page__loaded{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.of-tool-page__loaded-info{background:var(--of-surface,#12122a);border:1px solid var(--of-border,#ffffff14);border-radius:10px;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.of-tool-page__loaded-icon{flex-shrink:0;font-size:1.5rem}.of-tool-page__loaded-name{color:var(--of-text,#e2e8f0);word-break:break-all;margin:0 0 .2rem;font-size:.9375rem;font-weight:600}.of-tool-page__loaded-meta{color:var(--of-text-muted,#64748b);margin:0;font-size:.8125rem}.of-tool-page__loaded-info>div{flex:1;min-width:0}.of-tool-page__file-list{flex-direction:column;gap:.375rem;margin-bottom:1.5rem;display:flex}.of-tool-page__file-list-header{color:var(--of-text-muted,#64748b);justify-content:space-between;margin-bottom:.25rem;padding:0 .25rem;font-size:.8125rem;display:flex}.of-tool-page__file-list-hint{font-style:italic}.of-tool-page__file-row{background:var(--of-surface,#12122a);border:1px solid var(--of-border,#ffffff14);cursor:grab;border-radius:8px;align-items:center;gap:.625rem;padding:.625rem .875rem;transition:background .15s,border-color .15s;display:flex}.of-tool-page__file-row:active{cursor:grabbing}.of-tool-page__file-row--over{background:#6c63ff14;border-color:#6c63ff}.of-tool-page__file-handle{color:var(--of-text-muted,#64748b);flex-shrink:0;font-size:1.1rem}.of-tool-page__file-num{text-align:center;width:1.5rem;color:var(--of-text-muted,#64748b);flex-shrink:0;font-size:.8125rem;font-weight:700}.of-tool-page__file-name{color:var(--of-text,#e2e8f0);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.875rem;overflow:hidden}.of-tool-page__file-meta{color:var(--of-text-muted,#64748b);flex-shrink:0;font-size:.75rem}.of-tool-page__file-remove{color:var(--of-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.125rem .375rem;font-size:.875rem;transition:color .15s}.of-tool-page__file-remove:hover{color:#f87171}.of-tool-page__mode-tabs,.of-tool-page__format-tabs{flex-wrap:wrap;gap:.375rem;display:flex}.of-tool-page__mode-tab{border:1px solid var(--of-border,#ffffff1f);color:var(--of-text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:8px;padding:.375rem .875rem;font-size:.875rem;transition:all .15s}.of-tool-page__mode-tab:hover{color:var(--of-text,#e2e8f0);border-color:#6c63ff}.of-tool-page__mode-tab.active{color:#fff;background:#6c63ff;border-color:#6c63ff;font-weight:600}.of-tool-page__controls{background:var(--of-surface,#12122a);border:1px solid var(--of-border,#ffffff14);border-radius:12px;flex-direction:column;gap:1rem;padding:1rem 1.25rem;display:flex}.of-tool-page__control-row{flex-direction:column;gap:.5rem;display:flex}.of-tool-page__label{color:var(--of-text,#e2e8f0);font-size:.875rem;font-weight:600}.of-tool-page__input{border:1px solid var(--of-border,#ffffff1f);color:var(--of-text,#e2e8f0);background:#ffffff0d;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.9375rem;transition:border-color .15s}.of-tool-page__input:focus{border-color:#6c63ff}.of-tool-page__hint{color:var(--of-text-muted,#64748b);margin:0;font-size:.8125rem}.of-tool-page__slider{accent-color:#6c63ff;width:100%}.of-tool-page__slider-labels{color:var(--of-text-muted,#64748b);justify-content:space-between;font-size:.75rem;display:flex}.of-tool-page__dim-row{align-items:flex-end;gap:.75rem;display:flex}.of-tool-page__dim-input{flex-direction:column;flex:1;gap:.375rem;display:flex}.of-tool-page__lock-btn{border:1px solid var(--of-border,#ffffff1f);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;margin-bottom:1px;padding:.5rem;font-size:1rem;transition:border-color .15s}.of-tool-page__lock-btn.active{border-color:#6c63ff}.of-tool-page__range{flex-direction:column;gap:.5rem;display:flex}.of-tool-page__error{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:8px;margin:0;padding:.625rem .875rem;font-size:.875rem}.of-tool-page__action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff 0%,#4f46e5 100%);border:none;border-radius:12px;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:opacity .2s,transform .1s}.of-tool-page__action-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.of-tool-page__action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.of-tool-page__how{background:var(--of-surface,#12122a);border:1px solid var(--of-border,#ffffff14);border-radius:12px;margin:2rem 0 0;padding:1.25rem 1.5rem}.of-tool-page__how h2{color:var(--of-text,#e2e8f0);margin:0 0 .875rem;font-size:1.0625rem;font-weight:700}.of-tool-page__how ol,.of-tool-page__how ul{flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;display:flex}.of-tool-page__how li{color:var(--of-text-secondary,#94a3b8);font-size:.9rem;line-height:1.5}.of-tool-page__how p{color:var(--of-text-secondary,#94a3b8);margin:0;font-size:.9rem;line-height:1.6}.of-tool-page__how code{background:#ffffff14;border-radius:4px;padding:.1em .4em;font-size:.85em}.of-tool-page__watermark-settings{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.of-tool-page__field-row{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}@media (max-width:480px){.of-tool-page__field-row{grid-template-columns:1fr}}.of-tool-page__field{flex-direction:column;gap:.4rem;display:flex}.of-tool-page__select{border:1px solid var(--of-border,#ffffff1a);color:var(--of-text,#e2e8f0);background:#ffffff0d;border-radius:8px;width:100%;padding:.5rem .75rem;font-size:.875rem}.of-tool-page__range{width:100%;accent-color:var(--of-primary-500,#3b82f6)}.of-tool-page__color{border:1px solid var(--of-border,#ffffff1a);cursor:pointer;background:#ffffff0d;border-radius:8px;width:48px;height:36px;padding:2px}.of-tool-page__preview-text{text-align:center;letter-spacing:.05em;-webkit-user-select:none;user-select:none;padding:.5rem;font-weight:900;display:block}.of-exif-panel{background:var(--of-bg-elevated,#18181b);border-top:1px solid var(--of-border,#ffffff14);padding:.875rem 1rem;font-size:.8rem;overflow-x:auto}.of-exif-panel__title{color:var(--of-text,#fafafa);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:700;display:flex}.of-exif-panel__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.35rem 1rem;display:grid}.of-exif-panel__row{gap:.4rem;display:flex}.of-exif-panel__key{color:var(--of-text-muted,#71717a);white-space:nowrap;flex-shrink:0}.of-exif-panel__val{color:var(--of-text,#fafafa);word-break:break-all}.of-exif-panel__strip-btn{border:1px solid var(--of-border,#ffffff1f);color:var(--of-text-secondary,#a1a1aa);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:6px;padding:.2rem .6rem;font-size:.75rem}.of-exif-panel__strip-btn:hover{color:var(--of-text,#fafafa);background:#ffffff1a}[data-theme=light] .of-tool-page__title{color:#1e1b4b}[data-theme=light] .of-tool-page__dropzone{background:#f8f7ff;border-color:#0000001f}[data-theme=light] .of-tool-page__dropzone:hover{background:#f0eeff;border-color:#7c3aed}[data-theme=light] .of-tool-page__dropzone-text,[data-theme=light] .of-tool-page__file-name,[data-theme=light] .of-tool-page__loaded-name{color:#1e1b4b}[data-theme=light] .of-tool-page__loaded-info,[data-theme=light] .of-tool-page__file-row,[data-theme=light] .of-tool-page__controls,[data-theme=light] .of-tool-page__how{background:#f8f7ff;border-color:#00000014}[data-theme=light] .of-tool-page__input{color:#1e1b4b;background:#fff;border-color:#00000026}[data-theme=light] .of-tool-page__how h2{color:#1e1b4b}.of-tools-hub{min-height:100vh;padding:2rem 1rem 4rem}.of-tools-hub__container{max-width:960px;margin:0 auto}.of-tools-hub__hero{text-align:center;margin-bottom:2.5rem}.of-tools-hub__title{color:var(--of-text,#e2e8f0);margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.of-tools-hub__subtitle{color:var(--of-text-secondary,#94a3b8);max-width:600px;margin:0 auto 1rem;font-size:1.0625rem;line-height:1.6}.of-tools-hub__trust{color:var(--of-text-muted,#64748b);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;font-size:.8125rem;display:flex}.of-tools-hub__group{margin-bottom:2.5rem}.of-tools-hub__group-title{color:var(--of-text,#e2e8f0);border-bottom:1px solid var(--of-border,#ffffff14);margin:0 0 1rem;padding-bottom:.625rem;font-size:1.125rem;font-weight:700}.of-tools-hub__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem;display:grid}.of-tools-hub__card{background:var(--of-surface,#12122a);border:1px solid var(--of-border,#ffffff14);border-radius:12px;flex-direction:column;gap:.375rem;padding:1rem 1.125rem;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.of-tools-hub__card:hover{border-color:#6c63ff;transform:translateY(-2px);box-shadow:0 6px 24px #6c63ff2e}.of-tools-hub__card-icon{font-size:1.5rem}.of-tools-hub__card-title{color:var(--of-text,#e2e8f0);font-size:.9375rem;font-weight:700}.of-tools-hub__card-desc{color:var(--of-text-muted,#64748b);font-size:.8125rem;line-height:1.4}[data-theme=light] .of-tools-hub__title{color:#1e1b4b}[data-theme=light] .of-tools-hub__group-title{color:#1e1b4b;border-bottom-color:#00000014}[data-theme=light] .of-tools-hub__card{background:#f8f7ff;border-color:#00000014}[data-theme=light] .of-tools-hub__card-title{color:#1e1b4b}[data-theme=light] .of-tools-hub__card:hover{box-shadow:0 6px 24px #6c63ff1f}.dcm-viewer{color:#e2e8f0;height:100%;font-family:var(--of-font-mono,monospace);background:#0a0a0a;flex-direction:column;font-size:.8125rem;display:flex}.dcm-viewer__toolbar{background:#111;border-bottom:1px solid #1e2a3a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.dcm-viewer__title{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.dcm-viewer__wl{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.dcm-viewer__wl-label{color:#64748b;white-space:nowrap;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.dcm-viewer__wl-label input[type=range]{accent-color:#6c63ff;cursor:pointer;width:100px}.dcm-viewer__wl-label span{text-align:right;font-variant-numeric:tabular-nums;color:#94a3b8;min-width:3rem}.dcm-viewer__meta-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #1e2a3a;border-radius:6px;padding:.25rem .625rem;font-size:.75rem;transition:background .15s,color .15s,border-color .15s}.dcm-viewer__meta-btn:hover{color:#94a3b8;background:#1a2332}.dcm-viewer__meta-btn--active{color:#6c63ff;background:#1a2332;border-color:#6c63ff}.dcm-viewer__body{flex:1;display:flex;overflow:hidden}.dcm-viewer__canvas-wrap{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dcm-viewer__canvas{object-fit:contain;max-width:100%;max-height:100%;display:block}.dcm-viewer__overlay{pointer-events:none;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.dcm-viewer__overlay span{color:#94a3b8;background:#0000008c;border-radius:4px;padding:.125rem .375rem;font-size:.6875rem}.dcm-viewer__meta{background:#0d1117;border-left:1px solid #1e2a3a;flex-shrink:0;width:260px;min-width:220px;max-width:320px;padding:.75rem;overflow-y:auto}.dcm-viewer__meta-title{color:#6c63ff;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1e2a3a;margin:0 0 .625rem;padding-bottom:.375rem;font-size:.8125rem;font-weight:700}.dcm-viewer__meta-table{border-collapse:collapse;width:100%;font-size:.75rem}.dcm-viewer__meta-table tr+tr td{padding-top:.25rem}.dcm-viewer__meta-key{color:#64748b;vertical-align:top;white-space:nowrap;padding-right:.5rem}.dcm-viewer__meta-val{color:#cbd5e1;word-break:break-all}[data-theme=light] .dcm-viewer{background:#1a1a2e}[data-theme=light] .dcm-viewer__toolbar{background:#16213e;border-bottom-color:#2a3a5c}[data-theme=light] .dcm-viewer__meta{background:#16213e;border-left-color:#2a3a5c}.of-viewer__chips{border-top:1px solid var(--of-border);background:linear-gradient(135deg,#3b82f612,#8b5cf612);flex-wrap:wrap;align-items:center;gap:.5rem;padding:7px 14px;font-size:.8125rem;display:flex}.of-viewer__chips-label{color:var(--of-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0;font-size:.72rem;font-weight:600}.of-viewer__chip{border-radius:var(--of-radius-full);background:var(--of-bg-elevated);border:1px solid var(--of-border);color:var(--of-text);white-space:nowrap;transition:border-color var(--of-transition-fast),background var(--of-transition-fast),color var(--of-transition-fast);align-items:center;gap:4px;padding:3px 10px;font-size:.8125rem;text-decoration:none;display:inline-flex}.of-viewer__chip:hover{border-color:var(--of-primary-500);color:var(--of-primary-400);background:#3b82f61a}.of-viewer__chips-close{color:var(--of-text-muted);cursor:pointer;border-radius:var(--of-radius-sm);transition:background var(--of-transition-fast),color var(--of-transition-fast);background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:.75rem}.of-viewer__chips-close:hover{background:var(--of-bg-elevated);color:var(--of-text)}.of-viewer__action-btn{border-radius:var(--of-radius-md);cursor:pointer;min-width:44px;height:36px;color:var(--of-text-secondary);transition:all var(--of-transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 8px;font-size:1rem;line-height:1;display:inline-flex}.of-viewer__action-btn:hover{background:var(--of-bg-elevated);border-color:var(--of-border);color:var(--of-text)}.of-viewer__action-btn--active{background:var(--of-bg-elevated);border-color:var(--of-primary-500);color:var(--of-primary-400)}.of-viewer__action-btn:disabled{opacity:.5;cursor:not-allowed}.of-viewer__action-label{text-transform:uppercase;letter-spacing:.07em;color:var(--of-text-muted);font-size:8.5px;font-weight:700;line-height:1}.of-viewer__action-btn:hover .of-viewer__action-label,.of-viewer__action-btn--active .of-viewer__action-label{color:inherit}.of-format-landing__tools{margin:2rem 0 1rem}.of-format-landing__tools h2{color:var(--of-text);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.of-format-landing__tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.of-format-landing__tool-card{border-radius:var(--of-radius-lg);background:var(--of-bg-card);border:1px solid var(--of-border);transition:border-color var(--of-transition-fast),transform var(--of-transition-fast),box-shadow var(--of-transition-fast);flex-direction:column;gap:.25rem;padding:.875rem 1rem;text-decoration:none;display:flex}.of-format-landing__tool-card:hover{border-color:var(--of-primary-500);box-shadow:var(--of-shadow-md);transform:translateY(-2px)}.of-format-landing__tool-icon{margin-bottom:.25rem;font-size:1.4rem;line-height:1}.of-format-landing__tool-name{color:var(--of-text);font-size:.875rem;font-weight:600;display:block}.of-format-landing__tool-desc{color:var(--of-text-secondary);font-size:.75rem;display:block}.info-panel__tool-list{flex-direction:column;gap:.5rem;display:flex}.info-panel__tool-card{border-radius:var(--of-radius-md);background:var(--of-bg-elevated);border:1px solid var(--of-border);transition:border-color var(--of-transition-fast),background var(--of-transition-fast);align-items:center;gap:.625rem;padding:.625rem .75rem;text-decoration:none;display:flex}.info-panel__tool-card:hover{border-color:var(--of-primary-500);background:#3b82f614}.info-panel__tool-icon{flex-shrink:0;font-size:1.25rem;line-height:1}.info-panel__tool-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.info-panel__tool-name{color:var(--of-text);font-size:.8125rem;font-weight:600}.info-panel__tool-desc{color:var(--of-text-muted);font-size:.72rem}.info-panel__tool-arrow{color:var(--of-text-muted);flex-shrink:0;font-size:.875rem}.info-panel__tool-card:hover .info-panel__tool-arrow{color:var(--of-primary-400)}.dsc{max-width:860px;min-height:100vh;margin:0 auto;padding:2rem 1rem 5rem}.dsc__header{text-align:center;margin-bottom:2rem}.dsc__title{color:var(--of-text,#e2e8f0);margin:0 0 .6rem;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800}.dsc__sub{color:var(--of-text-secondary,#94a3b8);max-width:600px;margin:0 auto;font-size:.9375rem;line-height:1.6}.dsc__stepper{justify-content:center;align-items:center;gap:0;margin-bottom:2rem;display:flex}.dsc__step-node{flex-direction:column;align-items:center;gap:.3rem;display:flex}.dsc__step-circle{background:var(--of-bg-elevated,#1e1e3a);border:2px solid var(--of-border,#ffffff1f);width:32px;height:32px;color:var(--of-text-muted,#64748b);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:flex}.dsc__step-node.active .dsc__step-circle{background:var(--of-primary-600,#4f46e5);border-color:var(--of-primary-500,#6366f1);color:#fff}.dsc__step-node.done .dsc__step-circle{color:#fff;background:#16a34a;border-color:#22c55e}.dsc__step-label{color:var(--of-text-muted,#64748b);font-size:.75rem;font-weight:500}.dsc__step-node.active .dsc__step-label,.dsc__step-node.done .dsc__step-label{color:var(--of-text-secondary,#94a3b8)}.dsc__step-line{background:var(--of-border,#ffffff1f);width:60px;height:2px;margin-bottom:1.25rem;transition:background .2s}.dsc__step-line.done{background:#22c55e}.dsc__panel{background:var(--of-bg-card,#13132b);border:1px solid var(--of-border,#ffffff17);border-radius:16px;padding:1.75rem}.dsc__input-row{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (min-width:560px){.dsc__input-row{flex-direction:row;justify-content:center;align-items:stretch}}.dsc__choice{background:var(--of-bg-elevated,#1a1a35);border:2px dashed var(--of-border,#ffffff26);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.4rem;min-width:180px;max-width:240px;padding:1.5rem 2rem;transition:border-color .2s,background .2s;display:flex}.dsc__choice:hover{border-color:var(--of-primary-500,#6366f1);background:#6366f112}.dsc__choice-icon{font-size:2.25rem;line-height:1}.dsc__choice-title{color:var(--of-text,#e2e8f0);font-size:1rem;font-weight:700}.dsc__choice-sub{color:var(--of-text-muted,#64748b);text-align:center;font-size:.8rem}.dsc__or{color:var(--of-text-muted,#64748b);font-size:.875rem;font-weight:500}.dsc__error{color:#f87171;text-align:center;margin:.5rem 0 0;font-size:.875rem}.dsc__camera-wrap{flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.dsc__camera-overlay{pointer-events:none;border-radius:10px;width:100%;max-width:640px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.dsc__video{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:10px;width:100%;max-width:640px}.dsc__camera-actions{flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.dsc__hint{color:var(--of-text-secondary,#94a3b8);text-align:center;margin:0 0 1.25rem;font-size:.875rem}.dsc__img-wrap{justify-content:center;margin-bottom:1.25rem;display:flex;overflow:auto}.dsc__img-container{touch-action:none;flex-shrink:0;line-height:0;display:inline-flex;position:relative}.dsc__src-img{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:6px;width:auto;max-width:min(680px,100vw - 3rem);height:auto;max-height:60vh;display:block}.dsc__overlay-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dsc__handle{cursor:grab;touch-action:none;z-index:10;border-radius:50%;width:24px;height:24px;transition:transform .1s;position:absolute;transform:translate(-50%,-50%)}.dsc__handle--active,.dsc__handle:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.35)}.dsc__corner-bar{flex-direction:column;gap:.875rem;display:flex}.dsc__mode-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dsc__mode-label{color:var(--of-text-muted,#64748b);flex-shrink:0;font-size:.8rem;font-weight:600}.dsc__mode-pill{background:var(--of-bg-elevated,#1a1a35);border:1px solid var(--of-border,#ffffff1a);color:var(--of-text-secondary,#94a3b8);cursor:pointer;border-radius:20px;align-items:center;gap:.25rem;padding:.3rem .7rem;font-size:.8rem;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.dsc__mode-pill input{display:none}.dsc__mode-pill:hover{border-color:var(--of-primary-500,#6366f1)}.dsc__mode-pill.on{border-color:var(--of-primary-500,#6366f1);color:var(--of-primary-300,#a5b4fc);background:#6366f126}.dsc__action-row{flex-wrap:wrap;gap:.625rem;display:flex}.dsc__btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600;transition:opacity .15s,transform .1s}.dsc__btn:disabled{opacity:.5;cursor:not-allowed}.dsc__btn:not(:disabled):hover{opacity:.88}.dsc__btn:not(:disabled):active{transform:scale(.97)}.dsc__btn--primary{background:var(--of-primary-600,#4f46e5);color:#fff}.dsc__btn--sec{background:var(--of-bg-elevated,#1e1e3a);color:var(--of-text-secondary,#94a3b8);border:1px solid var(--of-border,#ffffff1a)}.dsc__btn--capture{color:#fff;background:#16a34a;padding:.65rem 1.75rem;font-size:1rem}.dsc__result{flex-direction:column;gap:1.25rem;display:flex}@media (min-width:640px){.dsc__result{flex-direction:row;align-items:flex-start}}.dsc__result-preview{flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex}.dsc__result-canvas{border:1px solid var(--of-border,#ffffff1a);border-radius:8px;width:auto;max-width:100%;height:auto;max-height:65vh;display:block}.dsc__spinner{text-align:center;color:var(--of-text-muted,#64748b);padding:3rem;font-size:1rem}.dsc__result-sidebar{flex-direction:column;flex-shrink:0;gap:0;width:100%;display:flex}@media (min-width:640px){.dsc__result-sidebar{width:180px}}.dsc__sidebar-hd{text-transform:uppercase;letter-spacing:.06em;color:var(--of-text-muted,#64748b);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.dsc__mode-stack{flex-flow:wrap;gap:.375rem;margin-bottom:0;display:flex}@media (min-width:640px){.dsc__mode-stack{flex-direction:column;gap:.25rem}}.dsc__mode-item{background:var(--of-bg-elevated,#1a1a35);border:1px solid var(--of-border,#ffffff14);color:var(--of-text-secondary,#94a3b8);cursor:pointer;border-radius:7px;align-items:center;gap:.375rem;padding:.35rem .7rem;font-size:.8rem;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:flex}.dsc__mode-item input{display:none}.dsc__mode-item:hover{border-color:var(--of-primary-500,#6366f1)}.dsc__mode-item.on{border-color:var(--of-primary-500,#6366f1);color:var(--of-primary-300,#a5b4fc);background:#6366f126}.dsc__dl-stack{flex-flow:wrap;gap:.5rem;display:flex}@media (min-width:640px){.dsc__dl-stack{flex-direction:column}}.dsc__dl-btn{cursor:pointer;border:1px solid var(--of-border,#ffffff1a);background:var(--of-bg-elevated,#1e1e3a);color:var(--of-text,#e2e8f0);text-align:center;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s}.dsc__dl-btn:hover:not(:disabled){border-color:var(--of-primary-500,#6366f1);background:#6366f11a}.dsc__dl-btn:disabled{opacity:.45;cursor:not-allowed}.dsc__dl-btn--pdf{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.dsc__dl-btn--pdf:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.dsc__result-nav{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.dsc__page-badge{color:var(--of-primary-300,#a5b4fc);background:#6366f126;border:1px solid #6366f14d;border-radius:20px;align-self:center;margin-left:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.dsc__result-topbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.dsc__docname-wrap{background:var(--of-bg-elevated,#1a1a35);border:1px solid var(--of-border,#ffffff1a);border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:180px;padding:.4rem .75rem;display:flex}.dsc__docname-icon{flex-shrink:0;font-size:1rem}.dsc__docname-input{color:var(--of-text,#e2e8f0);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem;font-weight:600}.dsc__docname-input::placeholder{color:var(--of-text-muted,#64748b);font-weight:400}.dsc__page-count{color:var(--of-text-muted,#64748b);white-space:nowrap;font-size:.8rem}.dsc__page-strip{scrollbar-width:thin;gap:.625rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.dsc__page-strip::-webkit-scrollbar{height:4px}.dsc__page-strip::-webkit-scrollbar-thumb{background:var(--of-border,#ffffff26);border-radius:2px}.dsc__page-thumb{border:2px solid var(--of-border,#ffffff1f);cursor:pointer;background:#000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:90px;transition:border-color .15s,transform .1s;display:flex;position:relative;overflow:hidden}.dsc__page-thumb:hover{border-color:var(--of-primary-500,#6366f1);transform:translateY(-2px)}.dsc__page-thumb.active{border-color:var(--of-primary-500,#6366f1);box-shadow:0 0 0 2px #6366f159}.dsc__page-thumb-canvas{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.dsc__page-thumb-num{color:#fff;text-shadow:0 1px 3px #000c;font-size:.65rem;font-weight:700;line-height:1;position:absolute;bottom:2px;left:4px}.dsc__page-thumb-del{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.6rem;line-height:1;transition:background .15s;display:none;position:absolute;top:2px;right:2px}.dsc__page-thumb:hover .dsc__page-thumb-del{display:flex}.dsc__page-thumb-del:hover{background:#dc2626}.dsc__page-add-tile{border:2px dashed var(--of-border,#ffffff26);background:var(--of-bg-elevated,#1a1a35);cursor:pointer;width:72px;height:90px;color:var(--of-text-muted,#64748b);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;font-size:1.5rem;transition:border-color .15s,color .15s;display:flex}.dsc__page-add-tile:hover{border-color:var(--of-primary-500,#6366f1);color:var(--of-primary-400,#818cf8)}.dsc__page-add-label{font-size:.65rem;font-weight:600;line-height:1}.dsc__result-info{color:var(--of-text-muted,#64748b);font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:.8rem}.dsc__dl-btn--zip{color:#fde68a;background:#eab3081f;border-color:#eab3084d}.dsc__dl-btn--zip:hover:not(:disabled){background:#eab30838;border-color:#eab308}.dsc__dl-divider{color:var(--of-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--of-border,#ffffff14);margin-top:.25rem;padding:.25rem 0;font-size:.7rem;font-weight:600}.dsc__back-to-result{text-align:center;width:100%;color:var(--of-primary-400,#818cf8);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.8rem;text-decoration:underline}.dsc__back-to-result:hover{color:var(--of-primary-300,#a5b4fc)}.of-footer__legal-links{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.of-footer__legal-links a{color:var(--of-text-muted,#64748b);font-size:.8125rem;text-decoration:none;transition:color .15s}.of-footer__legal-links a:hover{color:var(--of-text-secondary,#94a3b8)}.of-footer__legal-sep{color:var(--of-border,#ffffff26);-webkit-user-select:none;user-select:none;font-size:.75rem}.of-legal-page{min-height:100vh;padding:0 1rem 5rem}.of-legal-page__container{max-width:780px;margin:0 auto;padding-top:2.5rem}.of-legal-page__hero{margin-bottom:2.5rem}.of-legal-page__title{color:var(--of-text,#e2e8f0);margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.of-legal-page__meta{color:var(--of-text-muted,#64748b);margin:0 0 1.25rem;font-size:.875rem}.of-legal-page__lead{color:var(--of-text-secondary,#94a3b8);border-left:4px solid var(--of-primary-500,#6366f1);background:#6366f112;border-radius:0 8px 8px 0;margin:0;padding:1.25rem;font-size:1.0625rem;line-height:1.7}.of-legal-page__body{flex-direction:column;gap:2rem;display:flex}.of-legal-page__body section h2{color:var(--of-text,#e2e8f0);border-bottom:1px solid var(--of-border,#ffffff14);margin:0 0 .75rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700}.of-legal-page__body section h3{color:var(--of-text-secondary,#94a3b8);margin:1rem 0 .5rem;font-size:1rem;font-weight:600}.of-legal-page__body p,.of-legal-page__body li{color:var(--of-text-secondary,#94a3b8);margin:0 0 .75rem;font-size:.9375rem;line-height:1.75}.of-legal-page__body ul{margin:0 0 .75rem;padding-left:1.5rem}.of-legal-page__body a{color:var(--of-primary-400,#818cf8);text-decoration:underline}.of-legal-page__table{border-collapse:collapse;width:100%;margin:.75rem 0;font-size:.875rem}.of-legal-page__table th,.of-legal-page__table td{text-align:left;border-bottom:1px solid var(--of-border,#ffffff14);color:var(--of-text-secondary,#94a3b8);padding:.625rem .875rem}.of-legal-page__table th{color:var(--of-text,#e2e8f0);background:var(--of-bg-elevated,#1a1a35);font-weight:700}.of-legal-page__footer-cta{border-top:1px solid var(--of-border,#ffffff14);margin-top:3rem;padding-top:1.5rem}.of-legal-page__back{color:var(--of-primary-400,#818cf8);font-size:.9rem;text-decoration:none}.of-legal-page__back:hover{text-decoration:underline}.of-about-page{min-height:100vh;padding:0 1rem 5rem}.of-about-page__container{max-width:860px;margin:0 auto;padding-top:3rem}.of-about-page__hero{text-align:center;margin-bottom:3rem}.of-about-page__title{color:var(--of-text,#e2e8f0);margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2}.of-about-page__title-accent{color:var(--of-primary-400,#818cf8)}.of-about-page__lead{color:var(--of-text-secondary,#94a3b8);max-width:680px;margin:0 auto;font-size:1.0625rem;line-height:1.7}.of-about-page__stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3.5rem;display:grid}@media (min-width:560px){.of-about-page__stats{grid-template-columns:repeat(4,1fr)}}.of-about-page__stat{text-align:center;background:var(--of-bg-card,#13132b);border:1px solid var(--of-border,#ffffff17);border-radius:12px;padding:1.25rem 1rem}.of-about-page__stat-value{color:var(--of-primary-400,#818cf8);margin-bottom:.375rem;font-size:1.75rem;font-weight:800;line-height:1}.of-about-page__stat-label{color:var(--of-text-muted,#64748b);font-size:.8rem;font-weight:500}.of-about-page__section{margin-bottom:3rem}.of-about-page__section h2{color:var(--of-text,#e2e8f0);border-bottom:1px solid var(--of-border,#ffffff14);margin:0 0 1rem;padding-bottom:.625rem;font-size:1.5rem;font-weight:800}.of-about-page__section p,.of-about-page__section li{color:var(--of-text-secondary,#94a3b8);margin:0 0 .875rem;font-size:.9375rem;line-height:1.8}.of-about-page__section ul{padding-left:1.5rem}.of-about-page__section a{color:var(--of-primary-400,#818cf8)}.of-about-page__section code{color:var(--of-primary-300,#a5b4fc);background:#6366f11f;border-radius:4px;padding:.1em .4em;font-family:JetBrains Mono,monospace;font-size:.875em}.of-about-page__values{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.of-about-page__value-card{background:var(--of-bg-card,#13132b);border:1px solid var(--of-border,#ffffff17);border-radius:12px;padding:1.25rem}.of-about-page__value-icon{margin-bottom:.75rem;font-size:1.75rem;line-height:1}.of-about-page__value-title{color:var(--of-text,#e2e8f0);margin:0 0 .5rem;font-size:1rem;font-weight:700}.of-about-page__value-desc{color:var(--of-text-muted,#64748b);margin:0;font-size:.875rem;line-height:1.65}.of-about-page__cta-row{flex-wrap:wrap;gap:.875rem;padding-top:1rem;display:flex}.of-about-page__cta-primary{background:var(--of-primary-600,#4f46e5);color:#fff;border-radius:8px;padding:.7rem 1.5rem;font-weight:700;text-decoration:none;transition:opacity .15s}.of-about-page__cta-primary:hover{opacity:.88}.of-about-page__cta-sec{background:var(--of-bg-elevated,#1e1e3a);border:1px solid var(--of-border,#ffffff1a);color:var(--of-text-secondary,#94a3b8);border-radius:8px;padding:.7rem 1.25rem;font-weight:600;text-decoration:none;transition:border-color .15s}.of-about-page__cta-sec:hover{border-color:var(--of-primary-500,#6366f1)}.of-contact-page{min-height:100vh;padding:0 1rem 5rem}.of-contact-page__container{max-width:820px;margin:0 auto;padding-top:3rem}.of-contact-page__hero{text-align:center;margin-bottom:2.5rem}.of-contact-page__title{color:var(--of-text,#e2e8f0);margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.of-contact-page__lead{color:var(--of-text-secondary,#94a3b8);max-width:580px;margin:0 auto;font-size:1rem;line-height:1.7}.of-contact-page__topics{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem;margin-bottom:2.5rem;display:grid}.of-contact-page__topic-card{background:var(--of-bg-card,#13132b);border:1px solid var(--of-border,#ffffff17);border-radius:12px;padding:1.1rem 1.25rem}.of-contact-page__topic-icon{margin-bottom:.5rem;font-size:1.375rem;line-height:1;display:block}.of-contact-page__topic-title{color:var(--of-text,#e2e8f0);margin:0 0 .35rem;font-size:.9375rem;font-weight:700}.of-contact-page__topic-desc{color:var(--of-text-muted,#64748b);margin:0;font-size:.8125rem;line-height:1.6}.of-contact-page__methods{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.of-contact-page__method{background:var(--of-bg-card,#13132b);border:1px solid var(--of-border,#ffffff17);border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.of-contact-page__method-icon{flex-shrink:0;font-size:1.75rem;line-height:1}.of-contact-page__method-title{color:var(--of-text,#e2e8f0);margin:0 0 .4rem;font-size:1.0625rem;font-weight:700}.of-contact-page__method-desc{color:var(--of-text-secondary,#94a3b8);margin:0 0 .625rem;font-size:.875rem;line-height:1.65}.of-contact-page__email-link{color:var(--of-primary-400,#818cf8);border-bottom:2px solid #818cf859;font-size:1rem;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-block}.of-contact-page__email-link:hover{border-color:var(--of-primary-400,#818cf8)}.of-contact-page__quick-links h2{color:var(--of-text,#e2e8f0);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.of-contact-page__quick-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:2.5rem;display:grid}.of-contact-page__quick-card{background:var(--of-bg-elevated,#1a1a35);border:1px solid var(--of-border,#ffffff14);color:var(--of-text-secondary,#94a3b8);border-radius:10px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;text-decoration:none;transition:border-color .15s,color .15s;display:flex}.of-contact-page__quick-card:hover{border-color:var(--of-primary-500,#6366f1);color:var(--of-text,#e2e8f0)}.of-contact-page__back-row{padding-top:1rem}.cookie-consent{z-index:9999;background:var(--of-bg-elevated,#1a1a35);border-top:1px solid var(--of-border,#ffffff1a);padding:.875rem 1.25rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000004d}.cookie-consent__inner{flex-wrap:wrap;align-items:center;gap:1.25rem;max-width:900px;margin:0 auto;display:flex}.cookie-consent__text{color:var(--of-text-secondary,#94a3b8);flex:1;margin:0;font-size:.8125rem;line-height:1.5}.cookie-consent__link{color:var(--of-primary-400,#60a5fa);text-decoration:underline}.cookie-consent__actions{flex-shrink:0;gap:.625rem;display:flex}.cookie-consent__btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.4375rem 1rem;font-size:.8125rem;font-weight:500;transition:opacity .15s}.cookie-consent__btn:hover{opacity:.85}.cookie-consent__btn--secondary{border:1px solid var(--of-border,#ffffff26);color:var(--of-text-secondary,#94a3b8);background:0 0}.cookie-consent__btn--primary{background:var(--of-primary-500,#3b82f6);color:#fff}