:root{--color-bg: #09090b;--color-bg-raised: #141418;--color-bg-input: #1e1e24;--color-surface: #1a1a20;--color-border: #27272a;--color-border-hover: #3f3f46;--color-text: #e4e4e7;--color-text-muted: #a1a1aa;--color-text-heading: #fafafa;--color-primary: #818cf8;--color-primary-hover: #a5b4fc;--color-primary-bg: rgba(129, 140, 248, .08);--color-primary-glow: rgba(129, 140, 248, .15);--color-success: #34d399;--color-error: #f87171;--color-warning: #fbbf24;--color-white: #fff;--color-danger: #8a1a1a;--color-danger-hover: #a02020;--color-diff-add: #4caf50;--color-diff-add-bg: rgba(76, 175, 80, .08);--color-diff-add-highlight: rgba(76, 175, 80, .35);--color-diff-remove: #f44336;--color-diff-remove-bg: rgba(244, 67, 54, .08);--color-diff-remove-highlight: rgba(244, 67, 54, .35);--color-cat-image-bg: rgba(129, 140, 248, .1);--color-cat-image-glow: rgba(129, 140, 248, .12);--color-cat-pdf-bg: rgba(244, 114, 182, .1);--color-cat-pdf-glow: rgba(244, 114, 182, .1);--color-cat-tools-bg: rgba(52, 211, 153, .1);--color-cat-tools-glow: rgba(52, 211, 153, .1);--color-checkerboard: #2a2a2e;--color-overlay-dim: rgba(0, 0, 0, .5);--color-overlay-border: #ffffff;--color-overlay-grid: rgba(255, 255, 255, .3);--color-overlay-handle: #ffffff;--color-overlay-handle-border: rgba(0, 0, 0, .5);--color-overlay-region: rgba(129, 140, 248, .6);--color-confidence-high-bg: rgba(52, 211, 153, .12);--color-confidence-mid-bg: rgba(251, 191, 36, .12);--color-confidence-low-bg: rgba(248, 113, 113, .12);--color-primary-shadow: rgba(129, 140, 248, .3);--color-primary-subtle: rgba(129, 140, 248, .06);--color-glass: rgba(255, 255, 255, .02);--color-glass-border: rgba(255, 255, 255, .05);--color-glass-hover: rgba(255, 255, 255, .045);--color-glass-border-hover: rgba(255, 255, 255, .1);--color-glass-ring: rgba(255, 255, 255, .06);--color-cat-image: #818cf8;--color-cat-pdf: #f472b6;--color-cat-tools: #34d399;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 0 0 1px var(--color-border);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4), 0 0 0 1px var(--color-primary);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;--font-signature: "Georgia", "Times New Roman", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--transition-fast: .15s ease;--transition-normal: .2s ease;--z-nav: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--focus-ring: 0 0 0 2px var(--color-primary);--max-width: 960px;--nav-height: 56px;--radius: 8px;--radius-sm: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.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}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}:focus-visible{outline:none;box-shadow:var(--focus-ring)}#app{min-height:100dvh;display:flex;flex-direction:column}.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:var(--font-size-base);font-family:var(--font-family);color-scheme:dark;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}select.input-field{padding-right:var(--space-xl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;background-size:12px 8px;cursor:pointer}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.field-label{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.toggle-group{display:flex}.toggle-group__btn{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.toggle-group__btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.toggle-group__btn+.toggle-group__btn{margin-left:-1px}.toggle-group__btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.toggle-group__btn--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);position:relative;z-index:1}.toggle-group__btn:hover:not(.toggle-group__btn--active){border-color:var(--color-border-hover);color:var(--color-text)}.alert-box{padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);border:1px solid}.alert-box--error{background:#ef53501a;border-color:#ef53504d;color:var(--color-error)}.alert-box--warning{background:#ff98001a;border-color:#ff98004d;color:var(--color-warning)}.alert-box--success{background:#4caf501a;border-color:#4caf504d;color:var(--color-success)}.options-section{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}#nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#09090bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:var(--z-nav);display:flex;align-items:center;padding:0 var(--space-lg)}#page{flex:1;padding-top:calc(var(--nav-height) + var(--space-xl));max-width:var(--max-width);margin:0 auto;width:100%;padding-left:var(--space-lg);padding-right:var(--space-lg);padding-bottom:var(--space-2xl)}h1{font-size:var(--font-size-2xl);color:var(--color-text-heading);font-weight:700;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.page-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--color-primary-bg);color:var(--color-primary);line-height:0;flex-shrink:0;margin-right:var(--space-sm)}.page-icon svg{width:20px;height:20px}h2{font-size:var(--font-size-xl);color:var(--color-text-heading);font-weight:600;margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.btn:hover{background:var(--color-bg-input);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:transparent;font-weight:600;box-shadow:0 1px 3px var(--color-primary-shadow)}.btn-primary:hover{background:var(--color-primary-hover);border-color:transparent;box-shadow:0 4px 12px var(--color-primary-shadow)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);line-height:1.2}.btn--danger{color:var(--color-error);border-color:#ef53504d}.btn--danger:hover{background:#ef53501a;border-color:var(--color-error)}.home-hero{padding:3rem 0 1.5rem;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(129,140,248,.07) 0%,rgba(129,140,248,.02) 40%,transparent 70%);pointer-events:none;z-index:-1}.home-hero h1{font-size:2.75rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.035em;color:var(--color-text-heading);line-height:1.1}.home-hero__subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg);max-width:540px;line-height:1.6;margin-bottom:1.25rem}.home-hero__trust{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.home-hero__trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-success)}.home-hero__trust-badge svg{width:13px;height:13px;flex-shrink:0}.home-hero__trust-sep{width:3px;height:3px;border-radius:50%;background:var(--color-border-hover);flex-shrink:0}.home-search__empty{text-align:center;color:var(--color-text-muted);margin-top:var(--space-xl)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-md)}.tool-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--space-md);padding:var(--space-lg);background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:12px;color:var(--color-text);text-decoration:none;transition:all .18s ease}.tool-card:hover{background:var(--color-glass-hover);border-color:var(--color-glass-border-hover);box-shadow:0 4px 24px -4px var(--card-glow, rgba(129, 140, 248, .12)),0 0 0 1px var(--color-glass-ring);transform:translateY(-1px)}.tool-card:hover .tool-card__title{color:var(--icon-color, var(--color-primary))}.tool-card__icon{grid-row:1 / -1;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--icon-bg, var(--color-primary-bg));color:var(--icon-color, var(--color-primary));line-height:0;align-self:center}.tool-card__icon svg{width:20px;height:20px}.tool-card__title{grid-column:2;grid-row:1;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-heading);transition:color .18s ease;align-self:end;line-height:1.3}.tool-card__desc{grid-column:2;grid-row:2;color:var(--color-text-muted);font-size:12px;line-height:1.5;align-self:start}.format-badge{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);font-family:var(--font-family);height:38px;box-sizing:border-box}.convert-arrow{color:var(--color-text-muted);font-size:var(--font-size-lg)}.format-picker select{cursor:pointer}.quality-slider{display:flex;flex-direction:column;gap:var(--space-xs);max-width:320px}.quality-slider__label{display:flex;align-items:center;gap:var(--space-md);white-space:nowrap}.quality-slider__value{color:var(--color-text-heading);font-weight:600}.quality-slider__input{flex:1;min-width:120px;accent-color:var(--color-primary);cursor:pointer}.compress-note{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.compress-mode,.compress-panel{width:100%}.target-size__row{display:flex;gap:var(--space-sm);align-items:center}.target-size__input{width:120px;padding:var(--space-xs) var(--space-sm)}.target-size__unit{padding:var(--space-xs) var(--space-sm)}.target-size__hint{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.convert-options,.compress-options{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.convert-result{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius)}.result-comparison{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-lg)}.result-before,.result-after{display:flex;flex-direction:column;gap:var(--space-xs)}.result-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.result-name{color:var(--color-text);font-size:var(--font-size-base);word-break:break-all}.result-size{color:var(--color-text-heading);font-size:var(--font-size-lg);font-weight:600}.result-arrow{color:var(--color-text-muted);font-size:var(--font-size-lg)}.result-pct{font-size:var(--font-size-sm);font-weight:600;color:var(--color-success)}.result-pct--larger{color:var(--color-warning)}.result-pct--same{color:var(--color-text-muted)}.not-found{text-align:center;padding:var(--space-2xl) 0}.not-found p{color:var(--color-text-muted);margin-top:var(--space-sm)}.password-input{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;max-width:360px}.password-input__field{display:flex;gap:var(--space-xs)}.password-input__input{flex:1}.password-input__input::placeholder{color:var(--color-text-muted)}.password-input__toggle{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);white-space:nowrap}.password-mismatch-error{color:var(--color-error);font-size:var(--font-size-sm)}.result-info{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.image-list,.file-list{display:flex;flex-direction:column;gap:var(--space-xs)}.image-list__row,.file-list__row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.image-list__index,.file-list__index{color:var(--color-text-muted);font-size:var(--font-size-sm);min-width:1.5em;text-align:center}.image-list__info,.file-list__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.image-list__name,.file-list__name{color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-list__meta,.file-list__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.image-list__actions,.file-list__actions{display:flex;gap:var(--space-xs)}.image-list__btn,.file-list__btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);line-height:1}.image-list__btn--remove,.file-list__btn--remove{color:var(--color-error)}.file-preview-bar{display:flex;align-items:center;gap:0;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.file-preview-bar__select-all{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-right:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0}.file-preview-bar__select-all input[type=checkbox]{accent-color:var(--color-primary)}.file-preview-bar__tabs{display:flex;overflow-x:auto;flex:1;scrollbar-width:none}.file-preview-bar__tabs::-webkit-scrollbar{display:none}.file-preview-bar__tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-right:1px solid var(--color-border);cursor:pointer;position:relative;white-space:nowrap;flex-shrink:0;transition:background .15s}.file-preview-bar__tab:hover{background:var(--color-bg-input)}.file-preview-bar__tab--active{background:var(--color-primary-bg);border-bottom:2px solid var(--color-primary)}.file-preview-bar__tab--all-selected{background:var(--color-primary-subtle)}.file-preview-bar__tab--done:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-success)}.file-preview-bar__tab--error:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-error)}.file-preview-bar__tab--dragover{border-left:2px solid var(--color-primary)}.file-preview-bar__tab--dragging{opacity:.4}.file-preview-bar__thumb{width:36px;height:36px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-bg-input);display:flex;align-items:center;justify-content:center}.file-preview-bar__thumb img{width:100%;height:100%;object-fit:cover}.file-preview-bar__thumb-icon{color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.file-preview-bar__thumb-loading{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:file-preview-bar-spin .6s linear infinite}@keyframes file-preview-bar-spin{to{transform:rotate(360deg)}}.file-preview-bar__info{display:flex;flex-direction:column;gap:1px;min-width:0}.file-preview-bar__name{font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis}.file-preview-bar__size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-preview-bar__badge{font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.file-preview-bar__badge--done{color:var(--color-success)}.file-preview-bar__badge--error{color:var(--color-error)}.file-preview-bar__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:2px 4px;border-radius:var(--radius-sm);opacity:0;transition:opacity .15s,color .15s;flex-shrink:0;line-height:1}.file-preview-bar__tab:hover .file-preview-bar__close{opacity:1}.file-preview-bar__close:hover{color:var(--color-error);background:#ef53501a}@media(max-width:768px){.file-preview-bar__close{opacity:1}.file-preview-bar__name{max-width:80px}}.file-preview-bar__wrapper{margin-bottom:var(--space-md)}.file-preview-bar__drag-handle{color:var(--color-text-muted);font-size:var(--font-size-base);cursor:grab;flex-shrink:0;line-height:1;user-select:none;opacity:.5;transition:opacity .15s}.file-preview-bar__tab:hover .file-preview-bar__drag-handle{opacity:1}.file-preview-bar__drag-hint{font-size:var(--font-size-xs, .7rem);color:var(--color-text-muted);text-align:center;margin:var(--space-xs) 0 0;opacity:.7}.batch-results{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius)}.batch-results__summary{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.batch-results__count{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-heading)}.batch-results__fail-count{font-size:var(--font-size-sm);color:var(--color-error)}.batch-results__list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.batch-results__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.batch-results__item--error{border-color:var(--color-error)}.batch-results__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.batch-results__item-name{color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-results__item-size{color:var(--color-text-muted);font-size:var(--font-size-sm)}.batch-results__pct{font-weight:600}.batch-results__pct--smaller{color:var(--color-success)}.batch-results__pct--larger{color:var(--color-error)}.batch-results__item-error{color:var(--color-error);font-size:var(--font-size-sm)}.batch-results__actions{display:flex;gap:var(--space-sm)}.batch-results__thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.batch-results__thumb-pdf{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-bg-raised);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xs, .7rem);font-weight:700;color:var(--color-error);text-transform:uppercase}.img-to-pdf-page-size{display:flex;align-items:center;gap:var(--space-md)}.img-to-pdf-page-size__label{white-space:nowrap}.img-to-pdf-page-size__select{cursor:pointer}.pdf-compress-mode__btn{padding:var(--space-sm) var(--space-lg)}.pdf-compress-warning{line-height:1.5}.pdf-file-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.pdf-file-list__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:grab}.pdf-file-list__item--dragging{opacity:.5}.pdf-file-list__item--dragover{border-color:var(--color-primary)}.pdf-file-list__drag{color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:grab;user-select:none}.pdf-file-list__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.pdf-file-list__size{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap}.pdf-file-list__remove{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:0 var(--space-xs);line-height:1}.pdf-file-list__remove:hover{color:var(--color-error)}.pdf-file-list--thumbnails{gap:var(--space-sm)}.pdf-file-list__item--with-thumb{padding:var(--space-sm);gap:var(--space-md);align-items:center}.pdf-file-list__thumb-wrap{width:120px;min-height:150px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden}.pdf-file-list__thumb-wrap--loading{animation:thumb-pulse 1.5s ease-in-out infinite}.pdf-file-list__thumb{display:block;max-width:100%;max-height:150px}.pdf-file-list__page-label{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;flex:1}@keyframes thumb-pulse{0%,to{opacity:1}50%{opacity:.4}}.page-info{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.page-info strong{color:var(--color-text)}.page-range-row{margin-bottom:var(--space-md)}.page-range-input{width:100%}.page-range-row__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.rotate-options{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.rotate-options__label{margin-bottom:0}.rotate-options__select{font-size:var(--font-size-sm)}.watermark-field{margin-bottom:var(--space-md)}.watermark-field__input{width:100%}.watermark-field__select{width:auto}.watermark-field__range{width:100%}.watermark-field__value{color:var(--color-text);font-weight:600}.color-presets{display:flex;gap:var(--space-sm)}.color-preset{padding:var(--space-xs) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer}.color-preset:hover{border-color:var(--color-border-hover)}.color-preset--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.exif-group-title{font-size:var(--font-size-sm);color:var(--color-text-heading);margin:var(--space-md) 0 var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.exif-table{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.exif-table__row{display:flex;padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.exif-table__row:last-child{border-bottom:none}.exif-table__row--warning{background:#ff980014}.exif-table__key{width:200px;flex-shrink:0;color:var(--color-text-muted);font-weight:500}.exif-table__value{flex:1;min-width:0;word-break:break-all;color:var(--color-text)}.exif-table__row--warning .exif-table__key{color:var(--color-warning)}.exif-warning{margin:var(--space-md) 0}.exif-quality-slider{margin-top:var(--space-md)}.hash-results{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.hash-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.hash-row__label{width:80px;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.hash-row__value{flex:1;min-width:0;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:var(--font-size-xs);color:var(--color-text);word-break:break-all}.hash-row__copy{flex-shrink:0;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.hash-verify{margin-top:var(--space-md)}.hash-verify__input{width:100%;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:var(--font-size-sm)}.hash-verify__result{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500}.hash-verify__result--match{background:#4caf501a;color:var(--color-success)}.hash-verify__result--no-match{background:#ef53501a;color:var(--color-error)}.image-editor{margin-bottom:var(--space-lg)}.image-editor__toolbar{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-md)}.image-editor__btn{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:border-color .15s,background .15s}.image-editor__btn:hover{border-color:var(--color-border-hover);background:var(--color-bg-raised)}.image-editor__btn--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.image-editor__btn--reset{color:var(--color-error)}.image-editor__separator{width:1px;height:24px;background:var(--color-border);margin:0 var(--space-xs)}.image-editor__canvas-wrap{position:relative;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:200px}.image-editor__canvas{display:block;max-width:100%}.image-editor__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.image-editor__overlay--active{pointer-events:auto;cursor:crosshair}.image-editor__crop-controls{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.image-editor__aspect-select{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.image-editor__info{margin-top:var(--space-sm)}.image-editor__dimensions{color:var(--color-text-muted);font-size:var(--font-size-sm)}.editor-tools{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.editor-tools__row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.editor-tools__label{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:70px}.editor-tools__controls{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;flex:1}.convert-from-label{font-weight:600;color:var(--color-text)}.editor-history{margin-top:var(--space-md)}.editor-history__trail{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.editor-bottom{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.editor-error{margin-top:var(--space-md)}.pti-file-heading{margin-top:var(--space-lg)}.pti-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.pti-image-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius)}.pti-image-card__preview{display:flex;align-items:center;justify-content:center;background:var(--color-bg-input);border-radius:var(--radius-sm);overflow:hidden;min-height:120px}.pti-image-card__preview img{display:block;max-width:100%;max-height:200px;object-fit:contain}.pti-image-card__info{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.pti-image-card__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.pti-image-card__size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.image-crop__canvas-wrap{position:relative;line-height:0;border-radius:var(--radius);overflow:hidden;background:var(--color-bg-input)}.image-crop__canvas{display:block;max-width:100%;height:auto}.image-crop__overlay{position:absolute;top:0;left:0;cursor:crosshair;pointer-events:auto}.image-crop__controls{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap}.image-crop__controls-left{display:flex;align-items:center;gap:var(--space-sm)}.image-crop__controls-left .field-label{margin:0;white-space:nowrap}.image-crop__aspect{width:auto;min-width:140px}.image-crop__dims{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto}.image-crop__actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.resize-presets{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.resize-preset-group__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.resize-preset-group__btns{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.resize-preset-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .15s,background .15s;min-width:0}.resize-preset-btn:hover{border-color:var(--color-border-hover);background:var(--color-bg-raised)}.resize-preset-btn--active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.resize-preset-btn__name{font-weight:500;white-space:nowrap}.resize-preset-btn__size{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.resize-preset-btn--active .resize-preset-btn__size{color:var(--color-primary);opacity:.7}.resize-custom-label{margin-bottom:var(--space-sm);margin-top:var(--space-sm)}.resize-pixels-row{display:flex;align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-md)}.resize-dim{flex:1}.resize-dim .input-field{width:100%}.resize-lock{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:16px;transition:border-color .15s}.resize-lock.active{border-color:var(--color-primary);background:var(--color-primary-bg)}.resize-percent-row{margin-bottom:var(--space-md)}.resize-percent-input-row{display:flex;align-items:center;gap:var(--space-sm)}.resize-percent-input-row .input-field{width:100px}.resize-percent-input-row span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.resize-preset-row{margin-bottom:var(--space-md)}.resize-preview{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}@media(max-width:768px){#page{padding-left:var(--space-md);padding-right:var(--space-md)}.home-hero h1{font-size:1.75rem}.home-hero__subtitle{font-size:var(--font-size-base)}.home-hero__trust-badge{font-size:10px}.tool-grid{grid-template-columns:1fr}.result-comparison{flex-direction:column;align-items:flex-start}.result-arrow{transform:rotate(90deg)}.convert-options,.compress-options{flex-direction:column;align-items:stretch}.protect-options,.unlock-options{align-items:stretch}.password-input{max-width:100%}.image-list__row{gap:var(--space-sm)}.image-list__actions{flex-shrink:0}.pdf-compress-mode{width:100%}.pdf-compress-mode__btn{flex:1}.editor-tools__row{flex-direction:column;align-items:flex-start}.editor-bottom{flex-direction:column}.image-editor__toolbar{gap:var(--space-xs)}.pti-image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.resize-pixels-row{flex-direction:column;align-items:stretch}.resize-lock{align-self:center}}@media(min-width:769px)and (max-width:960px){.tool-grid{grid-template-columns:repeat(2,1fr)}}#page.page--fullwidth{max-width:100%;padding-left:0;padding-right:0;padding-bottom:0}.pdf-editor__dropzone-wrap{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.pdf-editor__workspace{display:flex;flex-direction:column;height:calc(100dvh - var(--nav-height) - var(--space-xl))}.pdf-editor__toolbar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-bg-raised);border-bottom:1px solid var(--color-border);flex-shrink:0;overflow-x:auto;flex-wrap:wrap}.pe-tb-group{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.pe-tb-group__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600;margin-right:var(--space-xs);white-space:nowrap}.pe-tb-group--right{margin-left:auto;border:none;background:none;padding:0;gap:var(--space-sm)}.pe-tb-pageinfo{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.pdf-editor__body{display:flex;flex:1;min-height:0}.pdf-editor__sidebar{width:160px;flex-shrink:0;overflow-y:auto;overflow-x:hidden;background:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.pe-thumb{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-xs);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,opacity .15s;position:relative}.pe-thumb:hover{border-color:var(--color-border-hover)}.pe-thumb--selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.pe-thumb--deleted{opacity:.25}.pe-thumb--deleted:after{content:"DELETED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;color:var(--color-error);background:#0f0f0fd9;padding:2px 6px;border-radius:2px;pointer-events:none;letter-spacing:.05em}.pe-thumb--dragging{opacity:.4}.pe-thumb--dragover{border-color:var(--color-primary)}.pe-thumb__canvas{width:100%;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:2px;overflow:hidden;min-height:80px;transition:transform .2s}.pe-thumb__canvas--loading{background:var(--color-bg-input);animation:thumb-pulse 1.5s ease-in-out infinite}.pe-thumb__img{display:block;max-width:100%;height:auto}.pe-thumb__label{font-size:10px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.pdf-editor__preview{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--space-lg);background:var(--color-bg-input)}.pe-page{position:relative;background:var(--color-white);box-shadow:0 4px 24px #00000080;transition:transform .2s}.pe-page .canvasWrapper{width:100%;height:100%}.pe-page__canvas{display:block}.pe-page .textLayer{position:absolute;inset:0;overflow:hidden;opacity:.25;line-height:1;pointer-events:all}.pe-page .textLayer span,.pe-page .textLayer br{color:transparent;position:absolute;white-space:pre;transform-origin:0% 0%}.pe-page .textLayer ::selection{background:var(--color-primary-shadow)}.pe-preview-msg{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-lg)}.pe-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.pe-modal-backdrop[hidden]{display:none}.pe-modal{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px #00000080}.pe-modal__content{display:flex;flex-direction:column}.pe-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.pe-modal__header h3{font-size:var(--font-size-lg);color:var(--color-text-heading);font-weight:600;margin:0}.pe-modal__close{background:none;border:none;color:var(--color-text-muted);font-size:22px;cursor:pointer;padding:0 var(--space-xs);line-height:1}.pe-modal__close:hover{color:var(--color-text)}.pe-modal__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.pe-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border)}.pe-modal__cancel{color:var(--color-text-muted)}.pe-modal__hint{color:var(--color-text-muted);margin:0}.pe-modal__spacer{flex:1}.pe-modal__body .protect-fields,.pe-modal__body .unlock-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.pe-modal__body .protect-error{color:var(--color-error);font-size:var(--font-size-sm)}.pe-modal__body .split-range{width:100%}.pe-modal__body .split-error{font-size:var(--font-size-sm)}@media(max-width:768px){.pdf-editor__body{flex-direction:column}.pdf-editor__sidebar{flex-direction:row;width:100%;height:auto;max-height:120px;border-right:none;border-bottom:1px solid var(--color-border);overflow-x:auto;overflow-y:hidden}.pe-thumb{flex-shrink:0;width:80px}.pdf-editor__toolbar{gap:var(--space-xs)}.pe-tb-group--right{margin-left:0}.pe-modal{max-width:100%;margin:var(--space-md)}}.btn--danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger-hover)}.btn--danger:hover{background:var(--color-danger-hover)}.engine-selector{margin-bottom:1.5rem}.engine-selector__label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:.5rem}.engine-selector__options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.engine-selector__option{display:flex;flex-direction:column;gap:.15rem;padding:.75rem;border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s}.engine-selector__option:hover{border-color:var(--color-text-muted)}.engine-selector__option--active{border-color:var(--color-primary);background:var(--color-primary-subtle)}.engine-selector__option input[type=radio]{display:none}.engine-selector__name{font-weight:600;font-size:.95rem}.engine-selector__size{font-size:.8rem;color:var(--color-primary)}.engine-selector__desc{font-size:.75rem;color:var(--color-text-muted)}@media(max-width:768px){.engine-selector__options{grid-template-columns:1fr}}.page-subtitle{color:var(--color-text-muted);font-size:.9rem;margin:-.5rem 0 1.5rem}.nav-inner.svelte-1jnx671{width:100%;max-width:var(--max-width);margin:0 auto;display:flex;align-items:center}.nav-logo.svelte-1jnx671{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-heading);text-decoration:none;flex-shrink:0;margin-right:auto}.nav-search.svelte-1jnx671{width:220px;position:relative;display:flex;align-items:center;flex-shrink:0;margin-right:var(--space-lg)}.nav-search__icon.svelte-1jnx671{position:absolute;left:10px;width:15px;height:15px;color:var(--color-text-muted);pointer-events:none;opacity:.5}.nav-search__input.svelte-1jnx671{width:100%;padding:5px 48px 5px 30px;font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.nav-search__input.svelte-1jnx671::placeholder{color:var(--color-text-muted);opacity:.5}.nav-search__input.svelte-1jnx671:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.nav-search__input.svelte-1jnx671:focus+.nav-search__kbd:where(.svelte-1jnx671){display:none}.nav-search__kbd.svelte-1jnx671{position:absolute;right:6px;display:flex;align-items:center;gap:2px;padding:1px 5px;font-size:10px;font-family:var(--font-family);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;pointer-events:none;opacity:.4;line-height:1.4}.nav-hamburger.svelte-1jnx671{display:none;background:none;border:none;cursor:pointer;padding:var(--space-xs);flex-direction:column;gap:5px}.nav-hamburger.svelte-1jnx671 span:where(.svelte-1jnx671){display:block;width:22px;height:2px;background:var(--color-text);transition:transform .2s,opacity .2s}.nav-hamburger--open.svelte-1jnx671 span:where(.svelte-1jnx671):nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger--open.svelte-1jnx671 span:where(.svelte-1jnx671):nth-child(2){opacity:0}.nav-hamburger--open.svelte-1jnx671 span:where(.svelte-1jnx671):nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links.svelte-1jnx671{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.nav-links.svelte-1jnx671 a:where(.svelte-1jnx671){color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color .15s;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.nav-links.svelte-1jnx671 a:where(.svelte-1jnx671):hover,.nav-links.svelte-1jnx671 a.active:where(.svelte-1jnx671){color:var(--color-text);background:var(--color-bg-input)}.nav-group.svelte-1jnx671{position:relative}.nav-group__toggle.svelte-1jnx671{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:600;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color .15s,background .15s}.nav-group__toggle.svelte-1jnx671:hover{color:var(--color-text);background:var(--color-bg-input)}.nav-group__dropdown.svelte-1jnx671{display:none;position:absolute;top:calc(100% + var(--space-xs));left:0;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xs) 0;min-width:160px;z-index:var(--z-dropdown);box-shadow:var(--shadow-lg)}.nav-group--open.svelte-1jnx671 .nav-group__dropdown:where(.svelte-1jnx671){display:flex;flex-direction:column}.nav-group__dropdown.svelte-1jnx671 a:where(.svelte-1jnx671){padding:var(--space-xs) var(--space-md);white-space:nowrap;border-radius:0}.nav-group__dropdown.svelte-1jnx671 a:where(.svelte-1jnx671):hover{background:var(--color-bg-input)}@media(max-width:768px){.nav-search.svelte-1jnx671{display:none}.nav-hamburger.svelte-1jnx671{display:flex}.nav-links.svelte-1jnx671{display:none;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-bg-raised);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;padding:var(--space-sm) 0 env(safe-area-inset-bottom,var(--space-lg));gap:0;margin-left:0;max-height:calc(100dvh - var(--nav-height));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav-links--open.svelte-1jnx671{display:flex}.nav-group__toggle.svelte-1jnx671{width:100%;text-align:left;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);color:var(--color-text-heading)}.nav-group__dropdown.svelte-1jnx671{display:flex;flex-direction:column;position:static;border:none;box-shadow:none;padding:0;min-width:0;background:none}.nav-group__dropdown.svelte-1jnx671 a:where(.svelte-1jnx671){padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-2xl)}}.privacy-monitor.svelte-imlcuq{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:200;font-family:var(--font-family)}.privacy-monitor__badge.svelte-imlcuq{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:border-color .15s,background .15s}.privacy-monitor__badge.svelte-imlcuq:hover{border-color:var(--color-border-hover);background:var(--color-bg-input)}.privacy-monitor__dot.svelte-imlcuq{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0}.privacy-monitor__dot--ok.svelte-imlcuq{background:var(--color-success)}.privacy-monitor__dot--warning.svelte-imlcuq{background:var(--color-warning);animation:svelte-imlcuq-dot-pulse 1.5s ease-in-out infinite}@keyframes svelte-imlcuq-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.privacy-monitor__label.svelte-imlcuq{white-space:nowrap}.privacy-monitor__panel.svelte-imlcuq{position:absolute;bottom:calc(100% + var(--space-sm));right:0;width:min(380px,calc(100vw - 2 * var(--space-lg)));max-height:320px;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.privacy-monitor__header.svelte-imlcuq{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.privacy-monitor__title.svelte-imlcuq{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-heading)}.privacy-monitor__close.svelte-imlcuq{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:0 var(--space-xs);line-height:1}.privacy-monitor__close.svelte-imlcuq:hover{color:var(--color-text)}.privacy-monitor__body.svelte-imlcuq{padding:var(--space-sm);overflow-y:auto;flex:1}.privacy-monitor__empty.svelte-imlcuq{color:var(--color-success);font-size:var(--font-size-sm);text-align:center;padding:var(--space-md)}.privacy-monitor__row.svelte-imlcuq{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.privacy-monitor__row--warning.svelte-imlcuq{background:#ff98001a}.privacy-monitor__method.svelte-imlcuq{font-family:var(--font-mono);font-weight:600;color:var(--color-text-muted);min-width:3em}.privacy-monitor__row--warning.svelte-imlcuq .privacy-monitor__method:where(.svelte-imlcuq){color:var(--color-warning)}.privacy-monitor__url.svelte-imlcuq{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-family:var(--font-mono)}.privacy-monitor__meta.svelte-imlcuq{color:var(--color-text-muted);white-space:nowrap}@media(max-width:768px){.privacy-monitor.svelte-imlcuq{bottom:var(--space-md);right:var(--space-md)}.privacy-monitor__panel.svelte-imlcuq{width:calc(100% + var(--space-md));min-width:min(320px,calc(100vw - 2 * var(--space-md)));right:0}}