@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,300;1,9..40,400&display=swap"layer(typography);@layer tokens,base,typography,layout,animations,utilities,components;@layer tokens{:root{--color-gold: #F5C518;--color-gold-hover: #FFD440;--color-gold-muted: rgba(245, 197, 24, .12);--color-gold-glow: rgba(245, 197, 24, .35);--color-green: #00E5A0;--color-green-muted: rgba(0, 229, 160, .08);--color-green-glow: rgba(0, 229, 160, .3);--color-blue: #4D9FFF;--color-blue-muted: rgba(77, 159, 255, .08);--color-red: #FF4D6D;--color-red-muted: rgba(255, 77, 109, .08);--color-purple: #BF7FFF;--color-orange: #FF9A3C;--color-teal: #64FFDA;--bg-0: #080810;--bg-1: #0F0F1A;--bg-2: #161625;--bg-3: #1A1A2E;--bg-4: #1E1E35;--border-0: #1E1E35;--border-1: #252540;--border-2: #2E2E45;--border-3: #3E3E5A;--text-0: #E8E8F0;--text-1: #8888AA;--text-2: #555577;--text-3: #44445A;--text-4: #2E2E45;--font-sans: "DM Sans", system-ui, Arial, sans-serif;--font-mono: "DM Mono", "Fira Code", "Courier New", monospace;--font-display: "Bebas Neue", var(--font-sans);--text-xs: .65rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--leading-tight: 1.3;--leading-normal: 1.5;--leading-loose: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .15em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-gold: 0 2px 8px var(--color-gold-glow);--shadow-green: 0 2px 8px var(--color-green-glow);--sidebar-width: 240px;--right-rail-width: 200px;--header-height: 52px;--mobile-nav-height: 56px;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 8000;--z-progress: 9000;--z-toast: 9999;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--focus-ring: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--color-gold)}}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg-0);color:var(--text-0);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-0)}p{line-height:var(--leading-loose)}a{color:var(--color-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold-hover)}strong,b{font-weight:var(--weight-bold)}em,i{font-style:italic}small{font-size:var(--text-xs)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}kbd{display:inline-block;padding:1px 6px;background:var(--bg-4);border:1px solid var(--border-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-1);line-height:1.6}button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);cursor:pointer;background:none;border:none;outline:none;line-height:1;user-select:none;-webkit-tap-highlight-color:transparent}button:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-0);background:transparent;border:none;outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}select{appearance:none;-webkit-appearance:none;cursor:pointer}ul,ol{list-style:none}img,video,canvas,svg{display:block;max-width:100%}img{object-fit:cover}canvas{image-rendering:-webkit-optimize-contrast}table{border-collapse:collapse;border-spacing:0;width:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}::selection{background:var(--color-gold-muted);color:var(--text-0)}::placeholder{color:var(--text-3)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:.4;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer typography;@layer typography{.h1{font-family:var(--font-display);font-size:2.5rem;font-weight:var(--weight-regular);letter-spacing:var(--tracking-widest);line-height:var(--leading-tight);color:var(--text-0)}.h2{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-0)}.h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-0)}.h4{font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--text-0)}.body-lg{font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-loose);color:var(--text-1)}.body-base{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-1)}.body-sm{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-1)}.mono-base{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-1)}.mono-sm{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-1)}.mono-xs{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-wide);color:var(--text-2)}.label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-3);line-height:1}.display{font-family:var(--font-display);font-size:4rem;letter-spacing:var(--tracking-widest);color:var(--color-gold);line-height:.9}.text-gold{color:var(--color-gold)}.text-green{color:var(--color-green)}.text-blue{color:var(--color-blue)}.text-red{color:var(--color-red)}.text-0{color:var(--text-0)}.text-1{color:var(--text-1)}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.font-light{font-weight:var(--weight-light)}.font-regular{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-bold{font-weight:var(--weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-block{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-1);background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;line-height:var(--leading-loose);white-space:pre}.inline-code{font-family:var(--font-mono);font-size:.85em;color:var(--color-gold);background:var(--color-gold-muted);border:1px solid rgba(245,197,24,.2);border-radius:var(--radius-sm);padding:1px 5px}}@layer layout{#app{display:grid;grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr;grid-template-areas:"header  header" "sidebar main";min-height:100vh;overflow:hidden}@media (min-width: 1400px){#app{grid-template-columns:var(--sidebar-width) 1fr var(--right-rail-width);grid-template-areas:"header  header header" "sidebar main   rail"}}.app-header{grid-area:header;position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);background:#080810f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-0);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4)}.app-header__left{display:flex;align-items:center;flex-shrink:0}.app-header__center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.app-header__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.app-header__logo{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);text-decoration:none}.app-header__logo:hover{background:var(--bg-2)}.app-header__logo-icon{font-size:1.2rem;color:var(--color-gold)}.app-header__logo-text{font-family:var(--font-display);font-size:1.2rem;letter-spacing:var(--tracking-widest);color:var(--color-gold);line-height:1}.app-header__file-badge{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);max-width:400px;overflow:hidden}.app-header__file-icon{font-size:.9rem;flex-shrink:0;opacity:.6}.app-header__file-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.app-header__file-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);flex-shrink:0;white-space:nowrap}.app-header__btn{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--bg-2);border:1px solid var(--border-1);color:var(--text-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.app-header__btn:hover{color:var(--text-0);border-color:var(--border-3);background:var(--bg-3)}.app-header__btn--download{background:var(--color-green-muted);border-color:#00e5a04d;color:var(--color-green)}.app-header__btn--download:hover{background:#00e5a026;border-color:var(--color-green)}.app-header__btn-label{display:none}@media (min-width: 640px){.app-header__btn-label{display:inline}}.app-header__icon-btn{width:32px;height:32px;background:var(--bg-2);border:1px solid var(--border-1);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.app-header__icon-btn:hover{color:var(--text-0);border-color:var(--border-3)}.sidebar{grid-area:sidebar;background:var(--bg-1);border-right:1px solid var(--border-0);display:flex;flex-direction:column;height:calc(100vh - var(--header-height));position:sticky;top:var(--header-height);overflow:hidden}.sidebar__logo{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border-0);flex-shrink:0;cursor:default;user-select:none}.sidebar__logo-icon{font-size:1.1rem;color:var(--color-gold)}.sidebar__logo-text{font-family:var(--font-display);font-size:1.1rem;letter-spacing:var(--tracking-widest);color:var(--color-gold);line-height:1}.sidebar__file-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-2);border-bottom:1px solid var(--border-0);flex-shrink:0;min-height:36px}.sidebar__file-icon{font-size:.8rem;flex-shrink:0;opacity:.5}.sidebar__file-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar__file-name--loaded{color:var(--color-green)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-2) 0}.sidebar__section{margin-bottom:var(--space-1)}.sidebar__section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-4);letter-spacing:var(--tracking-widest);text-transform:uppercase;padding:var(--space-3) var(--space-4) var(--space-1);user-select:none}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;border-left:2px solid transparent;color:var(--text-2);cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-regular);transition:all var(--transition-fast);line-height:1.3;border-radius:0;user-select:none}.sidebar__item:hover{color:var(--text-0);background:var(--bg-2);border-left-color:var(--border-2)}.sidebar__item--active{color:var(--color-gold);background:var(--color-gold-muted);border-left-color:var(--color-gold);font-weight:var(--weight-medium)}.sidebar__item--disabled{opacity:.35;cursor:not-allowed;pointer-events:auto}.sidebar__item-icon{font-size:.95rem;flex-shrink:0;width:20px;text-align:center;line-height:1}.sidebar__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__footer{border-top:1px solid var(--border-0);flex-shrink:0;padding:var(--space-2) 0}.main-panel{grid-area:main;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-1);position:relative}.main-panel__dropzone-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);min-height:0}.panel{flex:1;min-height:0;overflow:hidden}.right-rail{display:none;grid-area:rail;background:var(--bg-1);border-left:1px solid var(--border-0);flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0;height:calc(100vh - var(--header-height));position:sticky;top:var(--header-height);overflow-y:auto}.right-rail__widget{padding:0}.right-rail__note{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3)}.right-rail__note-icon{flex-shrink:0}.right-rail__note-text{line-height:var(--leading-loose)}@media (min-width: 1400px){.right-rail{display:flex}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:#0f0f1af7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-0);z-index:var(--z-sticky);align-items:stretch}.mobile-nav__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-1);background:none;border:none;color:var(--text-3);cursor:pointer;transition:color var(--transition-fast);font-family:var(--font-mono);min-height:0}.mobile-nav__btn:hover,.mobile-nav__btn--active{color:var(--color-gold)}.mobile-nav__btn--disabled{opacity:.35}.mobile-nav__btn--more{color:var(--text-2)}.mobile-nav__btn-icon{font-size:1.1rem;line-height:1}.mobile-nav__btn-label{font-size:.58rem;letter-spacing:.05em;line-height:1}.mobile-picker{position:fixed;inset:0;background:var(--bg-0);z-index:var(--z-overlay);display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--transition-slow)}.mobile-picker--visible{transform:translateY(0)}.mobile-picker__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-0);flex-shrink:0}.mobile-picker__title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-1);letter-spacing:var(--tracking-wide);text-transform:uppercase}.mobile-picker__close{width:32px;height:32px;background:var(--bg-2);border:1px solid var(--border-1);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.mobile-picker__close:hover{color:var(--text-0)}.mobile-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-4);overflow-y:auto;flex:1}.mobile-picker__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:80px}.mobile-picker__item:hover,.mobile-picker__item:active{border-color:var(--color-gold);background:var(--color-gold-muted)}.mobile-picker__item--disabled{opacity:.35;cursor:not-allowed}.mobile-picker__item-icon{font-size:1.4rem;line-height:1}.mobile-picker__item-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-1);text-align:center;line-height:var(--leading-tight)}@media (max-width: 768px){#app{grid-template-rows:var(--header-height) 1fr var(--mobile-nav-height);grid-template-columns:1fr;grid-template-areas:"header" "main" "mobile-nav";overflow:hidden}.sidebar{display:none}.mobile-nav{display:flex}.main-panel{height:calc(100vh - var(--header-height) - var(--mobile-nav-height));overflow-y:auto}}@media (min-width: 769px) and (max-width: 1023px){#app{grid-template-columns:200px 1fr}--sidebar-width: 200px}.shortcuts-modal-body{display:flex;flex-direction:column;gap:var(--space-4)}.shortcuts-group{display:flex;flex-direction:column;gap:var(--space-1)}.shortcuts-group-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);letter-spacing:var(--tracking-widest);text-transform:uppercase;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-0)}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0}.shortcuts-action{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-1);flex:1}.shortcuts-keys{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}}@layer animations{@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes goldPulse{0%,to{box-shadow:0 0 #f5c51800}50%{box-shadow:0 0 0 6px #f5c51826}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes thumbLoad{0%,to{opacity:.3}50%{opacity:.7}}.anim-spin{animation:spin .7s linear infinite}.anim-pulse{animation:pulse 1.5s ease-in-out infinite}.anim-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.anim-fade-out{animation:fadeOut var(--transition-slow) ease forwards}.anim-slide-up{animation:slideInUp var(--transition-slow) ease forwards}.anim-slide-down{animation:slideInDown var(--transition-slow) ease forwards}.anim-slide-right{animation:slideInRight .2s ease forwards}.anim-slide-left{animation:slideInLeft .2s ease forwards}.anim-scale-in{animation:scaleIn .2s ease forwards}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.press-down{transition:transform var(--transition-fast)}.press-down:active{transform:translateY(1px)}.transition-none{transition:none!important}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.glow-gold{animation:goldPulse 2s ease-in-out infinite}.progress-indeterminate{position:relative;overflow:hidden}.progress-indeterminate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(245,197,24,.4) 50%,transparent 100%);animation:progressIndeterminate 1.2s ease-in-out infinite}}@layer utilities{.hidden{display:none!important}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-auto{margin:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.w-screen{width:100vw}.h-full{height:100%}.h-screen{height:100vh}.min-w-0{min-width:0}.min-h-0{min-height:0}.max-w-full{max-width:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto;overflow-y:hidden}.overflow-y-auto{overflow-y:auto;overflow-x:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-base{z-index:var(--z-base)}.z-raised{z-index:var(--z-raised)}.z-sticky{z-index:var(--z-sticky)}.z-overlay{z-index:var(--z-overlay)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-none{pointer-events:none}.pointer-auto{pointer-events:auto}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-crosshair{cursor:crosshair}.cursor-not-allowed{cursor:not-allowed}.bg-0{background:var(--bg-0)}.bg-1{background:var(--bg-1)}.bg-2{background:var(--bg-2)}.bg-3{background:var(--bg-3)}.bg-4{background:var(--bg-4)}.border{border:1px solid var(--border-1)}.border-0{border:1px solid var(--border-0)}.border-top{border-top:1px solid var(--border-0)}.border-bot{border-bottom:1px solid var(--border-0)}.border-l{border-left:1px solid var(--border-0)}.border-r{border-right:1px solid var(--border-0)}.border-none{border:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-loose{line-height:var(--leading-loose)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word;word-break:break-word}.break-all{word-break:break-all}.divider{height:1px;background:var(--border-0);margin:var(--space-4) 0}.divider-v{width:1px;background:var(--border-0);align-self:stretch}.badge{display:inline-flex;align-items:center;justify-content:center;padding:1px var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;line-height:1.6;font-weight:var(--weight-medium)}.badge-gold{background:var(--color-gold-muted);color:var(--color-gold);border:1px solid rgba(245,197,24,.2)}.badge-green{background:var(--color-green-muted);color:var(--color-green);border:1px solid rgba(0,229,160,.2)}.badge-blue{background:var(--color-blue-muted);color:var(--color-blue);border:1px solid rgba(77,159,255,.2)}.badge-red{background:var(--color-red-muted);color:var(--color-red);border:1px solid rgba(255,77,109,.2)}.hide-desktop{display:none!important}@media (max-width: 768px){.hide-mobile{display:none!important}.hide-desktop{display:revert!important}}}@layer components{.thumb-strip{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;padding:.75rem;overflow-y:auto;align-content:flex-start;min-height:140px;max-height:280px;background:#0f0f1a;border-radius:4px;border:1px solid #1E1E35}.thumb-strip__empty{width:100%;text-align:center;font-family:DM Mono,monospace,Arial;font-size:.75rem;color:#44445a;padding:2rem 0}.thumb-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;user-select:none;transition:transform .1s ease,opacity .1s ease;position:relative}.thumb-item:hover .thumb-item__canvas-wrap{border-color:#f5c518;box-shadow:0 0 0 1px #f5c51840}.thumb-item--selected .thumb-item__canvas-wrap{border-color:#f5c518;box-shadow:0 0 0 2px #f5c51866}.thumb-item--selected .thumb-item__num{color:#f5c518}.thumb-item--dragging{opacity:.4;transform:scale(.95)}.thumb-item--over .thumb-item__canvas-wrap{border-color:#00e5a0;box-shadow:0 0 0 2px #00e5a066}.thumb-item__canvas-wrap{position:relative;border:1px solid #1E1E35;border-radius:3px;overflow:hidden;background:#1a1a2e;width:80px;height:106px;display:flex;align-items:center;justify-content:center;transition:border-color .12s,box-shadow .12s}.thumb-item__canvas{max-width:100%;max-height:100%;display:block;transition:transform .2s ease}.thumb-item__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;background:#1a1a2e}.thumb-item__overlay{position:absolute;inset:0;background:#f5c5180f;opacity:0;transition:opacity .12s;pointer-events:none}.thumb-item--selected .thumb-item__overlay{opacity:1}.thumb-item:hover .thumb-item__overlay{opacity:.5}.thumb-item__rotate-badge{position:absolute;top:3px;right:3px;background:#000000b3;color:#f5c518;font-family:DM Mono,monospace,Arial;font-size:.6rem;padding:1px 4px;border-radius:2px;pointer-events:none}.thumb-item__num{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;transition:color .1s}.thumb-strip::-webkit-scrollbar{height:4px;width:4px}.thumb-strip::-webkit-scrollbar-track{background:transparent}.thumb-strip::-webkit-scrollbar-thumb{background:#1e1e35;border-radius:2px}@media (max-width: 600px){.thumb-strip{max-height:200px}.thumb-item__canvas-wrap{width:60px;height:80px}}}@layer components{.page-preview{display:flex;flex-direction:column;gap:0;height:100%;min-height:300px;background:#0f0f1a;border:1px solid #1E1E35;border-radius:4px;overflow:hidden}.page-preview__toolbar{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#161625;border-bottom:1px solid #1E1E35;flex-shrink:0;gap:.5rem;flex-wrap:wrap}.page-preview__nav,.page-preview__zoom{display:flex;align-items:center;gap:.3rem}.page-preview__btn{background:#1e1e35;border:1px solid #252545;color:#88a;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;border-radius:2px;transition:all .1s;font-family:DM Mono,monospace,Arial;flex-shrink:0}.page-preview__btn:hover:not(:disabled){color:#f5c518;border-color:#f5c518}.page-preview__btn:disabled{opacity:.3;cursor:not-allowed}.page-preview__btn--fit{width:auto;padding:0 .5rem;font-size:.68rem;letter-spacing:.5px}.page-preview__page-info,.page-preview__zoom-label{font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#88a;min-width:48px;text-align:center}.page-preview__canvas-wrap{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:1rem;position:relative;background:#08080f}.page-preview__canvas{display:block;box-shadow:0 4px 24px #0009;border-radius:2px;max-width:100%}.page-preview__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.page-preview__placeholder-icon{font-size:2.5rem;opacity:.3}.page-preview__placeholder-text{font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#44445a}.page-preview__loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-family:DM Mono,monospace,Arial;font-size:.75rem;color:#44445a;background:#08080fcc}.page-preview__canvas-wrap::-webkit-scrollbar{width:4px;height:4px}.page-preview__canvas-wrap::-webkit-scrollbar-track{background:transparent}.page-preview__canvas-wrap::-webkit-scrollbar-thumb{background:#1e1e35;border-radius:2px}}@layer components{.dropzone{border:2px dashed #2E2E45;border-radius:6px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .15s ease;background:#161625;position:relative;overflow:hidden;user-select:none}.dropzone:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(245,197,24,.04) 0%,transparent 70%);pointer-events:none}.dropzone:hover{border-color:#f5c518;background:#f5c51808}.dropzone--active{border-color:#f5c518;border-style:solid;background:#f5c5180f;transform:scale(1.01)}.dropzone__icon{font-size:3rem;margin-bottom:1rem;line-height:1;display:block}.dropzone__title{font-family:DM Sans,Arial,sans-serif;font-size:1.2rem;font-weight:700;color:#e8e8f0;margin-bottom:.4rem}.dropzone__sub{font-size:.78rem;color:#557;margin-bottom:1.5rem;font-family:DM Mono,monospace,Arial}.dropzone__btn{background:#f5c518;color:#000;border:none;padding:.6rem 1.8rem;font-weight:700;font-size:.82rem;font-family:DM Mono,monospace,Arial;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .1s;position:relative;z-index:1}.dropzone__btn:hover{background:#ffd440;transform:translateY(-1px)}.dropzone__info{margin-top:1rem;font-size:.78rem;font-family:DM Mono,monospace,Arial;color:#557;min-height:1.2em}.dropzone__info--success{color:#00e5a0}.dropzone__info--error{color:#ff4d6d}@media (max-width: 480px){.dropzone{padding:2rem 1rem}.dropzone__icon{font-size:2rem}.dropzone__title{font-size:1rem}}}@layer components{.range-input{display:flex;flex-direction:column;gap:.4rem}.range-input__label{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#88a;letter-spacing:1px;text-transform:uppercase}.range-input__row{display:flex;gap:.4rem}.range-input__field{flex:1;background:#161625;border:1px solid #2E2E45;color:#e8e8f0;padding:.55rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.85rem;border-radius:3px;transition:border-color .12s;outline:none}.range-input__field:focus{border-color:#f5c518}.range-input__field::placeholder{color:#44445a}.range-input__clear{background:#1e1e35;border:1px solid #2E2E45;color:#557;padding:0 .75rem;font-size:.8rem;cursor:pointer;border-radius:3px;transition:all .1s}.range-input__clear:hover{color:#ff4d6d;border-color:#ff4d6d}.range-input__hint{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#44445a;min-height:1em}.range-input__hint--success{color:#00e5a0}.range-input__hint--error{color:#ff4d6d}.range-input__preview{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#f5c518;min-height:1em}}@layer components{.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999;pointer-events:none;max-width:360px}.toast{display:flex;align-items:center;gap:.6rem;background:#1e1e2e;border:1px solid #2E2E45;border-left:3px solid #4D9FFF;border-radius:3px;padding:.65rem .75rem;font-family:DM Sans,Arial,sans-serif;font-size:.85rem;color:#e8e8f0;pointer-events:all;box-shadow:0 4px 20px #0006;opacity:0;transform:translate(20px);transition:opacity .2s ease,transform .2s ease}.toast--visible{opacity:1;transform:translate(0)}.toast--hiding{opacity:0;transform:translate(20px)}.toast--success{border-left-color:#00e5a0}.toast--error{border-left-color:#ff4d6d}.toast--info{border-left-color:#4d9fff}.toast__icon{font-size:1rem;flex-shrink:0}.toast__message{flex:1;line-height:1.4;word-break:break-word}.toast__close{background:none;border:none;color:#557;cursor:pointer;font-size:.8rem;padding:0 0 0 .25rem;flex-shrink:0;transition:color .1s}.toast__close:hover{color:#e8e8f0}@media (max-width: 480px){.toast-container{bottom:1rem;right:1rem;left:1rem;max-width:none}}}@layer components{.modal-backdrop{position:fixed;inset:0;background:#080810bf;backdrop-filter:blur(4px);z-index:8000;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-backdrop--visible{opacity:1;pointer-events:all}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-48%);background:#1a1a2e;border:1px solid #2E2E45;border-radius:6px;z-index:8001;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #0009}.modal--visible{opacity:1;pointer-events:all;transform:translate(-50%,-50%)}.modal--small{width:min(400px,92vw)}.modal--medium{width:min(580px,92vw)}.modal--large{width:min(800px,92vw)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #2E2E45;flex-shrink:0}.modal__title{font-family:DM Sans,Arial,sans-serif;font-size:1rem;font-weight:700;color:#e8e8f0;margin:0}.modal__close{background:none;border:none;color:#557;cursor:pointer;font-size:1rem;padding:.25rem;transition:color .1s;line-height:1}.modal__close:hover{color:#e8e8f0}.modal__body{padding:1.25rem;overflow-y:auto;flex:1;color:#88a;font-family:DM Sans,Arial,sans-serif;font-size:.9rem;line-height:1.6}@media (max-width: 480px){.modal{inset:auto 0 0;transform:translateY(100%);border-radius:8px 8px 0 0;max-height:90vh;width:100%!important}.modal--visible{transform:translateY(0)}}}@layer components{.progress-overlay{position:fixed;inset:0;background:#080810d9;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9000;opacity:0;pointer-events:none;transition:opacity .2s ease}.progress-overlay--visible{opacity:1;pointer-events:all}.progress-modal{background:#1a1a2e;border:1px solid #2E2E45;border-radius:6px;padding:2rem 2.5rem;min-width:320px;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 8px 40px #0009}.progress-spinner{width:40px;height:40px;border:3px solid #2E2E45;border-top-color:#f5c518;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-label{font-family:DM Mono,monospace,Arial;font-size:.85rem;color:#88a;text-align:center;letter-spacing:.5px}.progress-track{width:100%;height:4px;background:#2e2e45;border-radius:2px;overflow:hidden}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#f5c518,#00e5a0);border-radius:2px;transition:width .3s ease}.progress-percent{font-family:DM Mono,monospace,Arial;font-size:.75rem;color:#f5c518;letter-spacing:1px}.progress-cancel{background:none;border:1px solid #2E2E45;color:#557;padding:.4rem 1.2rem;font-size:.78rem;font-family:DM Mono,monospace,Arial;cursor:pointer;border-radius:2px;transition:all .15s;margin-top:.25rem}.progress-cancel:hover{border-color:#ff4d6d;color:#ff4d6d}@media (max-width: 480px){.progress-modal{min-width:280px;padding:1.5rem}}}@layer components{.file-list{display:flex;flex-direction:column;border:1px solid #1E1E35;border-radius:4px;overflow:hidden;background:#0f0f1a;min-height:80px}.file-list__items{display:flex;flex-direction:column}.file-list__empty{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#44445a;text-align:center}.file-list__item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-bottom:1px solid #1E1E35;transition:background .1s;cursor:grab}.file-list__item:last-child{border-bottom:none}.file-list__item:hover{background:#161625}.file-list__item--dragging{opacity:.4;cursor:grabbing}.file-list__item--over{background:#00e5a00d;border-color:#00e5a04d}.file-list__drag-handle{color:#2e2e45;font-size:.9rem;flex-shrink:0;cursor:grab;letter-spacing:-1px;line-height:1;user-select:none}.file-list__item:hover .file-list__drag-handle{color:#557}.file-list__item-icon{font-size:1rem;flex-shrink:0;opacity:.6}.file-list__item-info{flex:1;min-width:0}.file-list__item-name{font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list__item-meta{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#557;margin-top:1px}.file-list__item-order{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#2e2e45;width:20px;text-align:center;flex-shrink:0}.file-list__remove{background:none;border:none;color:#2e2e45;cursor:pointer;font-size:.8rem;padding:.2rem .4rem;border-radius:2px;transition:all .1s;flex-shrink:0;line-height:1}.file-list__remove:hover{color:#ff4d6d;background:#ff4d6d1a}}@layer components{.undo-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(100px);background:#1a1a2e;border:1px solid #2E2E45;border-top:2px solid #F5C518;border-radius:4px;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;z-index:7000;box-shadow:0 4px 24px #0006;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;white-space:nowrap}.undo-bar--visible{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.undo-bar__icon{font-size:1rem;color:#f5c518}.undo-bar__label{font-family:DM Mono,monospace,Arial;font-size:.75rem;color:#88a;max-width:200px;overflow:hidden;text-overflow:ellipsis}.undo-bar__actions{display:flex;gap:.4rem;margin-left:.25rem}.undo-bar__btn{background:#252545;border:1px solid #2E2E45;color:#e8e8f0;padding:.3rem .75rem;font-size:.75rem;font-family:DM Mono,monospace,Arial;cursor:pointer;border-radius:2px;transition:all .1s}.undo-bar__btn:hover:not(:disabled){border-color:#f5c518;color:#f5c518}.undo-bar__btn:disabled{opacity:.3;cursor:not-allowed}.undo-bar__btn--redo:hover:not(:disabled){border-color:#00e5a0;color:#00e5a0}@media (max-width: 480px){.undo-bar{width:calc(100vw - 2rem);left:1rem;transform:translateY(100px);bottom:1rem}.undo-bar--visible{transform:translateY(0)}.undo-bar__label{display:none}}}@layer components{.result-banner{position:fixed;bottom:5rem;left:50%;transform:translate(-50%) translateY(120px);background:#0f1f18;border:1px solid rgba(0,229,160,.25);border-left:3px solid #00E5A0;border-radius:4px;padding:.9rem 1.1rem;display:flex;align-items:center;gap:1rem;z-index:7000;box-shadow:0 4px 24px #0006;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;max-width:min(600px,92vw);width:100%}.result-banner--visible{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.result-banner__icon{font-size:1.5rem;flex-shrink:0}.result-banner__info{flex:1;min-width:0}.result-banner__filename{font-family:DM Mono,monospace,Arial;font-size:.85rem;color:#00e5a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.result-banner__meta{font-size:.72rem;color:#557;font-family:DM Mono,monospace,Arial;margin-top:2px}.result-banner__actions{display:flex;gap:.4rem;align-items:center;flex-shrink:0}.result-banner__btn{background:#1a2e24;border:1px solid rgba(0,229,160,.2);color:#00e5a0;padding:.4rem .8rem;font-size:.75rem;font-family:DM Mono,monospace,Arial;cursor:pointer;border-radius:2px;transition:all .1s;white-space:nowrap}.result-banner__btn:hover{background:#213d2d;border-color:#00e5a0}.result-banner__btn--download{background:#00e5a0;color:#000;font-weight:700;border-color:#00e5a0}.result-banner__btn--download:hover{background:#1ffdb3}.result-banner__btn--dismiss{background:none;border-color:transparent;color:#557;padding:.4rem .5rem}.result-banner__btn--dismiss:hover{color:#ff4d6d;border-color:transparent}@media (max-width: 600px){.result-banner{bottom:4rem;flex-wrap:wrap;left:1rem;right:1rem;transform:translateY(120px);max-width:none;width:auto}.result-banner--visible{transform:translateY(0)}.result-banner__actions{width:100%;justify-content:flex-end}}}@layer components{.size-compare{background:#0f0f1a;border:1px solid #1E1E35;border-radius:4px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.size-compare__row{display:flex;align-items:center;gap:1rem}.size-compare__col{flex:1;display:flex;flex-direction:column;gap:.3rem}.size-compare__label{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;letter-spacing:1px;text-transform:uppercase}.size-compare__value{font-family:DM Mono,monospace,Arial;font-size:1rem;color:#88a;font-weight:500}.size-compare__value--compressed{color:#00e5a0}.size-compare__bar-wrap{height:4px;background:#1e1e35;border-radius:2px;overflow:hidden}.size-compare__bar{height:100%;width:0%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.size-compare__bar--original{background:#44445a}.size-compare__bar--compressed{background:#00e5a0}.size-compare__arrow{font-size:1.2rem;color:#2e2e45;flex-shrink:0;padding-top:.8rem}.size-compare__savings{display:flex;align-items:center;gap:.4rem;border-top:1px solid #1E1E35;padding-top:.6rem;font-family:DM Mono,monospace,Arial;font-size:.78rem}.size-compare__savings-pct{font-size:1.1rem;font-weight:700;color:#44445a}.size-compare__savings-pct--good{color:#00e5a0}.size-compare__savings-pct--bad{color:#ff4d6d}.size-compare__savings-label{color:#557}}@layer components{.sig-pad{display:flex;flex-direction:column;gap:0;border:1px solid #1E1E35;border-radius:4px;overflow:hidden;background:#0f0f1a}.sig-pad__toolbar{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#161625;border-bottom:1px solid #1E1E35;gap:.5rem}.sig-pad__tabs{display:flex;gap:.25rem}.sig-pad__tab{background:none;border:1px solid transparent;color:#557;padding:.3rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.72rem;cursor:pointer;border-radius:2px;transition:all .1s}.sig-pad__tab:hover{color:#88a;border-color:#252545}.sig-pad__tab--active{color:#f5c518;border-color:#f5c518;background:#f5c5180f}.sig-pad__actions{display:flex;align-items:center;gap:.5rem}.sig-pad__color{width:28px;height:28px;border:1px solid #252545;border-radius:2px;cursor:pointer;background:none;padding:1px}.sig-pad__clear{background:none;border:1px solid #252545;color:#557;padding:.3rem .6rem;font-family:DM Mono,monospace,Arial;font-size:.72rem;cursor:pointer;border-radius:2px;transition:all .1s}.sig-pad__clear:hover{color:#ff4d6d;border-color:#ff4d6d}.sig-pad__draw-wrap{position:relative;display:flex;align-items:center;justify-content:center}.sig-pad__canvas{display:block;width:100%;cursor:crosshair;background:#fff;max-height:180px}.sig-pad__hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:DM Sans,Arial,sans-serif;font-size:.85rem;color:#ccc;pointer-events:none;user-select:none;opacity:.5}.sig-pad__type-wrap{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.sig-pad__type-input{background:#161625;border:1px solid #252545;color:#e8e8f0;padding:.5rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.85rem;border-radius:2px;outline:none}.sig-pad__type-input:focus{border-color:#f5c518}.sig-pad__type-preview{font-size:2rem;color:#1a1a1a;background:#fff;padding:.5rem 1rem;border-radius:2px;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:cursive;color:#222}.sig-pad__font-select{background:#161625;border:1px solid #252545;color:#88a;padding:.3rem .5rem;font-size:.75rem;border-radius:2px;cursor:pointer;font-family:DM Mono,monospace,Arial}}@layer components{.bmc-widget{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-top:1px solid #1E1E35}.bmc-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fd0;color:#000;text-decoration:none;padding:.5rem .85rem;border-radius:3px;font-family:DM Mono,monospace,Arial;font-size:.75rem;font-weight:700;letter-spacing:.5px;transition:all .12s ease;width:fit-content}.bmc-btn:hover{background:#ffe933;transform:translateY(-1px);box-shadow:0 2px 8px #ffdd004d}.bmc-btn__icon{font-size:1rem}.bmc-tagline{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;line-height:1.4}}@layer components{.panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0f0f1a}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#161625;border-bottom:1px solid #1E1E35;flex-shrink:0;gap:1rem}.panel__title{display:flex;align-items:center;gap:.5rem}.panel__icon{font-size:1.1rem;line-height:1}.panel__title-text{font-family:DM Sans,Arial,sans-serif;font-size:.95rem;font-weight:700;color:#e8e8f0;letter-spacing:.2px}.panel__apply-btn{background:#f5c518;color:#000;border:none;padding:.45rem 1.4rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .12s ease;flex-shrink:0}.panel__apply-btn:hover:not(:disabled){background:#ffd440;transform:translateY(-1px);box-shadow:0 2px 8px #f5c51859}.panel__apply-btn:disabled{background:#2e2e45;color:#557;cursor:not-allowed;transform:none;box-shadow:none}.panel__body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.panel__body::-webkit-scrollbar{width:4px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background:#1e1e35;border-radius:2px}.panel-section{display:flex;flex-direction:column;gap:.6rem}.panel-section__label{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;letter-spacing:2px;text-transform:uppercase}.panel-input{background:#161625;border:1px solid #2E2E45;color:#e8e8f0;padding:.5rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.85rem;border-radius:3px;outline:none;width:100%;transition:border-color .12s}.panel-input:focus{border-color:#f5c518}.panel-input::placeholder{color:#44445a}.panel-select{background:#161625;border:1px solid #2E2E45;color:#e8e8f0;padding:.5rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.82rem;border-radius:3px;cursor:pointer;outline:none;width:100%}.panel-select:focus{border-color:#f5c518}.panel-option-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#88a;padding:.3rem 0}.panel-option-row input{accent-color:#F5C518;cursor:pointer}.panel-option-row:hover{color:#e8e8f0}.panel-info{background:#161625;border:1px solid #1E1E35;border-left:3px solid #4D9FFF;border-radius:3px;padding:.6rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#88a;line-height:1.5}@media (max-width: 600px){.panel__header{padding:.6rem .75rem}.panel__body{padding:.75rem}}}@layer components{.compress-levels{display:flex;flex-direction:column;gap:.5rem}.compress-level-card{display:flex;cursor:pointer;border:1px solid #1E1E35;border-radius:4px;overflow:hidden;transition:border-color .12s}.compress-level-card:hover{border-color:#2e2e45}.compress-level-card--selected{border-color:#f5c518;background:#f5c51808}.compress-level-card input[type=radio]{display:none}.compress-level-card__inner{flex:1;padding:.65rem .85rem;display:flex;flex-direction:column;gap:.25rem}.compress-level-card__title{font-family:DM Sans,Arial,sans-serif;font-size:.85rem;font-weight:700;color:#e8e8f0;display:flex;align-items:center;gap:.5rem}.compress-level-card--selected .compress-level-card__title{color:#f5c518}.compress-level-card__recommended{font-family:DM Mono,monospace,Arial;font-size:.6rem;background:#f5c51826;color:#f5c518;padding:1px 6px;border-radius:10px;font-weight:400;letter-spacing:.5px}.compress-level-card__desc{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#557;line-height:1.5}.compress-level-card__badge{font-family:DM Mono,monospace,Arial;font-size:.68rem;font-weight:700;margin-top:.15rem;width:fit-content;padding:2px 8px;border-radius:2px}.compress-level-card__badge--low{background:#4d9fff1a;color:#4d9fff}.compress-level-card__badge--medium{background:#f5c5181a;color:#f5c518}.compress-level-card__badge--high{background:#00e5a01a;color:#00e5a0}}@layer components{.panel--delete #delete-strip{min-height:140px}.delete-summary{display:flex;align-items:center;gap:.5rem;background:#f5c5180f;border:1px solid rgba(245,197,24,.2);border-radius:3px;padding:.55rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#f5c518}.delete-summary--error{background:#ff4d6d0f;border-color:#ff4d6d33;color:#ff4d6d}.delete-summary__icon{font-size:1rem;flex-shrink:0}.delete-warning{border-left-color:#ff4d6d;color:#ff4d6d99}}@layer components{.panel--merge #merge-list{min-height:80px}.merge-drop-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.merge-add-btn{background:#f5c518;color:#000;border:none;padding:.45rem 1.1rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;font-weight:700;letter-spacing:.5px;cursor:pointer;border-radius:3px;transition:all .12s;flex-shrink:0}.merge-add-btn:hover{background:#ffd440;transform:translateY(-1px)}.merge-drop-hint{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#44445a}.merge-clear-btn{margin-left:auto;background:none;border:1px solid #1E1E35;color:#557;padding:.2rem .6rem;font-family:DM Mono,monospace,Arial;font-size:.65rem;cursor:pointer;border-radius:2px;transition:all .1s}.merge-clear-btn:hover{color:#ff4d6d;border-color:#ff4d6d}.panel--merge.merge-drag-over{outline:2px dashed #F5C518;outline-offset:-4px;background:#f5c51808}.panel--merge .panel-section__label{display:flex;align-items:center}}@layer components{.panel--rotate #rotate-strip{min-height:140px}.rotate-angle-row{display:flex;gap:.5rem}.rotate-angle-btn{flex:1;background:#161625;border:1px solid #2E2E45;color:#88a;padding:.55rem .5rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;cursor:pointer;border-radius:3px;transition:all .12s;text-align:center}.rotate-angle-btn:hover{border-color:#f5c518;color:#f5c518}.rotate-angle-btn--active{background:#f5c5181a;border-color:#f5c518;color:#f5c518;font-weight:700}}@layer components{.wm-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;width:130px}.wm-pos-btn{background:#161625;border:1px solid #2E2E45;color:#557;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;border-radius:3px;transition:all .1s}.wm-pos-btn:hover{border-color:#f5c518;color:#f5c518}.wm-pos-btn--active{background:#f5c5181f;border-color:#f5c518;color:#f5c518}.wm-slider{width:100%;accent-color:#F5C518;cursor:pointer;height:4px}.wm-color-row{display:flex;align-items:center;gap:.75rem}.wm-color-input{width:36px;height:36px;border:1px solid #2E2E45;border-radius:3px;cursor:pointer;background:none;padding:2px;flex-shrink:0}.wm-color-presets{display:flex;gap:.4rem}.wm-color-preset{width:24px;height:24px;border:2px solid #2E2E45;border-radius:50%;cursor:pointer;transition:transform .1s,border-color .1s;padding:0}.wm-color-preset:hover{transform:scale(1.2);border-color:#e8e8f0}.wm-preview{background:#08080f;border:1px solid #1E1E35;border-radius:3px;padding:.75rem;display:flex;align-items:center;justify-content:center}.wm-preview__page{background:#fff;width:160px;height:210px;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000080}.wm-preview__text{position:absolute;white-space:nowrap;font-family:DM Sans,Arial,sans-serif;font-weight:700;pointer-events:none;user-select:none;letter-spacing:1px}}@layer components{.protect-input-row{display:flex;gap:.4rem;align-items:center}.protect-input-row .panel-input{flex:1}.protect-toggle-btn{background:#161625;border:1px solid #2E2E45;color:#88a;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;font-size:1rem;flex-shrink:0;transition:all .1s;opacity:.5}.protect-toggle-btn:hover{border-color:#f5c518;color:#f5c518;opacity:1}.protect-strength{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.protect-strength__bar{flex:1;height:3px;background:#1e1e35;border-radius:2px;overflow:hidden}.protect-strength__fill{height:100%;width:0%;border-radius:2px;transition:width .3s ease,background .3s ease}.protect-strength__fill--weak{background:#ff4d6d}.protect-strength__fill--fair{background:#f5c518}.protect-strength__fill--good{background:#4d9fff}.protect-strength__fill--strong{background:#00e5a0}.protect-strength__label{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#557;min-width:40px}.protect-optional{font-family:DM Mono,monospace,Arial;font-size:.6rem;color:#44445a;font-weight:400;margin-left:.4rem}.protect-owner-hint{margin-top:.4rem;font-size:.68rem}.protect-match{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;font-family:DM Mono,monospace,Arial;font-size:.72rem}.protect-match--ok{color:#00e5a0}.protect-match--error{color:#ff4d6d}}@layer components{.unlock-input-row{display:flex;gap:.4rem;align-items:center}.unlock-input-row .panel-input{flex:1}.unlock-toggle-btn{background:#161625;border:1px solid #2E2E45;color:#88a;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;font-size:1rem;flex-shrink:0;transition:all .1s;opacity:.5}.unlock-toggle-btn:hover{border-color:#f5c518;color:#f5c518;opacity:1}.unlock-status{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;font-family:DM Mono,monospace,Arial;font-size:.75rem;padding:.4rem .6rem;border-radius:3px;border:1px solid transparent}.unlock-status--success{color:#00e5a0;background:#00e5a00f;border-color:#00e5a033}.unlock-status--error{color:#ff4d6d;background:#ff4d6d0f;border-color:#ff4d6d33}.unlock-warning{border-left-color:#f5c518;color:#f5c51899}}@layer components{.panel--images-to-pdf #itp-list{min-height:80px}.itp-add-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}}@layer components{.panel--pdf-to-images .panel-select{max-width:180px}}@layer components{.pn-number-input{max-width:100px}.pn-affix-row{display:flex;align-items:center;gap:.5rem}.pn-affix-sep{color:#44445a;font-family:DM Mono,monospace,Arial;flex-shrink:0}.pn-preview{font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#f5c518;margin-top:.4rem}}@layer components{.hf-number-input{max-width:100px}}@layer components{.meta-actions{display:flex;gap:.5rem;align-items:center}.meta-read-btn{background:#161625;border:1px solid #2E2E45;color:#4d9fff;padding:.45rem 1rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;cursor:pointer;border-radius:3px;transition:all .12s;letter-spacing:.3px}.meta-read-btn:hover{border-color:#4d9fff;background:#4d9fff14}.meta-clear-btn{background:none;border:1px solid #1E1E35;color:#557;padding:.45rem .85rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;cursor:pointer;border-radius:3px;transition:all .1s}.meta-clear-btn:hover{color:#ff4d6d;border-color:#ff4d6d}.meta-status{display:flex;align-items:center;gap:.4rem;font-family:DM Mono,monospace,Arial;font-size:.72rem;padding:.4rem .6rem;border-radius:3px;border:1px solid transparent}.meta-status--success{color:#00e5a0;background:#00e5a00f;border-color:#00e5a033}.meta-status--error{color:#ff4d6d;background:#ff4d6d0f;border-color:#ff4d6d33}.meta-status--info{color:#4d9fff;background:#4d9fff0f;border-color:#4d9fff33}}@layer components{.gs-info-box{display:flex;gap:.6rem;align-items:flex-start;background:#4d9fff0d;border:1px solid rgba(77,159,255,.15);border-radius:3px;padding:.6rem .75rem}.gs-info-box__icon{font-size:1rem;color:#4d9fff;flex-shrink:0;line-height:1.5}.gs-info-box__text{font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#557;line-height:1.6}}@layer components{.sign-canvas-wrap{position:relative;background:#08080f;border:1px solid #1E1E35;border-radius:4px;overflow:hidden;min-height:200px;display:flex;align-items:flex-start;justify-content:center}#sign-page-canvas,#sign-overlay-canvas{display:block;max-width:100%}#sign-overlay-canvas{position:absolute;top:0;left:0;cursor:crosshair}.sign-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#44445a;text-align:center;padding:1rem}.sign-hint{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#44445a;margin-top:.4rem}.sign-page-label{color:#f5c518;font-size:.65rem;margin-left:.4rem;font-weight:400}.sign-size-row{display:flex;align-items:center;gap:.75rem}.sign-size-label{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#557;width:38px;flex-shrink:0}.sign-size-slider{flex:1;accent-color:#F5C518;cursor:pointer}.sign-size-val{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#f5c518;min-width:38px;text-align:right}.sign-placement{display:flex;align-items:center;gap:.5rem;background:#00e5a00f;border:1px solid rgba(0,229,160,.2);border-radius:3px;padding:.5rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#00e5a0}.sign-placement__icon{font-size:1rem;flex-shrink:0}.sign-placement__clear{margin-left:auto;background:none;border:1px solid rgba(255,77,109,.3);color:#ff4d6d;padding:.2rem .6rem;font-family:DM Mono,monospace,Arial;font-size:.65rem;cursor:pointer;border-radius:2px;transition:all .1s}.sign-placement__clear:hover{background:#ff4d6d1a;border-color:#ff4d6d}}@layer components{.et-preview{background:#08080f;border:1px solid #1E1E35;border-radius:4px;min-height:160px;max-height:300px;overflow-y:auto;padding:.75rem}.et-preview__empty{font-family:DM Mono,monospace,Arial;font-size:.75rem;color:#44445a;padding:2rem 0;text-align:center}.et-preview__empty strong{color:#557}.et-preview__text{font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#88a;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.et-preview-meta{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;margin-top:.4rem;display:flex;gap:.5rem}.et-preview::-webkit-scrollbar{width:4px}.et-preview::-webkit-scrollbar-track{background:transparent}.et-preview::-webkit-scrollbar-thumb{background:#1e1e35;border-radius:2px}}@layer components{.redact-canvas-wrap{position:relative;background:#08080f;border:1px solid #1E1E35;border-radius:4px;overflow:hidden;min-height:200px;display:flex;align-items:flex-start;justify-content:center}#redact-page-canvas,#redact-overlay-canvas{display:block;max-width:100%}#redact-page-canvas{position:relative}#redact-overlay-canvas{position:absolute;top:0;left:0;cursor:crosshair;opacity:.85}.redact-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#44445a;text-align:center;padding:1rem}.redact-hint{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#44445a;margin-top:.4rem}.redact-page-label{color:#f5c518;font-size:.65rem;margin-left:.4rem;font-weight:400;letter-spacing:.5px}.redact-summary{display:flex;align-items:center;gap:.5rem;background:#f5c5180f;border:1px solid rgba(245,197,24,.2);border-radius:3px;padding:.5rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#f5c518}.redact-clear-btn{margin-left:auto;background:none;border:1px solid rgba(255,77,109,.3);color:#ff4d6d;padding:.2rem .6rem;font-family:DM Mono,monospace,Arial;font-size:.65rem;cursor:pointer;border-radius:2px;transition:all .1s}.redact-clear-btn:hover{background:#ff4d6d1a;border-color:#ff4d6d}.redact-warning{border-left-color:#ff4d6d;color:#ff4d6db3}}@layer components{.flatten-status{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:3px;font-family:DM Mono,monospace,Arial;font-size:.78rem;border:1px solid transparent;line-height:1.4}.flatten-status--found{background:#00e5a00f;border-color:#00e5a033;color:#00e5a0}.flatten-status--info{background:#4d9fff0f;border-color:#4d9fff26;color:#4d9fff}.flatten-status--warn{background:#f5c5180f;border-color:#f5c51833;color:#f5c518}.flatten-warning{border-left-color:#ff4d6d;color:#ff4d6db3}}@layer components{.crop-mode-row{display:flex;gap:.4rem}.crop-mode-btn{flex:1;background:#161625;border:1px solid #2E2E45;color:#88a;padding:.5rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;cursor:pointer;border-radius:3px;transition:all .12s;text-align:center}.crop-mode-btn:hover{border-color:#f5c518;color:#f5c518}.crop-mode-btn--active{background:#f5c5181a;border-color:#f5c518;color:#f5c518;font-weight:700}.crop-canvas-wrap{position:relative;background:#08080f;border:1px solid #1E1E35;border-radius:4px;overflow:hidden;min-height:200px;display:flex;align-items:flex-start;justify-content:center}#crop-page-canvas,#crop-overlay-canvas{display:block;max-width:100%}#crop-overlay-canvas{position:absolute;top:0;left:0;cursor:crosshair}.crop-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#44445a;text-align:center;padding:1rem;pointer-events:none}.crop-hint{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#44445a;margin-top:.4rem}.crop-page-label{color:#f5c518;font-size:.65rem;margin-left:.4rem;font-weight:400;letter-spacing:.5px}.crop-margin-grid{display:grid;grid-template-columns:1fr 90px 1fr;grid-template-rows:auto auto auto;gap:.4rem;align-items:center;justify-items:center;max-width:320px}.crop-margin-field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.crop-margin-center{font-size:1.4rem;color:#2e2e45;line-height:1}.crop-field-label{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;text-transform:uppercase;letter-spacing:1px}.crop-margin-preview{font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#44445a;margin-top:.5rem;padding:.4rem .6rem;border-radius:3px;border:1px solid transparent}.crop-margin-preview--ok{color:#00e5a0;background:#00e5a00f;border-color:#00e5a033}.crop-margin-preview--error{color:#ff4d6d;background:#ff4d6d0f;border-color:#ff4d6d33}.crop-exact-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.crop-exact-field{display:flex;flex-direction:column;gap:.3rem}.crop-exact-hint{font-family:DM Mono,monospace,Arial;font-size:.68rem;color:#44445a;margin-top:.5rem;line-height:1.5}.crop-num{max-width:90px;text-align:right;font-variant-numeric:tabular-nums}.crop-result{display:flex;align-items:center;gap:.6rem;background:#f5c5180f;border:1px solid rgba(245,197,24,.2);border-radius:3px;padding:.5rem .75rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#f5c518}.crop-result__icon{font-size:1rem;flex-shrink:0}.crop-result__clear{margin-left:auto;background:none;border:1px solid rgba(255,77,109,.3);color:#ff4d6d;padding:.2rem .55rem;font-family:DM Mono,monospace,Arial;font-size:.65rem;cursor:pointer;border-radius:2px;transition:all .1s;flex-shrink:0}.crop-result__clear:hover{background:#ff4d6d1a;border-color:#ff4d6d}.crop-reset-btn{background:none;border:1px solid #2E2E45;color:#557;padding:.45rem 1rem;font-family:DM Mono,monospace,Arial;font-size:.75rem;cursor:pointer;border-radius:3px;transition:all .12s;width:100%;text-align:left}.crop-reset-btn:hover{border-color:#4d9fff;color:#4d9fff;background:#4d9fff0d}@media (max-width: 600px){.crop-exact-grid{grid-template-columns:1fr}.crop-margin-grid,.crop-num{max-width:100%}}}@layer components{.batch-add-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.batch-op-note{font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#557;padding:.5rem .75rem;background:#161625;border:1px solid #1E1E35;border-radius:3px;margin-bottom:.5rem}.batch-progress{display:flex;flex-direction:column;gap:.5rem}.batch-progress__bar-wrap{height:4px;background:#1e1e35;border-radius:2px;overflow:hidden}.batch-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,#f5c518,#00e5a0);border-radius:2px;transition:width .25s ease}.batch-progress__label{font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#88a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-results{display:flex;flex-direction:column;gap:.5rem;border:1px solid #1E1E35;border-radius:4px;overflow:hidden;background:#0f0f1a}.batch-results__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:#161625;border-bottom:1px solid #1E1E35;font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#88a;gap:.5rem;flex-wrap:wrap}.batch-results__download{background:#00e5a0;color:#000;border:none;padding:.35rem .9rem;font-family:DM Mono,monospace,Arial;font-size:.72rem;font-weight:700;cursor:pointer;border-radius:2px;transition:background .1s;white-space:nowrap;flex-shrink:0}.batch-results__download:hover{background:#1ffdb3}.batch-results__list{display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.batch-results__list::-webkit-scrollbar{width:4px}.batch-results__list::-webkit-scrollbar-track{background:transparent}.batch-results__list::-webkit-scrollbar-thumb{background:#1e1e35;border-radius:2px}.batch-result-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid #1E1E35;font-family:DM Mono,monospace,Arial;font-size:.72rem}.batch-result-item:last-child{border-bottom:none}.batch-result-item__icon{flex-shrink:0;font-size:.8rem}.batch-result-item__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#88a}.batch-result-item__error{font-size:.65rem;color:#ff4d6d;flex-shrink:0;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-result-item--ok .batch-result-item__icon{color:#00e5a0}.batch-result-item--ok .batch-result-item__name{color:#e8e8f0}.batch-result-item--err .batch-result-item__icon{color:#ff4d6d}.batch-result-item--err .batch-result-item__name{color:#88a;text-decoration:line-through}}@layer components{.presets-list{display:flex;flex-direction:column;gap:.4rem;min-height:40px}.presets-empty{font-family:DM Mono,monospace,Arial;font-size:.75rem;color:#44445a;padding:.75rem 0;text-align:center}.preset-card{display:flex;align-items:center;gap:.75rem;background:#161625;border:1px solid #1E1E35;border-radius:4px;padding:.6rem .75rem;cursor:pointer;transition:border-color .12s}.preset-card:hover{border-color:#2e2e45}.preset-card--selected{border-color:#f5c518;background:#f5c5180a}.preset-card__info{flex:1;min-width:0}.preset-card__name{font-family:DM Sans,Arial,sans-serif;font-size:.85rem;font-weight:700;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-card--selected .preset-card__name{color:#f5c518}.preset-card__steps{font-family:DM Mono,monospace,Arial;font-size:.68rem;color:#557;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-card__actions{display:flex;gap:.3rem;flex-shrink:0}.preset-card__btn{background:#1e1e35;border:1px solid #252545;color:#88a;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;border-radius:2px;transition:all .1s}.preset-card__btn:hover{color:#e8e8f0;border-color:#3e3e5a}.preset-card__btn--run:hover{color:#00e5a0;border-color:#00e5a066;background:#00e5a00f}.preset-card__btn--del:hover{color:#ff4d6d;border-color:#ff4d6d66;background:#ff4d6d0f}.preset-new-btn{width:100%;background:none;border:1px dashed #2E2E45;color:#557;padding:.55rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;cursor:pointer;border-radius:3px;transition:all .12s;text-align:center}.preset-new-btn:hover{border-color:#f5c518;color:#f5c518}.presets-editor{background:#0f0f1a;border:1px solid #2E2E45;border-radius:4px;overflow:hidden}.presets-editor__header{padding:.6rem .75rem;background:#161625;border-bottom:1px solid #1E1E35}.presets-editor__title{font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#f5c518;letter-spacing:1px;text-transform:uppercase}.preset-steps{display:flex;flex-direction:column;gap:.4rem}.preset-steps__empty{font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#44445a;padding:.5rem 0;text-align:center}.preset-step{background:#161625;border:1px solid #1E1E35;border-radius:3px;overflow:hidden}.preset-step__header{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem}.preset-step__num{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;width:16px;text-align:center;flex-shrink:0}.preset-step__icon{font-size:.9rem;flex-shrink:0}.preset-step__label{font-family:DM Mono,monospace,Arial;font-size:.75rem;color:#e8e8f0;flex:1}.preset-step__controls{display:flex;gap:.25rem;flex-shrink:0}.preset-step__ctrl{background:none;border:1px solid #252545;color:#557;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;border-radius:2px;transition:all .1s}.preset-step__ctrl:hover{color:#e8e8f0;border-color:#3e3e5a}.preset-step__ctrl--del:hover{color:#ff4d6d;border-color:#ff4d6d66}.preset-step__params{display:flex;flex-wrap:wrap;gap:.5rem;padding:.4rem .6rem .5rem;border-top:1px solid #1E1E35}.preset-step__param{display:flex;flex-direction:column;gap:.2rem;min-width:100px}.preset-step__param-label{font-family:DM Mono,monospace,Arial;font-size:.6rem;color:#44445a;letter-spacing:1px;text-transform:uppercase}.preset-step__param-select,.preset-step__param-input{background:#0f0f1a;border:1px solid #2E2E45;color:#e8e8f0;padding:.3rem .5rem;font-family:DM Mono,monospace,Arial;font-size:.75rem;border-radius:2px;outline:none}.preset-step__param-select:focus,.preset-step__param-input:focus{border-color:#f5c518}.preset-step__param-input{max-width:120px}.preset-add-row{display:flex;gap:.5rem;align-items:center}.preset-add-row .panel-select{flex:1}.preset-add-btn{background:#161625;border:1px solid #2E2E45;color:#f5c518;padding:.45rem .9rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;font-weight:700;cursor:pointer;border-radius:3px;transition:all .12s;flex-shrink:0;white-space:nowrap}.preset-add-btn:hover{background:#f5c5181a;border-color:#f5c518}.preset-editor-actions{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #1E1E35;background:#161625}.preset-save-btn{background:#f5c518;color:#000;border:none;padding:.45rem 1.2rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;font-weight:700;cursor:pointer;border-radius:3px;transition:background .12s}.preset-save-btn:hover{background:#ffd440}.preset-cancel-btn{background:none;border:1px solid #2E2E45;color:#557;padding:.45rem .9rem;font-family:DM Mono,monospace,Arial;font-size:.78rem;cursor:pointer;border-radius:3px;transition:all .1s}.preset-cancel-btn:hover{color:#ff4d6d;border-color:#ff4d6d}}@layer components{.history-controls{display:flex;gap:.4rem;align-items:center}.history-ctrl-btn{background:#161625;border:1px solid #2E2E45;color:#88a;padding:.4rem .9rem;font-family:DM Mono,monospace,Arial;font-size:.75rem;cursor:pointer;border-radius:3px;transition:all .12s;white-space:nowrap}.history-ctrl-btn:hover:not(:disabled){color:#f5c518;border-color:#f5c518}.history-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.history-ctrl-btn--redo:hover:not(:disabled){color:#00e5a0;border-color:#00e5a0}.history-ctrl-btn--clear:hover:not(:disabled){color:#ff4d6d;border-color:#ff4d6d}.history-count{font-family:DM Mono,monospace,Arial;font-size:.62rem;color:#44445a;margin-left:.4rem;letter-spacing:.5px}.history-stack{display:flex;flex-direction:column;border:1px solid #1E1E35;border-radius:4px;background:#0f0f1a;overflow:hidden;max-height:420px;overflow-y:auto}.history-stack::-webkit-scrollbar{width:4px}.history-stack::-webkit-scrollbar-track{background:transparent}.history-stack::-webkit-scrollbar-thumb{background:#1e1e35;border-radius:2px}.history-empty{font-family:DM Mono,monospace,Arial;font-size:.75rem;color:#44445a;padding:2rem 1rem;text-align:center;line-height:1.6}.history-entry{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border-bottom:1px solid #1E1E35;cursor:pointer;transition:background .1s;position:relative}.history-entry:last-child{border-bottom:none}.history-entry:hover:not(.history-entry--current){background:#161625}.history-entry--current{background:#f5c5180a;cursor:default}.history-entry--initial{opacity:.6}.history-entry__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:3px;width:12px}.history-entry__dot{width:10px;height:10px;border-radius:50%;background:#2e2e45;border:1px solid #3E3E55;flex-shrink:0;transition:background .1s}.history-entry__dot--current{background:#f5c518;border-color:#f5c518;box-shadow:0 0 6px #f5c51866}.history-entry:hover:not(.history-entry--current) .history-entry__dot{background:#4d9fff;border-color:#4d9fff}.history-entry__line{width:1px;flex:1;min-height:12px;background:#2e2e45;margin-top:3px}.history-entry__body{flex:1;min-width:0}.history-entry__desc{font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.history-entry--current .history-entry__desc{color:#f5c518}.history-entry--initial .history-entry__desc{color:#557}.history-entry__meta{font-family:DM Mono,monospace,Arial;font-size:.65rem;color:#44445a;margin-top:2px}.history-entry__badge{font-family:DM Mono,monospace,Arial;font-size:.6rem;color:#f5c518;background:#f5c5181a;border:1px solid rgba(245,197,24,.25);padding:2px 7px;border-radius:10px;flex-shrink:0;align-self:center;letter-spacing:.5px;white-space:nowrap}.history-entry__jump{background:none;border:1px solid #2E2E45;color:#557;padding:.25rem .6rem;font-family:DM Mono,monospace,Arial;font-size:.65rem;cursor:pointer;border-radius:2px;transition:all .1s;flex-shrink:0;align-self:center;opacity:0;white-space:nowrap}.history-entry:hover .history-entry__jump{opacity:1;color:#4d9fff;border-color:#4d9fff66}.history-entry__jump:hover{background:#4d9fff14!important;border-color:#4d9fff!important}@media (max-width: 480px){.history-controls{flex-wrap:wrap}.history-entry__jump{opacity:1}}}@layer components{.privacy-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#00e5a00a;border:1px solid rgba(0,229,160,.15);border-radius:6px;text-align:center}.privacy-hero__icon{font-size:2.5rem;line-height:1}.privacy-hero__title{font-family:DM Sans,Arial,sans-serif;font-size:1.1rem;font-weight:700;color:#00e5a0;letter-spacing:.5px}.privacy-hero__sub{font-family:DM Mono,monospace,Arial;font-size:.78rem;color:#557}.privacy-claims{display:flex;flex-direction:column;gap:0;border:1px solid #1E1E35;border-radius:4px;overflow:hidden}.privacy-claim{display:flex;gap:.75rem;padding:.75rem .9rem;border-bottom:1px solid #1E1E35;align-items:flex-start}.privacy-claim:last-child{border-bottom:none}.privacy-claim__icon{font-size:.9rem;flex-shrink:0;width:20px;text-align:center;padding-top:1px;font-weight:700}.privacy-claim__icon--green{color:#00e5a0}.privacy-claim__icon--red{color:#ff4d6d}.privacy-claim__body{flex:1;min-width:0}.privacy-claim__title{font-family:DM Sans,Arial,sans-serif;font-size:.85rem;font-weight:700;color:#e8e8f0;margin-bottom:.25rem}.privacy-claim__desc{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#557;line-height:1.6}.privacy-technical{background:#0f0f1a;border:1px solid #1E1E35;border-radius:4px;overflow:hidden}.privacy-technical__header{padding:.55rem .85rem;background:#161625;border-bottom:1px solid #1E1E35;font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#4d9fff;letter-spacing:.3px}.privacy-technical__body{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.6rem}.privacy-technical__body p{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#557;line-height:1.7;margin:0}.privacy-code{background:#1e1e35;border:1px solid #2E2E45;border-radius:2px;padding:1px 5px;font-family:DM Mono,monospace,Arial;font-size:.68rem;color:#f5c518}.privacy-api-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.privacy-api-list li{font-family:DM Mono,monospace,Arial;font-size:.7rem;color:#557;display:flex;align-items:baseline;gap:.5rem;line-height:1.5}.privacy-api-list li:before{content:"–";color:#2e2e45;flex-shrink:0}.privacy-footer{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:#161625;border:1px solid #1E1E35;border-radius:4px;font-family:DM Mono,monospace,Arial;font-size:.72rem;color:#557;flex-wrap:wrap}.privacy-footer__icon{font-size:1rem;flex-shrink:0}.privacy-footer__link{color:#f5c518;text-decoration:none;transition:color .1s}.privacy-footer__link:hover{color:#ffd440;text-decoration:underline}}