:root{--color-brand-50: #eef2ff;--color-brand-100: #e0e7ff;--color-brand-200: #c7d2fe;--color-brand-400: #818cf8;--color-brand-500: #6366f1;--color-brand-600: #4f46e5;--color-brand-700: #4338ca;--color-brand-900: #1e1b4b;--color-bg-base: #0d1117;--color-bg-surface: #161b22;--color-bg-elevated: #1c2128;--color-bg-overlay: #22272e;--color-bg-highlight: #2d333b;--color-bg-selection: #1f2d3d;--color-border-default: #30363d;--color-border-muted: #21262d;--color-border-subtle: #484f58;--color-border-brand: #6366f1;--color-border-dashed: #484f58;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-tertiary: #6e7681;--color-text-inverse: #0d1117;--color-text-brand: #818cf8;--color-text-on-brand: #ffffff;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-bg: #0f2318;--color-success-border: #1a4731;--color-error-500: #f85149;--color-error-600: #da3633;--color-error-bg: #2a1215;--color-error-border: #5c1e20;--color-warning-500: #f59e0b;--color-warning-bg: #2b1d0a;--color-warning-border: #5a3a10;--color-info-500: #3b82f6;--color-info-bg: #0d1b2a;--color-info-border: #1a3a5c;--badge-zip-bg: #1e3a5f;--badge-zip-color: #60a5fa;--badge-rar-bg: #3b2060;--badge-rar-color: #c084fc;--badge-7z-bg: #1a3320;--badge-7z-color: #4ade80;--badge-tgz-bg: #3a2010;--badge-tgz-color: #fb923c;--font-sans: "Inter", "PingFang SC", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--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;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-brand: 0 2px 8px rgba(99,102,241,.4);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--layout-max-width: 1280px;--layout-content-padding: 1.5rem;--layout-header-height: 3.5rem;--layout-footer-height: 3rem;--upload-zone-height: 15rem;--file-tree-item-height: 2.5rem;--sidebar-width: 22rem}[data-theme=light]{--color-bg-base: #ffffff;--color-bg-surface: #f6f8fa;--color-bg-elevated: #ffffff;--color-bg-overlay: #f0f2f5;--color-bg-highlight: #e8eaed;--color-bg-selection: #dbeafe;--color-border-default: #d0d7de;--color-border-muted: #d8dee4;--color-border-subtle: #afb8c1;--color-border-dashed: #afb8c1;--color-text-primary: #1f2328;--color-text-secondary: #656d76;--color-text-tertiary: #8b949e;--color-text-inverse: #ffffff;--color-text-brand: #4f46e5;--color-success-bg: #dcfce7;--color-success-border: #86efac;--color-error-bg: #fee2e2;--color-error-border: #fca5a5;--color-warning-bg: #fef3c7;--color-warning-border: #fcd34d;--color-info-bg: #dbeafe;--color-info-border: #93c5fd;--badge-zip-bg: #dbeafe;--badge-zip-color: #2563eb;--badge-rar-bg: #ede9fe;--badge-rar-color: #7c3aed;--badge-7z-bg: #dcfce7;--badge-7z-color: #16a34a;--badge-tgz-bg: #ffedd5;--badge-tgz-color: #ea580c;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-brand: 0 2px 8px rgba(99,102,241,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,svg{display:block}:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(calc(100% + 1.5rem))}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 1.5rem))}}@keyframes draw-check{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@keyframes progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#root,.app{display:flex;flex-direction:column;min-height:100vh}.header{height:var(--layout-header-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;padding:0 var(--space-6);position:sticky;top:0;z-index:100;flex-shrink:0}.header__inner{max-width:var(--layout-max-width);width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.header__logo-icon{width:1.75rem;height:1.75rem;color:var(--color-brand-500);flex-shrink:0}.header__logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.header__logo-text span{color:var(--color-brand-400)}.header__badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-success-500);white-space:nowrap}.header__badge-dot{width:.4rem;height:.4rem;border-radius:var(--radius-full);background:var(--color-success-500);animation:pulse-scale 2s ease-in-out infinite;flex-shrink:0}.header-dropdown{position:relative}.header-dropdown__trigger{display:flex;align-items:center;gap:var(--space-1);height:2rem;padding:0 var(--space-3);background:var(--color-bg-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.header-dropdown__trigger:hover{background:var(--color-bg-highlight);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.header-dropdown__trigger:focus-visible{outline:none;border-color:var(--color-border-brand);box-shadow:0 0 0 2px #6366f140}.header-dropdown__trigger-icon{width:1rem;height:1rem;flex-shrink:0}.header-dropdown__chevron{width:.625rem;height:.625rem;flex-shrink:0;opacity:.5;transition:transform .2s ease}.header-dropdown--open .header-dropdown__chevron{transform:rotate(180deg)}.header-dropdown__menu{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:8rem;padding:var(--space-1) 0;background:var(--color-bg-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:400;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.header-dropdown--open .header-dropdown__menu{opacity:1;transform:translateY(0);pointer-events:auto}.header-dropdown__option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background .1s ease,color .1s ease}.header-dropdown__option:hover{background:var(--color-bg-highlight);color:var(--color-text-primary)}.header-dropdown__option--active{color:var(--color-text-brand);font-weight:var(--font-medium)}.header-dropdown__option-check{width:.875rem;flex-shrink:0;text-align:center;font-size:var(--text-xs)}.preview-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in-up .2s var(--ease-spring)}.preview-modal{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.preview-modal__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-modal__size{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-normal)}.preview-modal__close{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);flex-shrink:0}.preview-modal__close:hover{color:var(--color-text-primary);background:var(--color-bg-highlight)}.preview-modal__body{overflow:auto;flex:1;min-height:0}.preview__image{display:block;max-width:100%;max-height:70vh;margin:var(--space-4) auto;border-radius:var(--radius-sm);object-fit:contain}.preview__text{margin:0;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;tab-size:4}.preview__toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-muted);font-size:var(--text-xs);color:var(--color-text-tertiary)}.preview__empty,.preview__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-sm)}.file-tree__preview{opacity:0;transition:opacity .15s}.file-tree__item:hover .file-tree__preview{opacity:1}.main{flex:1;display:flex;flex-direction:column}.main__inner{max-width:var(--layout-max-width);width:100%;margin:0 auto;padding:var(--space-8) var(--layout-content-padding);flex:1;display:flex;flex-direction:column}.footer{height:var(--layout-footer-height);background:var(--color-bg-surface);border-top:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-shrink:0;padding:0 var(--space-6)}.footer__text{font-size:var(--text-xs);color:var(--color-text-tertiary)}.footer__formats{display:flex;align-items:center;gap:var(--space-2)}.footer__privacy{font-size:var(--text-xs);color:var(--color-text-tertiary)}.footer__privacy a{color:var(--color-text-brand)}.view{animation:fade-in-up .35s var(--ease-spring) both;flex:1;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:2.5rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);transition:background-color .12s ease-out,box-shadow .12s ease-out,transform 80ms ease-out,opacity .12s ease-out,border-color .12s ease-out;white-space:nowrap;user-select:none;border:1px solid transparent;cursor:pointer}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.btn--primary{background:var(--color-brand-500);color:var(--color-text-on-brand);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--color-brand-600);box-shadow:var(--shadow-brand)}.btn--primary:active:not(:disabled){background:var(--color-brand-700)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-default)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-highlight);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.btn--danger{background:var(--color-error-500);color:#fff}.btn--danger:hover:not(:disabled){background:var(--color-error-600)}.btn--sm{height:2rem;padding:0 var(--space-3);font-size:var(--text-xs)}.btn--icon{width:2rem;height:2rem;padding:0;border-radius:var(--radius-md)}.btn__spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.format-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.format-badge--zip{background:var(--badge-zip-bg);color:var(--badge-zip-color)}.format-badge--rar{background:var(--badge-rar-bg);color:var(--badge-rar-color)}.format-badge--7z{background:var(--badge-7z-bg);color:var(--badge-7z-color)}.format-badge--tgz{background:var(--badge-tgz-bg);color:var(--badge-tgz-color)}.upload-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);flex:1}.upload-view__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.025em;text-align:center}.upload-view__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);text-align:center;margin-top:calc(-1 * var(--space-3))}.drop-zone{width:100%;max-width:640px;min-height:var(--upload-zone-height);border:2px dashed var(--color-border-dashed);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10) var(--space-8);cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out;position:relative;background:transparent;text-align:center}.drop-zone:hover{border-color:var(--color-brand-500);background:rgba(99,102,241,.04)}.drop-zone:hover .drop-zone__icon{color:var(--color-brand-400)}.drop-zone--active{border-color:var(--color-brand-500);border-style:solid;background:rgba(99,102,241,.08)}.drop-zone--active .drop-zone__icon{color:var(--color-brand-500)}.drop-zone--error{border-color:var(--color-error-500);border-style:solid;background:rgba(248,81,73,.06)}.drop-zone--error .drop-zone__icon{color:var(--color-error-500)}.drop-zone__icon{width:var(--space-16);height:var(--space-16);color:var(--color-text-tertiary);transition:color .15s ease-out}.drop-zone__title{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-medium)}.drop-zone__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.drop-zone__formats{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.drop-zone__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.drop-zone__file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.memory-warning{width:100%;max-width:640px;padding:var(--space-3) var(--space-4);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-warning-500)}.progress-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);flex:1;padding:var(--space-8) 0}.progress-card{width:100%;max-width:560px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.progress-card__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.progress-card__spinner{width:3rem;height:3rem;border:3px solid var(--color-bg-elevated);border-top-color:var(--color-brand-500);border-radius:50%;animation:spin .8s linear infinite}.progress-card__spinner--success{border-color:var(--color-success-500);animation:none}.progress-card__spinner--error{border-color:var(--color-error-500);animation:none}.progress-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.progress-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.progress-bar__track{width:100%;height:.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-brand-500),var(--color-brand-400));transition:width .3s ease-out;position:relative;overflow:hidden}.progress-bar__fill:after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 1.8s ease-in-out infinite}.progress-bar__fill--success{background:linear-gradient(90deg,var(--color-success-500),var(--color-success-600));transition:background .3s ease-out,width .3s ease-out}.progress-bar__fill--success:after{display:none}.progress-bar__fill--error{background:var(--color-error-500);transition:background .2s ease-out}.progress-bar__fill--error:after{display:none}.progress-bar__fill--indeterminate{width:35%!important;animation:progress-indeterminate 1.8s cubic-bezier(.65,.815,.735,.395) infinite;position:absolute;top:0;left:0;height:100%}.progress-bar__meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-tertiary);min-height:1.5em;align-items:center;gap:var(--space-3)}.progress-bar__meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.progress-bar__meta>span:last-child{flex-shrink:0}.result-view{display:flex;flex-direction:column;gap:var(--space-6);flex:1}.result-layout{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-6);align-items:start}.file-tree-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);overflow:hidden}.file-tree-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-elevated)}.file-tree-panel__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.file-tree-panel__count{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-overlay);padding:.1rem .4rem;border-radius:var(--radius-full)}.file-tree-panel__actions{display:flex;align-items:center;gap:var(--space-2)}.file-tree-panel__select-all{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color .1s ease}.file-tree-panel__select-all:hover{background:var(--color-bg-highlight);color:var(--color-text-primary)}.file-tree-panel__body{overflow-y:auto;max-height:60vh}.file-tree{padding:var(--space-2) 0}.file-tree__item{display:flex;align-items:center;height:var(--file-tree-item-height);padding:0 var(--space-4);cursor:pointer;transition:background-color .1s ease;gap:var(--space-2);position:relative}.file-tree__item:hover{background:var(--color-bg-highlight)}.file-tree__item--selected{background:var(--color-bg-selection)}.file-tree__item--dir{font-weight:var(--font-medium)}.file-tree__indent{flex-shrink:0}.file-tree__toggle{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s ease-in-out}.file-tree__toggle--expanded{transform:rotate(90deg)}.file-tree__toggle--leaf{width:1rem;flex-shrink:0}.file-tree__checkbox{width:1.125rem;height:1.125rem;border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:transparent;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease;cursor:pointer}.file-tree__checkbox--checked,.file-tree__checkbox--indeterminate{background:var(--color-brand-500);border-color:var(--color-brand-500)}.file-tree__file-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--color-text-tertiary)}.file-tree__file-icon--dir{color:var(--color-brand-400)}.file-tree__name{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-tree__size{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);width:4.5rem;text-align:right;flex-shrink:0}.file-tree__download{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-tertiary);opacity:0;transition:opacity .12s ease,background-color .12s ease,color .12s ease;flex-shrink:0;cursor:pointer}.file-tree__item:hover .file-tree__download{opacity:1}.file-tree__download:hover{background:var(--color-bg-overlay);color:var(--color-brand-400)}.action-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:calc(var(--layout-header-height) + var(--space-4))}.action-panel__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-default)}.action-panel__section{display:flex;flex-direction:column;gap:var(--space-3)}.action-panel__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.action-panel__info{font-size:var(--text-xs);color:var(--color-text-tertiary)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;height:2.25rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);padding:0 var(--space-3);font-size:var(--text-sm);transition:border-color .12s ease-out}.form-input:focus{outline:none;border-color:var(--color-border-brand)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-select{width:100%;height:2.25rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);padding:0 var(--space-3);font-size:var(--text-sm);cursor:pointer;transition:border-color .12s ease-out;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.form-select:focus{outline:none;border-color:var(--color-border-brand)}.compress-view{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);flex:1;padding:var(--space-4) 0}.compress-card{width:100%;max-width:560px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);overflow:hidden}.compress-card__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-elevated)}.compress-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.compress-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.compress-card__body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.file-list{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;max-height:15rem;overflow-y:auto}.file-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-muted);font-size:var(--text-sm);transition:background-color .1s ease}.file-list__item:last-child{border-bottom:none}.file-list__item:hover{background:var(--color-bg-highlight)}.file-list__icon{width:1rem;height:1rem;color:var(--color-text-tertiary);flex-shrink:0}.file-list__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.file-list__size{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);flex-shrink:0}.file-list__remove{opacity:0;color:var(--color-text-tertiary);transition:opacity .12s ease;cursor:pointer;display:flex;align-items:center}.file-list__item:hover .file-list__remove{opacity:1}.done-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);flex:1;text-align:center;padding:var(--space-8) 0}.result-icon{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scale-in .5s var(--ease-bounce) both}.result-icon--success{background:var(--color-success-bg);border:2px solid var(--color-success-border)}.result-icon--error{background:var(--color-error-bg);border:2px solid var(--color-error-border)}.check-path{stroke:var(--color-success-500);stroke-dasharray:40;stroke-dashoffset:40;animation:draw-check .5s .3s ease-out forwards}.done-view__title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.025em}.done-view__title--success{color:var(--color-success-500)}.done-view__title--error{color:var(--color-error-500)}.done-view__message{font-size:var(--text-base);color:var(--color-text-secondary);max-width:32rem}.done-view__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.error-detail{width:100%;max-width:32rem;background:var(--color-bg-surface);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);overflow:hidden}.error-detail__toggle{width:100%;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background-color .12s ease}.error-detail__toggle:hover{background:var(--color-bg-elevated)}.error-detail__arrow{transition:transform .2s ease-in-out;flex-shrink:0}.error-detail__arrow--expanded{transform:rotate(90deg)}.error-detail__body{max-height:0;overflow:hidden;transition:max-height .2s ease-in-out}.error-detail__body--expanded{max-height:20rem}.error-detail__code{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-error-500);background:var(--color-error-bg);overflow:auto;border-top:1px solid var(--color-error-border)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid;max-width:22rem;box-shadow:var(--shadow-lg);animation:toast-in .3s var(--ease-spring) both;pointer-events:all;background:var(--color-bg-elevated)}.toast--dismissing{animation:toast-out .2s ease-in forwards}.toast--success{border-color:var(--color-success-border);background:var(--color-success-bg)}.toast--error{border-color:var(--color-error-border);background:var(--color-error-bg)}.toast--warning{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.toast--info{border-color:var(--color-info-border);background:var(--color-info-bg)}.toast__icon{width:1rem;height:1rem;flex-shrink:0;margin-top:.1rem}.toast--success .toast__icon{color:var(--color-success-500)}.toast--error .toast__icon{color:var(--color-error-500)}.toast--warning .toast__icon{color:var(--color-warning-500)}.toast--info .toast__icon{color:var(--color-info-500)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.toast__message{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:var(--leading-relaxed)}.toast__close{flex-shrink:0;color:var(--color-text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);transition:color .12s ease;display:flex;cursor:pointer}.toast__close:hover{color:var(--color-text-primary)}.unsupported-notice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-warning-500);width:100%;max-width:560px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.divider{height:1px;background:var(--color-border-default);width:100%}@media (max-width: 768px){.main__inner{padding:var(--space-5) var(--space-4)}.result-layout{grid-template-columns:1fr}.action-panel{position:static}.footer{flex-direction:column;gap:var(--space-1);height:auto;padding:var(--space-3) var(--space-4)}.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{max-width:100%}.done-view__actions{flex-direction:column;width:100%;max-width:20rem}.done-view__actions .btn{width:100%;justify-content:center}.drop-zone__actions{flex-direction:column;width:100%}.drop-zone__actions .btn{width:100%}}.header__nav{display:flex;gap:var(--space-1);background:var(--color-bg-elevated);border-radius:var(--radius-md);padding:.2rem}.header__nav-link{padding:.4rem 1rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .15s ease}.header__nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-highlight)}.header__nav-link--active{color:var(--color-text-primary);background:var(--color-brand-600)}.tools-listing{max-width:64rem;margin:0 auto;padding:var(--space-6) var(--space-4)}.tools-listing__header{text-align:center;margin-bottom:var(--space-8)}.tools-listing__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.tools-listing__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.tools-listing__category{margin-bottom:var(--space-6)}.tools-listing__cat-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-muted)}.tools-listing__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-3)}.tool-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);text-decoration:none;transition:all .15s ease;cursor:pointer}.tool-card:hover{border-color:var(--color-brand-500);background:var(--color-bg-elevated);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.tool-card__icon{font-size:1.5rem;flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-highlight);border-radius:var(--radius-md)}.tool-card__info{min-width:0}.tool-card__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card__desc{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.tool-page{max-width:56rem;margin:0 auto;padding:var(--space-4)}.tool-page__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.tool-page__back{background:none;border:1px solid var(--color-border-default);color:var(--color-text-secondary);padding:.4rem .8rem;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.tool-page__back:hover{color:var(--color-text-primary);border-color:var(--color-brand-500)}.tool-page__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);flex:1}.tool-page__icon{font-size:1.3rem}.tool-page__privacy{font-size:var(--text-xs);color:var(--color-success-500);background:rgba(52,211,153,.1);padding:.25rem .6rem;border-radius:var(--radius-full)}.tool-page__body{min-height:20rem}.tool-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-text-tertiary)}.tool-page__error{text-align:center;padding:var(--space-8);color:var(--color-danger-400)}.tool__section{margin-bottom:var(--space-4)}.tool__label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.tool__container{display:flex;flex-direction:column}.tool__container--stack{gap:var(--space-4)}.tool__container--split{display:flex;flex-direction:row;gap:var(--space-4);align-items:stretch}.tool__container--split>.tool__panel{flex:1;min-width:0}.tool__panel{display:flex;flex-direction:column;gap:var(--space-2)}.tool__panel-header{display:flex;align-items:center;justify-content:space-between;min-height:2rem}.tool__panel-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.tool__actions--vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);flex-shrink:0;padding:var(--space-2) 0}.tool__actions-arrow{font-size:var(--text-xl);color:var(--color-text-tertiary);line-height:1}.tool__panel .tool__input,.tool__panel .tool__output{flex:1;min-height:10rem;resize:vertical}.tool__tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border-muted);padding-bottom:var(--space-1)}.tool__tab{padding:var(--space-2) var(--space-3);border:none;border-bottom:2px solid transparent;background:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);cursor:pointer;transition:color .15s ease,border-color .15s ease}.tool__tab:hover{color:var(--color-text-primary)}.tool__tab--active{color:var(--color-text-brand);border-bottom-color:var(--color-brand-500)}.tool__textarea{width:100%;min-height:10rem;padding:var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;line-height:1.5}.tool__textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 2px #6366f133}.tool__textarea--sm{min-height:6rem}.tool__input{width:100%;padding:.6rem var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm)}.tool__input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 2px #6366f133}.tool__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.tool__btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-primary);transition:all .15s ease}.tool__btn:hover{background:var(--color-bg-highlight);border-color:var(--color-border-subtle)}.tool__btn--primary{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff}.tool__btn--primary:hover{background:var(--color-brand-700)}.tool__btn--active{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff}.tool__output{padding:var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all;min-height:4rem;line-height:1.5;overflow:auto;max-height:24rem}.tool__row{display:flex;gap:var(--space-3);align-items:flex-start}.tool__row>*{flex:1}.tool__select{padding:.5rem var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm)}.tool__select:focus{outline:none;border-color:var(--color-brand-500)}.tool__copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);padding:.3rem .6rem;font-size:var(--text-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer}.tool__copy-btn:hover{color:var(--color-text-primary);border-color:var(--color-brand-500)}.tool__output-wrap{position:relative}.tool__info{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.tool__error{color:var(--color-danger-400);font-size:var(--text-sm);margin-top:var(--space-2)}.tool__success{color:var(--color-success-500);font-size:var(--text-sm);margin-top:var(--space-2)}.tool__diff-line--add{background:rgba(52,211,153,.1);color:var(--color-success-500)}.tool__diff-line--remove{background:rgba(248,113,113,.1);color:var(--color-danger-400)}.tool__color-preview{width:100%;height:4rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default);margin-bottom:var(--space-3)}.tool__match{background:rgba(99,102,241,.25);border-radius:2px;padding:0 1px}.tool__preview-html{padding:var(--space-4);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);line-height:1.6;min-height:10rem;overflow:auto;max-height:30rem}.tool__preview-html h1,.tool__preview-html h2,.tool__preview-html h3{color:var(--color-text-primary);margin:1em 0 .5em}.tool__preview-html code{background:var(--color-bg-elevated);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em}.tool__preview-html pre{background:var(--color-bg-elevated);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto}.tool__preview-html a{color:var(--color-brand-400)}.tool__preview-html blockquote{border-left:3px solid var(--color-brand-500);padding-left:var(--space-3);margin-left:0;color:var(--color-text-secondary)}.tool__qr-canvas{display:flex;justify-content:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-md)}.tool__jwt-section{margin-bottom:var(--space-3)}.tool__jwt-label{font-size:var(--text-xs);font-weight:600;color:var(--color-brand-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.tool__image-preview{max-width:100%;max-height:20rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.tool__strength-bar{height:4px;border-radius:2px;background:var(--color-bg-highlight);margin-top:var(--space-2);overflow:hidden}.tool__strength-fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s ease}.tool__hash-grid{display:grid;gap:var(--space-3)}.tool__hash-item{padding:var(--space-2) var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.tool__hash-algo{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:var(--space-1)}.tool__hash-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);word-break:break-all;line-height:1.4}.tool__card{padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg)}.tool__card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.tool__status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-2)}.tool__status--valid{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-500)}.tool__status--invalid{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-500)}.tool__status-icon{flex-shrink:0;font-weight:var(--font-bold)}.tool__status-text{word-break:break-word}.tool__input--mono,.tool__output--mono{font-family:var(--font-mono)}.tool__input--inline{flex:1;min-width:0}.tool__input--number{width:5rem;padding:var(--space-1) var(--space-2);text-align:center}.tool__loading-badge{font-size:var(--text-xs);color:var(--color-text-tertiary);animation:pulse-scale 1.5s ease-in-out infinite}.tool__now-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tool__now-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);flex:1;min-width:12rem}.tool__now-item--wide{flex-basis:100%}.tool__now-label{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.tool__now-value{font-size:var(--text-sm);color:var(--color-text-primary)}.tool__now-value--mono{font-family:var(--font-mono)}.tool__result-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.tool__result-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.tool__result-row--meta{font-size:var(--text-xs);color:var(--color-text-tertiary);background:transparent;border:none;padding:var(--space-1) var(--space-3)}.tool__result-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);white-space:nowrap;min-width:5rem}.tool__result-value{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all;min-width:0}.tool__result-value--mono{font-family:var(--font-mono)}.tool__config-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-4)}.tool__config-item{display:flex;flex-direction:column;gap:var(--space-1)}.tool__config-item--checkbox{flex-direction:row;align-items:center;gap:var(--space-2);cursor:pointer}.tool__config-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.tool__checkbox{width:1rem;height:1rem;accent-color:var(--color-brand-500);cursor:pointer}.tool__btn-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.tool__uuid-list{display:flex;flex-direction:column;gap:var(--space-1)}.tool__uuid-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.tool__uuid-value{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all;min-width:0}.tool__uuid-value--mono{font-family:var(--font-mono)}.tool__hash-list{display:flex;flex-direction:column;gap:var(--space-2)}.tool__hash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.tool__hash-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.tool__hash-value--mono{font-family:var(--font-mono)}.tool__hash-value--empty{color:var(--color-text-tertiary);font-style:italic}.tool__flags-row{display:flex;gap:var(--space-2);align-items:center}.tool__flag-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tool__flag-btn:hover{background:var(--color-bg-highlight)}.tool__flag-btn--active{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff}.tool__pwd-list{display:flex;flex-direction:column}.tool__pwd-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-muted)}.tool__pwd-item:last-child{border-bottom:none}.tool__pwd-value{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;color:var(--color-text-primary);min-width:0}@media (max-width: 640px){.tools-listing__grid{grid-template-columns:1fr}.tool__row,.tool__container--split{flex-direction:column}.tool__actions--vertical{flex-direction:row;padding:0}.tool__actions-arrow{transform:rotate(90deg)}.tool-page__header{flex-direction:column;align-items:flex-start}.header__nav{display:none}}:root{--sidebar-tool-width: 15rem;--sidebar-item-height: 2.5rem;--sidebar-indicator-width: .1875rem;--sidebar-search-height: 2.25rem;--workspace-transition: .12s ease-in-out;--overlay-bg: rgba(13, 17, 23, .72);--sidebar-z: 200;--overlay-z: 199;--header-z: 300}[data-theme=light]{--overlay-bg: rgba(0, 0, 0, .32);--sidebar-z: 200;--overlay-z: 199;--header-z: 300}.app-shell{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans)}.app-shell__header{position:fixed;inset-block-start:0;inset-inline:0;height:var(--layout-header-height);z-index:var(--header-z);display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-4);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border-muted);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-shell__body{display:flex;flex:1;padding-top:var(--layout-header-height);min-height:0}.sidebar{position:fixed;inset-block:var(--layout-header-height) 0;inset-inline-start:0;width:var(--sidebar-tool-width);z-index:var(--sidebar-z);display:flex;flex-direction:column;background-color:var(--color-bg-surface);border-right:1px solid var(--color-border-muted);overflow:hidden;transform:translate(0);transition:transform .28s var(--ease-spring),box-shadow .28s var(--ease-spring);will-change:transform}.sidebar--closed{transform:translate(-100%);box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar__search{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-3) var(--space-2);padding-inline:var(--space-3);height:var(--sidebar-search-height);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color .16s ease,box-shadow .16s ease}.sidebar__search:focus-within{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #6366f12e}.sidebar__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-tertiary);pointer-events:none}.sidebar__search-input{flex:1;min-width:0;background:none;border:none;outline:none;font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-normal)}.sidebar__search-input::placeholder{color:var(--color-text-tertiary)}.sidebar__scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-block:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.sidebar__scroll::-webkit-scrollbar{width:4px}.sidebar__scroll::-webkit-scrollbar-track{background:transparent}.sidebar__scroll::-webkit-scrollbar-thumb{background-color:var(--color-border-default);border-radius:var(--radius-full)}.sidebar__group{margin-bottom:var(--space-2)}.sidebar__group+.sidebar__group{border-top:1px solid var(--color-border-muted);padding-top:var(--space-2)}.sidebar__group-title{display:block;padding-inline:var(--space-4);padding-block:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);user-select:none}.sidebar__item{position:relative;display:flex;align-items:center;gap:var(--space-3);height:var(--sidebar-item-height);padding-inline:var(--space-4);margin-inline:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-normal);background-color:transparent;border:none;width:calc(100% - var(--space-4));text-align:left;transition:background-color .12s ease,color .12s ease;padding-left:calc(var(--space-4) + var(--sidebar-indicator-width));box-shadow:inset var(--sidebar-indicator-width) 0 0 0 transparent;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.sidebar__item:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar__item--active{background-color:var(--color-bg-overlay);color:var(--color-text-primary);font-weight:var(--font-medium);box-shadow:inset var(--sidebar-indicator-width) 0 0 0 var(--color-brand-500)}.sidebar__item--active:hover{background-color:var(--color-bg-highlight)}.sidebar__item:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:-2px}.sidebar__item--featured{color:var(--color-text-brand);background-color:#6366f10f}.sidebar__item--featured:hover{background-color:#6366f124;color:var(--color-brand-400)}.sidebar__item--featured.sidebar__item--active{background-color:#6366f12e;color:var(--color-brand-400);box-shadow:inset var(--sidebar-indicator-width) 0 0 0 var(--color-brand-500)}.sidebar__icon{flex-shrink:0;width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center;color:inherit;transition:color .12s ease}.sidebar__item--featured .sidebar__icon{width:1.25rem;height:1.25rem}.sidebar__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--leading-tight)}.sidebar__name mark{background:none;color:var(--color-text-primary);font-weight:var(--font-bold)}.sidebar__overlay{display:none;position:fixed;inset:0;z-index:var(--overlay-z);background-color:var(--overlay-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .28s ease;cursor:default;pointer-events:none}.sidebar__overlay--visible{display:block;opacity:1;pointer-events:auto}.sidebar__toggle{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:background-color .12s ease,color .12s ease}.sidebar__toggle:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar__toggle:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:2px}.sidebar__toggle-icon{display:flex;flex-direction:column;justify-content:space-between;width:1.125rem;height:.875rem;pointer-events:none}.sidebar__toggle-icon span{display:block;height:2px;width:100%;background-color:currentColor;border-radius:var(--radius-full);transition:transform .24s var(--ease-spring),opacity .2s ease,width .24s ease;transform-origin:center}.sidebar__toggle--open .sidebar__toggle-icon span:nth-child(1){transform:translateY(.375rem) rotate(45deg)}.sidebar__toggle--open .sidebar__toggle-icon span:nth-child(2){opacity:0;width:0}.sidebar__toggle--open .sidebar__toggle-icon span:nth-child(3){transform:translateY(-.375rem) rotate(-45deg)}.workspace{flex:1;margin-left:var(--sidebar-tool-width);min-height:0;display:flex;flex-direction:column;background-color:var(--color-bg-base);overflow:auto;position:relative}.workspace__panel{flex:1;padding:var(--space-6) var(--layout-content-padding)}@keyframes workspace-fade-in{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.375rem)}}.workspace__fade-enter{animation:workspace-fade-in var(--workspace-transition) forwards}.workspace__fade-leave{animation:workspace-fade-out var(--workspace-transition) forwards;pointer-events:none;position:absolute;inset:0}.workspace__footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-4) var(--space-2);border-top:1px solid var(--color-border-muted)}.workspace__footer-links{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.workspace__footer-link{font-size:var(--text-xs);color:var(--color-text-tertiary);text-decoration:none;transition:color .15s ease}.workspace__footer-link:hover{color:var(--color-text-brand)}.workspace__footer-sep{color:var(--color-text-tertiary);font-size:var(--text-xs)}.workspace__footer-copy{font-size:var(--text-xs);color:var(--color-text-tertiary)}.legal-page{max-width:48rem;margin:0 auto}.legal-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.legal-page__updated{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.legal-page__section{margin-bottom:var(--space-6)}.legal-page__heading{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.legal-page__text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.legal-page__contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4);margin:var(--space-6) 0}.legal-page__contact-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);text-align:center}.legal-page__contact-icon{font-size:var(--text-2xl)}.legal-page__contact-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.legal-page__contact-value{font-size:var(--text-sm);color:var(--color-text-brand);text-decoration:none;word-break:break-all}.legal-page__contact-value:hover{text-decoration:underline}.workspace__ad{flex-shrink:0;display:flex;justify-content:center;padding:var(--space-4);border-top:1px solid var(--color-border-muted);background:var(--color-bg-surface);min-height:90px}.sidebar__ad{flex-shrink:0;padding:var(--space-3);border-top:1px solid var(--color-border-muted);margin-top:auto;display:flex;justify-content:center}@media (max-width: 47.9375rem){.sidebar__toggle{display:flex}.sidebar{transform:translate(-100%);box-shadow:none;top:var(--layout-header-height);bottom:0}.sidebar--open{transform:translate(0);box-shadow:var(--shadow-lg)}.workspace{margin-left:0;width:100%}.workspace__panel{padding:var(--space-4) var(--space-4)}.sidebar__ad{display:none}.workspace__ad{min-height:100px}}@media (min-width: 48rem) and (max-width: 63.9375rem){:root{--sidebar-tool-width: 13rem}.sidebar__toggle{display:none}.sidebar{transform:translate(0)}.workspace{margin-left:var(--sidebar-tool-width)}}@media (min-width: 64rem){.sidebar__toggle{display:none}.sidebar{transform:translate(0)}.workspace{margin-left:var(--sidebar-tool-width)}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar__overlay,.sidebar__item{transition:none}.workspace__fade-enter,.workspace__fade-leave{animation:none;opacity:1;transform:none}.sidebar__toggle-icon span{transition:none}}@media (forced-colors: active){.sidebar__item--active{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.sidebar__search{border-color:ButtonBorder}}.sidebar__empty{padding:var(--space-6) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.sidebar__item[aria-disabled=true],.sidebar__item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@keyframes sidebar-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sidebar__item--skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 25%,var(--color-bg-overlay) 50%,var(--color-bg-elevated) 75%);background-size:200% 100%;animation:sidebar-shimmer 1.4s ease infinite;pointer-events:none;border-radius:var(--radius-md);height:var(--sidebar-item-height);margin-inline:var(--space-2);margin-block:var(--space-1)}