.ui-view-tabs{display:contents}.ui-view-tabs .rt-BaseTabList{box-shadow:none}.ui-view-tabs .rt-TabsTrigger{height:auto;min-height:44px;font-family:var(--font-ui)}.ui-view-tabs .rt-TabsTrigger:before{display:none}.ui-view-tabs .rt-TabsTriggerInner{padding:0}.ui-select.rt-reset{border:1px solid var(--outline);border-radius:var(--radius-control);background:var(--paper);width:100%;min-width:0;min-height:48px;color:var(--ink);font:400 1rem/1.5 var(--font-ui);text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:inline-flex}.ui-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-select>.icon{width:16px;height:16px;transition:transform .15s}.ui-select[data-state=open]>.icon{transform:rotate(180deg)}.ui-select:hover:not(:disabled){background:var(--surface-container-low);border-color:var(--green)}.ui-select.rt-reset:focus-visible{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);outline:none}.ui-select.rt-reset[aria-invalid=true]{border-color:var(--danger)}.ui-select.rt-reset[aria-invalid=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--danger)}.ui-select:disabled{opacity:1;cursor:default;color:var(--muted);background:var(--surface-container-high);border-color:var(--line)}.ui-select-menu{z-index:90;min-width:var(--radix-dropdown-menu-trigger-width);max-width:min(480px,100vw - 24px);max-height:min(360px, var(--radix-dropdown-menu-content-available-height));overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface-container-low);box-shadow:var(--shadow-floating);color:var(--ink);font:14px/1.5 var(--font-ui);border-radius:16px;padding:6px;overflow:auto}.ui-select-option{cursor:pointer;overflow-wrap:anywhere;border-radius:10px;outline:none;align-items:center;gap:10px;min-height:44px;padding:10px 12px 10px 8px;display:flex}.ui-select-option>span:last-child{min-width:0}.ui-select-indicator{width:20px;color:var(--green);flex-shrink:0;align-items:center;display:flex}.ui-select-indicator .icon{width:18px;height:18px}.ui-select-option[data-state=checked]{background:var(--primary-container);color:var(--on-primary-container);font-weight:600}.ui-select-option[data-highlighted]{outline:2px solid var(--green);outline-offset:-2px;background:var(--surface-container-high)}.ui-select-option[data-disabled]{opacity:.5;cursor:default}.ui-checkbox.rt-CheckboxRoot{cursor:pointer;--checkbox-size:22px;--checkbox-border-radius:5px;border-radius:12px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0}.ui-checkbox.rt-CheckboxRoot:before{box-shadow:inset 0 0 0 1.5px var(--outline)}.ui-checkbox.rt-CheckboxRoot[data-state=checked]:before{background:var(--green);box-shadow:none}.ui-checkbox.rt-CheckboxRoot:not(:disabled):hover{background:var(--surface-container)}.ui-checkbox.rt-CheckboxRoot:disabled{cursor:default}.ui-checkbox.rt-CheckboxRoot[aria-invalid=true]:before{outline:2px solid var(--danger);outline-offset:2px}.ui-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;min-width:0;height:44px;display:flex;position:relative}.ui-slider-track{background:var(--surface-container-highest);border-radius:8px;flex:1;height:6px;position:relative}.ui-slider-range{border-radius:inherit;background:var(--green);height:100%;position:absolute}.ui-slider-thumb{cursor:grab;background:0 0;border:0;border-radius:50%;width:44px;height:44px;display:block;position:relative}.ui-slider-thumb:before{content:"";border:2px solid var(--green);background:var(--paper);border-radius:50%;position:absolute;inset:11px}.ui-slider-thumb:hover:before{box-shadow:0 0 0 7px #356a4717}.ui-slider-thumb:active{cursor:grabbing}.ui-slider-thumb:active:before{box-shadow:0 0 0 9px #356a4725}.ui-slider-thumb:focus-visible{outline:none}.ui-slider-thumb:focus-visible:before{outline:2px solid var(--green);outline-offset:5px}.ui-slider[data-disabled]{opacity:.48}.ui-slider[data-disabled] .ui-slider-thumb{cursor:default}.ui-slider[data-pending] .ui-slider-thumb{visibility:hidden}.inspection-slider .ui-slider{flex:1}.rt-TextFieldRoot{max-width:100%}.ui-combobox,.ui-date-time-field{width:100%;min-width:0}.ui-picker-slot{padding:0 2px 0 0}.ui-field-icon.rt-reset{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--muted);cursor:pointer;border-radius:10px;margin:0;padding:10px}.ui-field-icon .icon{width:20px;height:20px}.ui-field-icon:focus-visible,.ui-color-field:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ui-picker-popover.rt-PopoverContent{z-index:85;box-sizing:border-box;width:min(352px,100vw - 16px);max-height:min(620px, var(--radix-popover-content-available-height));overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-floating);color:var(--ink);font:14px/1.5 var(--font-ui);border-radius:20px;padding:16px;overflow:auto}.ui-picker-popover label{color:var(--ink);margin:0;font-weight:500;display:block}.ui-picker-popover .rt-TextFieldRoot{margin-top:4px}.ui-combobox-popover.rt-PopoverContent{width:max(240px, var(--radix-popover-trigger-width));max-width:calc(100vw - 16px);max-height:min(330px, var(--radix-popover-content-available-height));padding:6px}.ui-combobox-option{cursor:pointer;overflow-wrap:anywhere;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px;display:flex}.ui-combobox-option[aria-selected=true]{color:var(--on-primary-container);background:var(--primary-container);font-weight:600}.ui-combobox-option[data-active]{outline:2px solid var(--green);outline-offset:-2px;background:var(--surface-container-high)}.ui-combobox-option .icon{width:18px;height:18px;color:var(--green);flex-shrink:0}.ui-picker-empty{color:var(--muted);margin:0;padding:12px}.ui-calendar-popover.rt-PopoverContent{flex-direction:column;width:min(352px,100vw - 4px);padding:2px;display:flex;overflow:hidden}.ui-calendar-header{border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:44px minmax(0,1fr) 84px 44px;align-items:center;gap:4px;margin-bottom:4px;padding:8px 2px 12px;display:grid}.ui-calendar-header .ui-select{gap:4px;min-height:44px;padding:8px;font-size:.875rem}.ui-calendar-header .ui-select>.icon{flex-shrink:0;width:12px;height:12px}.ui-calendar-previous{transform:rotate(90deg)}.ui-calendar-next{transform:rotate(-90deg)}.ui-calendar-dates{overscroll-behavior:contain;min-height:0;overflow:auto}.ui-calendar-grid{table-layout:fixed;border-collapse:collapse;width:100%}.ui-calendar-grid :is(th,td){text-align:center;border:0;padding:0}.ui-calendar-grid th{height:28px;color:var(--muted);font-size:12px;font-weight:500}.ui-calendar-day.rt-reset.rt-variant-ghost{box-sizing:border-box;width:100%;min-width:44px;height:44px;min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border-radius:50%;margin:0;padding:0;font-size:14px;font-weight:400}.ui-calendar-day.rt-reset[data-outside]{color:var(--muted)}.ui-calendar-day.rt-reset[data-focused]{color:#fff;background:var(--green);font-weight:600}.ui-calendar-day:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.ui-calendar-day.rt-reset:hover:not(:disabled){background:var(--surface-container-high)}.ui-calendar-day.rt-reset[data-focused]:hover:not(:disabled){color:#fff;background:var(--green-dark)}.ui-calendar-day:disabled{opacity:.4;cursor:default}.ui-date-time-parts{border-top:1px solid var(--line);background:var(--surface-container-low);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;padding:12px;display:grid}.ui-date-time-parts[data-milliseconds]{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-date-time-parts .rt-TextFieldInput{text-align:center;font-variant-numeric:tabular-nums}.ui-date-time-parts .ui-select{font-variant-numeric:tabular-nums;gap:4px;margin-top:4px;padding:10px 8px}.ui-date-time-parts .ui-select>.icon{flex-shrink:0;width:12px;height:12px}.ui-picker-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;padding:12px 0 0;display:flex}.ui-picker-actions>.ui-button{min-width:88px}.ui-calendar-popover .ui-picker-actions{background:var(--surface-container-low);border-top:0;flex-shrink:0;margin-top:0;padding:8px 12px 12px}.ui-color-field.rt-reset{border:1px solid var(--outline);border-radius:var(--radius-control);background:var(--paper);width:100%;min-width:44px;min-height:48px;color:var(--ink);font:400 1rem/1.5 var(--font-ui);cursor:pointer;box-shadow:none;justify-content:flex-start;align-items:center;gap:10px;padding:9px 10px;display:inline-flex}.ui-color-swatch{border:1px solid var(--outline);border-radius:8px;flex-shrink:0;width:28px;height:28px;display:block}.ui-color-value{font-variant-numeric:tabular-nums}.ui-color-field>span{pointer-events:none}.ui-color-field:hover:not(:disabled){border-color:var(--green);background:var(--surface-container-low)}.ui-color-field.rt-reset:focus-visible{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);outline:none}.ui-color-field.rt-reset[aria-invalid=true]{border-color:var(--danger)}.ui-color-field.rt-reset[aria-invalid=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--danger)}.ui-color-field:disabled{color:var(--muted);background:var(--surface-container-high);cursor:default}.ui-color-preview{border:1px solid var(--outline);border-radius:12px;height:64px;margin-bottom:16px}.ui-color-hex .rt-TextFieldInput{text-transform:uppercase}.ui-color-channels{margin-top:14px}.ui-color-channels label{justify-content:space-between;display:flex}.ui-color-channels output{font-variant-numeric:tabular-nums;color:var(--muted)}.color-field-row .ui-color-field,.icon-quick-color .ui-color-field{justify-content:center;width:48px;min-width:48px;padding:6px}.color-field-row .ui-color-value,.icon-quick-color .ui-color-value{display:none}@media (forced-colors:active){.ui-picker-popover,.ui-color-field{border:1px solid buttontext}.ui-color-swatch,.ui-color-preview{forced-color-adjust:none}.ui-calendar-day[data-focused],.ui-combobox-option[data-active]{outline-offset:-2px;outline:2px solid highlight}}@media (prefers-reduced-motion:reduce){.ui-select>.icon{transition:none}}@media (forced-colors:active){.ui-select,.ui-select-menu,.ui-select-option[data-state=checked],.ui-checkbox.rt-CheckboxRoot:before,.ui-slider-thumb{border:1px solid buttontext}.ui-select-option[data-highlighted]{outline-color:highlight}.ui-slider-range{background:highlight}.ui-slider-track{border:1px solid buttontext}}.ui-date-time-field .rt-TextFieldInput{font-variant-numeric:tabular-nums}@media (forced-colors:active){.ui-select.rt-reset:focus-visible,.ui-color-field.rt-reset:focus-visible,.rt-TextFieldRoot:focus-within{outline-offset:2px;outline:2px solid highlight}.ui-calendar-day.rt-reset[data-focused]{color:highlighttext;background:highlight}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-ui);color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}[hidden]{display:none!important}a{color:var(--green);text-underline-offset:.2em}a:hover{color:var(--green-dark)}button,input,.ui-select{font:inherit}button:not(.rt-reset),.download-link{border-radius:var(--radius-pill);background:var(--green);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:.7rem 1rem;font-weight:600;line-height:1.4;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}button:not(.rt-reset):hover,.download-link:hover{background:var(--green-dark);color:#fff}button:disabled{opacity:.48;cursor:default}.secondary{background:var(--secondary-container);color:var(--on-secondary-container);border-color:#0000}.secondary:hover{background:var(--mint);color:var(--green-dark);border-color:var(--green)}.text-button{color:var(--muted);background:0 0;border-color:#0000;padding:.5rem;font-size:.85rem;font-weight:550}.text-button:hover{background:var(--mint);color:var(--green-dark)}:focus-visible{outline:3px solid var(--green-dark);outline-offset:3px}.icon{flex-shrink:0}.shell{width:min(1200px,100% - 40px);margin-inline:auto}.header-surface{background:var(--surface-container-low)}.site-header{align-items:center;gap:40px;min-height:80px;display:flex}.site-header .main-nav{margin-right:auto}.header-actions{margin-left:auto}.header-language{box-shadow:inset 0 0 0 1px var(--outline);color:var(--ink);gap:8px;font-size:.84rem}.header-language .icon:last-child{width:14px;height:14px}.language-menu{min-width:210px;max-height:min(420px, var(--radix-dropdown-menu-content-available-height));background:var(--surface-container);border:1px solid var(--line);box-shadow:var(--shadow-floating);z-index:10;font-family:var(--font-ui);border-radius:20px;padding:6px;overflow-y:auto}.language-menu [role=menuitem]{min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.language-menu [data-highlighted]{outline:2px solid var(--green);outline-offset:-2px;background:var(--mint)}.language-menu [role=separator]{background:var(--line);height:1px;margin:6px}.language-menu a{text-decoration:none}.language-menu [aria-current=page]{font-weight:700}.language-menu .icon{margin-left:auto}.ui-button{box-sizing:border-box;height:auto;min-height:48px;font-family:var(--font-ui);border-radius:var(--radius-pill);white-space:normal;cursor:pointer;margin:0;padding:10px 18px;font-weight:600;line-height:1.4;transition:box-shadow .15s}.ui-button:disabled{cursor:default}.ui-button.rt-variant-solid{color:#fff;background:var(--green)}.ui-button.rt-variant-solid:hover:where(:not(:disabled)){color:#fff;background:var(--green-dark)}.ui-button.rt-variant-soft{color:var(--on-secondary-container);background:var(--secondary-container)}.ui-button.rt-variant-ghost{color:var(--green);min-height:44px}.ui-button.rt-variant-soft:hover:where(:not(:disabled)){background:var(--surface-container-highest)}.ui-button.rt-variant-ghost:hover:where(:not(:disabled)){background:var(--surface-container)}.ui-button.rt-variant-outline{color:var(--green);box-shadow:inset 0 0 0 1px var(--outline)}.ui-button.rt-variant-ghost{margin:0}.rt-TextFieldRoot{--text-field-height:48px;border-radius:var(--radius-control);min-height:48px;font-family:var(--font-ui);color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--outline);min-width:0}.rt-TextFieldInput{font-family:var(--font-ui);width:100%;min-width:0;font-size:1rem}.rt-TextFieldRoot:focus-within{box-shadow:inset 0 0 0 2px var(--green);outline:none}.rt-TextFieldRoot:has(input[aria-invalid=true]){box-shadow:inset 0 0 0 2px var(--danger)}.pdf-input-error{margin:12px 0 8px}.batch-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0;display:flex}.batch-controls>div{flex:1;min-width:min(160px,100%)}.batch-controls label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.batch-controls .ui-select{margin:0}.image-inspection{min-width:0}.inspection-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.inspection-toolbar .ui-button{padding:8px 10px;font-size:.8rem}.inspection-viewport{border:1px solid var(--line);background:repeating-conic-gradient(#e9eeeb 0% 25%,#fafbf9 0% 50%) 0/20px 20px;border-radius:12px;height:220px;padding:10px;overflow:auto}.inspection-picture{flex:none;display:inline-flex;position:relative}.inspection-picture img{-webkit-user-select:none;user-select:none;max-width:none;max-height:none;display:block}.image-inspection[data-inspection-zoom=fit] .inspection-viewport{justify-content:center;align-items:center;display:flex}.image-inspection[data-inspection-zoom=fit] .inspection-picture{max-width:100%;max-height:100%}.image-inspection[data-inspection-zoom=fit] img{object-fit:contain}.image-inspection:not([data-inspection-zoom=fit]) .inspection-viewport{cursor:grab;touch-action:none}.image-inspection:not([data-inspection-zoom=fit]) .inspection-viewport:active{cursor:grabbing}.inspection-comparison{width:100%;height:100%;position:absolute;inset:0}.image-inspection[data-inspection-compare=true] .inspection-picture img{visibility:hidden}.inspection-slider{align-items:center;gap:8px;margin:8px 0;font-size:.85rem;display:flex}.inspection-slider output{min-width:3em}.inspection-hint{margin:8px 0}.rt-TextFieldInput:focus-visible{outline:none}.breadcrumbs{color:var(--muted);padding-top:18px;font-size:.78rem}.breadcrumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:var(--muted);margin-right:8px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--green);text-decoration:underline}.breadcrumbs+.page-intro{padding-top:16px}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.08rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{background:var(--primary-container);width:34px;height:34px;color:var(--on-primary-container);border-radius:12px;place-items:center;font-size:1.5rem;line-height:1;display:grid}.main-nav,.footer-nav{flex-wrap:wrap;gap:8px;display:flex}.main-nav a{border-radius:var(--radius-pill);min-height:44px;color:var(--muted);align-items:center;padding:6px 16px;font-size:.9rem;text-decoration:none;display:inline-flex}.main-nav a:hover{background:var(--surface-container-high)}.main-nav [aria-current=page]{background:var(--mint);color:var(--green);font-weight:650}.skip-link{z-index:5;background:#fff;border-radius:6px;padding:8px 12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}h1{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;line-height:1.25}h2{margin:0 0 12px;font-size:1.2rem;font-weight:650;line-height:1.4}p{margin:0 0 14px}.page-intro{padding:28px 0 22px}.page-intro p{color:var(--muted);max-width:78ch;margin-bottom:0;font-size:.95rem}.tool{background:var(--paper);border-radius:var(--radius-workspace);box-shadow:var(--shadow-card);border:0;padding:20px}.tool-steps{border-bottom:1px solid var(--line);gap:12px;margin:0 0 12px;padding:0 0 12px;list-style:none;display:flex}.tool-steps li{color:var(--muted);flex:1;align-items:center;gap:9px;font-size:.84rem;font-weight:550;display:flex;position:relative}.tool-steps li+li:before{content:"";background:var(--line);width:24px;height:1px;margin-inline-end:5px}.step-number{width:28px;height:28px;color:var(--muted);background:#f0f4f1;border-radius:50%;flex-shrink:0;place-items:center;font-size:.78rem;display:grid}.step-number .icon{width:16px;height:16px}.tool-steps [aria-current=step]{color:var(--green);font-weight:700}.tool-steps [aria-current=step] .step-number{color:#fff;background:var(--green)}.step-complete .step-number{background:var(--mint);color:var(--green)}.drop-zone{border:1px dashed var(--outline);background:var(--surface-container-low);border-radius:20px;align-items:center;gap:12px;padding:16px;transition:background-color .15s,border-color .15s;display:flex}.drop-copy{flex:1;min-width:0}.drop-copy strong{overflow-wrap:anywhere;font-size:.98rem;display:block}.drop-copy p{margin:4px 0 0}.upload-icon{background:var(--primary-container);width:48px;height:48px;color:var(--on-primary-container);border:0;border-radius:16px;flex-shrink:0;place-items:center;display:grid}.upload-icon .icon{width:24px;height:24px}.drag-over{background:var(--mint);border-color:var(--green);box-shadow:0 0 0 3px #14634e15}.has-image{border-style:solid}#choose-image{flex-shrink:0}.local-note{color:var(--green);align-items:center;gap:7px;margin:10px 0 16px;font-size:.8rem;display:flex}.local-note .icon{width:16px;height:16px}.tool-workspace{grid-template-columns:280px minmax(0,1fr);gap:20px;display:grid}.settings-panel{background:var(--surface-container-low);border-radius:20px;align-self:start;min-width:0;padding:16px}.panel-heading{align-items:center;gap:8px;margin-bottom:12px;font-size:.98rem;display:flex}.panel-heading .icon{width:18px;height:18px;color:var(--muted)}fieldset{border:0;min-width:0;margin:0;padding:0}label{margin-bottom:7px;font-size:.86rem;font-weight:650;display:block}input[type=text]:not(.rt-TextFieldInput){border:1px solid var(--outline);border-radius:var(--radius-control);width:100%;color:var(--ink);background:var(--paper);min-height:44px;padding:10px 12px}input[aria-invalid=true]{border-color:var(--danger)}.target-input input{font-size:1.1rem;font-weight:650}.target-input .rt-TextFieldSlot{color:var(--muted);font-size:.85rem}.presets{gap:7px;margin:10px 0;display:flex}.ui-button.preset{background:var(--surface-container);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);flex:1;min-height:44px;padding:6px 4px;font-size:.78rem;font-weight:550}.ui-button.preset[aria-pressed=true]{background:var(--mint);color:var(--green);border-color:#8bb5a0;box-shadow:inset 0 0 0 1px #8bb5a0}.ui-button.preset:hover{color:var(--green);background:#eaf2ed;border-color:#8bb5a0}#target-hint{margin-bottom:20px}.checkbox-label{align-items:center;gap:9px;min-height:44px;margin:8px 0 0;font-weight:600;display:flex}.resize-hint{margin-left:27px}.small{font-size:.8rem;line-height:1.6}.muted{color:var(--muted)}.format-notice{color:var(--muted);background:var(--surface-container);border-radius:12px;gap:8px;margin:12px 0;padding:10px;font-size:.75rem;display:flex}.format-notice .icon{width:16px;height:16px;margin-top:2px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#compress,#cancel{width:100%}#reset{margin-inline:auto}.comparison-panel{min-width:0}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.preview-panel{flex-direction:column;min-width:0;min-height:398px;display:flex}.preview-panel h3{justify-content:space-between;align-items:center;gap:6px;margin:0 0 10px;font-size:.83rem;font-weight:650;display:flex}.format-badge{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:2px 6px;font-size:.65rem;font-weight:600}.preview-frame{border:1px solid var(--line);background-color:var(--surface-container-low);background-image:linear-gradient(45deg,#e9eeeb 25%,#0000 25%),linear-gradient(-45deg,#e9eeeb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9eeeb 75%),linear-gradient(-45deg,#0000 75%,#e9eeeb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:16px;justify-content:center;align-items:center;height:216px;padding:10px;display:flex}.empty-preview{text-align:center;color:var(--muted);background:#fbfdfbeb;border-radius:10px;flex-direction:column;align-items:center;gap:12px;max-width:90%;margin:0;padding:16px;font-size:.8rem;display:flex}.empty-preview .icon{color:#688775;width:28px;height:28px}.canvas-import.ui-button{width:100%;min-width:0;min-height:var(--workspace-canvas-height,360px);border:1px dashed var(--outline);background:var(--surface-container-low);height:auto;color:var(--green);text-align:center;white-space:normal;border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.canvas-import.ui-button:is(:hover,:focus-visible,[data-drag-over=true]){background:var(--primary-container);border-color:var(--green)}.canvas-import>.icon{width:32px;height:32px}.canvas-import-label{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.canvas-import-hint{max-width:52ch;color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem;font-weight:400;line-height:1.65}.canvas-import-hint>span{margin-top:4px;display:block}:is(.preview-frame:has(>.canvas-import),.qr-reader-preview:has(>.canvas-import)){background:0 0;border:0;padding:0}.preview-frame>.canvas-import{height:100%;min-height:0}.pdf-empty>.canvas-import{min-height:clamp(240px, calc(var(--workspace-canvas-height,360px) - 140px), 960px);flex:1}.preview-frame img{object-fit:contain;border-radius:2px;max-width:100%;max-height:100%;display:block}.file-details{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:5px 8px;min-height:103px;margin:14px 0;font-size:.74rem;display:grid}.file-details dt{color:var(--muted)}.file-details dd{overflow-wrap:anywhere;text-align:right;margin:0;font-weight:550}.download-link:not(.rt-reset){width:100%;margin-top:auto;padding:10px 8px;font-size:.8rem;text-decoration:none}.download-link .icon{width:17px;height:17px}.size-change{color:var(--green);margin:0 0 10px;font-weight:600}.size-increased{color:var(--amber)}.status-area{border:1px solid var(--line);background:var(--surface-container);border-radius:16px;gap:10px;min-height:68px;margin-top:12px;padding:12px;display:flex}.status-area p{margin-bottom:6px}.status-area p:last-child{margin-bottom:0}.upload-feedback .status-area{min-height:50px;margin:0 0 20px}#tool-status{font-size:.83rem;font-weight:550}.status-icon{width:23px;height:23px;color:var(--muted);flex-shrink:0;place-items:center;display:grid}.status-icon .icon{width:18px;height:18px}[data-status=success]{background:#edf7f0;border-color:#c5dfcd}[data-status=success] .status-icon,[data-status=success] #tool-status{color:var(--green)}[data-status=unmet]{background:#fff8e8;border-color:#ebd8b1}[data-status=unmet] .status-icon,[data-status=unmet] #tool-status{color:var(--amber)}[data-status=error]{background:#fff2ef;border-color:#efc9c1}[data-status=error] .status-icon,.field-error{color:var(--danger)}.field-error{margin-top:6px;font-size:.82rem}.is-processing .icon{animation:2s linear infinite working}@keyframes working{to{transform:rotate(360deg)}}.encoding-details{margin-top:6px}.encoding-details .text-button{min-height:44px;padding-left:0;font-size:.75rem}.encoding-details .icon{width:15px;height:15px}#encoding-details{border-top:1px solid var(--line)}#encoding-values{max-width:340px;min-height:0}.preview-tabs{background:var(--surface-container);border-radius:var(--radius-pill);gap:4px;margin-bottom:12px;padding:4px;display:flex}.preview-tabs button{color:var(--muted);border-radius:var(--radius-pill);background:0 0;border:0;flex:1;min-height:44px;font-size:.85rem}.preview-tabs [aria-selected=true]{background:var(--primary-container);color:var(--on-primary-container);box-shadow:none}.prose{max-width:76ch}.home-content{margin:42px auto}.content-section{margin-bottom:32px}.content-section p,.content-section li{color:#364c41}.content-section li{margin:8px 0}ol{padding-left:1.4rem}details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600}details p{margin:12px 0 2px}.article-intro{max-width:76ch;margin-bottom:16px;padding-top:40px}.return-link{margin:0 0 24px;display:inline-block}.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:28px 0 36px;font-size:.88rem}.site-footer>p{color:var(--muted)}.footer-nav{gap:24px;margin-bottom:20px}.language-controls{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.language-links{flex-wrap:wrap;gap:8px;display:flex}.language-links a{border:1px solid var(--outline);border-radius:var(--radius-pill);min-height:44px;color:var(--muted);background:0 0;align-items:center;padding:7px 13px;font-size:.84rem;text-decoration:none;display:inline-flex}.language-links a:hover{color:var(--green);border-color:#8bb5a0}.language-links [aria-current=page]{background:var(--mint);color:var(--green);border-color:#8bb5a0;font-weight:650}.follow-language{color:var(--green)}.feedback-region{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:20;pointer-events:none;width:min(440px,100% - 48px);position:fixed}.feedback-region[data-placement=top]{top:max(16px, env(safe-area-inset-top));bottom:auto}.app-feedback{border:1px solid var(--line);background:var(--surface-container-high);box-shadow:var(--shadow-floating);pointer-events:auto;border-radius:20px;align-items:flex-start;gap:12px;padding:16px;display:flex}.app-feedback>.icon{color:var(--green);width:20px;height:20px;margin-top:12px}.app-feedback[data-tone=warning]{border-color:#dac578}.app-feedback[data-tone=warning]>.icon{color:var(--amber)}.feedback-content{flex:1;min-width:0;padding-top:8px}.feedback-content p{overflow-wrap:anywhere;margin:0;font-size:.86rem}.feedback-content .ui-button{margin-top:12px;text-decoration:none}.feedback-dismiss.ui-button{width:44px;height:44px;color:var(--muted);flex-shrink:0;padding:0}.entry{max-width:660px;padding-top:max(40px,10vh)}.entry .brand{margin-bottom:32px}.entry h1{margin-bottom:18px}.entry .language-controls{margin:20px 0}.eyebrow{color:var(--green);font-weight:750}.leave-dialog{width:min(460px,100% - 32px);color:var(--ink);background:var(--surface-container-high);box-shadow:var(--shadow-floating);border:0;border-radius:28px;padding:28px}.leave-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#152e295f}.dialog-icon{background:var(--mint);width:44px;height:44px;color:var(--green);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.leave-dialog p{color:var(--muted);font-size:.9rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.dialog-actions button{flex:1;font-size:.85rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px) and (width>=761px){.tool{padding:20px}.tool-workspace{grid-template-columns:260px minmax(0,1fr);gap:20px}.settings-panel{padding:16px}.preview-grid{gap:12px}.file-details{grid-template-columns:1fr;gap:2px;min-height:162px}.file-details dd{text-align:left;margin-bottom:6px}.preview-frame{height:180px}}@media (width<=760px){.shell{width:calc(100% - 28px)}.site-header{flex-wrap:wrap;gap:4px 12px;min-height:66px;padding-block:8px 4px}.site-header .main-nav{flex-basis:100%;order:3;margin:0}.header-actions{margin-left:auto}.header-language{padding-inline:10px;font-size:.78rem}.header-language .icon:first-child{width:16px;height:16px}.breadcrumbs{padding-top:12px;font-size:.72rem}.brand{gap:7px;font-size:.9rem}.brand-mark{border-radius:8px;width:29px;height:29px;font-size:1.35rem}.main-nav{gap:1px}.main-nav a{padding-inline:8px;font-size:.8rem}.page-intro{padding:23px 0 18px}.breadcrumbs+.page-intro{padding-top:12px;padding-bottom:16px}.page-intro p{font-size:.88rem}.tool{border-radius:24px;padding:12px}.tool-steps{gap:7px;padding-bottom:16px}.tool-steps li{text-align:center;flex-direction:column;gap:6px;font-size:.69rem;line-height:1.35}.tool-steps li+li:before{width:50%;margin:0;position:absolute;top:14px;left:-25%}.step-number{z-index:1}.drop-zone{flex-wrap:wrap;gap:12px;padding:12px}.upload-icon{border-radius:12px;width:40px;height:40px}.drop-zone .upload-icon{display:none}.drop-zone .drop-copy{flex-basis:100%}.drop-copy{flex-basis:calc(100% - 52px)}.drop-copy strong{font-size:.9rem}.drop-copy .small{font-size:.72rem}#choose-image{width:100%;font-size:.85rem}.local-note{align-items:flex-start;margin-bottom:18px;font-size:.72rem}.local-note .icon{margin-top:2px}.tool-workspace{grid-template-columns:1fr;gap:16px}.settings-panel{border:0;border-radius:16px;padding:12px}.panel-heading{margin-bottom:12px}#target-hint,.format-notice{margin-bottom:16px}.actions{grid-template-columns:1fr auto;display:grid}#compress,#cancel,#reset{grid-column:1/-1}.preview-grid{grid-template-columns:1fr}.comparison-panel{flex-direction:column;display:flex}.comparison-panel>.status-area{order:-1;min-height:54px;margin:0 0 18px}.preview-frame{height:250px}.preview-panel{min-height:440px}.file-details{font-size:.8rem}.download-link{font-size:.86rem}.home-content{margin-top:32px}.leave-dialog{padding:22px}.feedback-region{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:calc(100% - 24px)}.app-feedback{gap:8px;padding:12px}}@media (width<=360px){.brand{gap:5px;font-size:.8rem}.main-nav a{padding-inline:5px;font-size:.74rem}.tool-steps li{font-size:.64rem}.file-details{grid-template-columns:1fr;gap:2px}.file-details dd{text-align:left;margin-bottom:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.directory-layout{grid-template-columns:200px minmax(0,1fr);column-gap:28px;padding-top:32px;display:grid}.directory-header,.directory-main{grid-column:2;min-width:0}.directory-sidebar{grid-area:1/1/3;min-width:0;padding-top:12px}.nav-caption{color:var(--muted);margin:12px 12px 8px;font-size:.76rem;font-weight:650}.category-link{border-radius:var(--radius-pill);min-height:44px;color:var(--ink);align-items:center;gap:10px;margin-bottom:8px;padding:10px 16px;font-size:.84rem;text-decoration:none;display:flex}.category-link>span:not(.rt-Badge){flex:1}.category-link .rt-Badge{color:inherit;background:0 0}.category-link:hover{background:var(--surface-container-high)}.category-link[aria-current=page]{background:var(--mint);color:var(--green);font-weight:700}.directory-privacy{background:var(--surface-container);border-radius:var(--radius-card);color:var(--muted);margin-top:48px;padding:20px;font-size:.79rem}.directory-privacy>.icon{margin-bottom:10px}.directory-privacy strong{margin-bottom:8px;font-size:.84rem;display:block}.directory-privacy p{margin:0}.directory-main{min-width:0}.directory-intro{padding:0 0 24px}.directory-intro .eyebrow{color:var(--green);margin-bottom:12px;font-size:.78rem}.directory-intro h1{margin-bottom:12px;font-size:clamp(1.65rem,3vw,2.15rem)}.catalog-search{border-radius:var(--radius-pill);background:var(--surface-container-high);min-height:56px;box-shadow:none;padding-inline:8px}.catalog-search input::-webkit-search-cancel-button{-webkit-appearance:none}.catalog-search input::-webkit-search-decoration{-webkit-appearance:none}.catalog-search .rt-TextFieldSlot{color:var(--muted)}.catalog-search input{font-size:.92rem}.catalog-search .ui-button{width:44px;color:var(--muted);padding:0}.search-shortcut{border:1px solid var(--line);font:.85rem var(--font-ui);border-radius:4px;padding:1px 7px}.directory-heading{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px;display:flex}.directory-heading h2,.directory-heading p{margin:0}.directory-heading h2{font-size:1.06rem}.tool-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.rt-Card.tool-card{border-radius:var(--radius-card);background:var(--paper);min-width:0;min-height:208px;box-shadow:var(--shadow-card);border:1px solid #0000;flex-direction:column;padding:20px;display:flex}.tool-card-item{min-width:0;display:flex}a.tool-card{width:100%;color:var(--ink);text-decoration:none;transition:border-color .15s,background-color .15s,box-shadow .15s}a.tool-card:hover{border-color:var(--line);background:var(--surface-container);color:var(--ink)}a.tool-card:active{background:var(--surface-container-high)}a.tool-card:focus-visible{outline:3px solid var(--green);outline-offset:3px}.rt-Card:is(.tool-card,.directory-guide,.directory-empty):before,.rt-Card:is(.tool-card,.directory-guide,.directory-empty):after{box-shadow:none}.tool-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.tool-card-top .rt-Badge{font-size:.64rem;font-weight:500}.tool-card-icon{background:var(--secondary-container);width:44px;height:44px;color:var(--on-secondary-container);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.icon-resize{color:#325fa3;background:#eef4ff}.icon-convert{color:#704ba8;background:#f4efff}.icon-crop{color:#9b5b0f;background:#fff4e6}.icon-rotate{color:#336779;background:#edf5f8}.tool-card h2{margin:0 0 10px;font-size:1.08rem}.tool-card h2 a{color:var(--ink);text-decoration:none}.tool-card h2 a:hover{color:var(--green);text-decoration:underline}.tool-card p{color:var(--muted);margin:0 0 16px;font-size:.82rem;line-height:1.65}.tool-card-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.tool-category{color:var(--muted);font-size:.7rem}.tool-card .directory-action{flex-shrink:0;padding:10px 6px;font-size:.78rem;text-decoration:none}.directory-action .icon{width:18px;height:18px}.rt-Card.directory-guide{background:var(--surface-container);border-radius:var(--radius-card);border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:20px;display:flex}.directory-guide h2{margin:0 0 4px;font-size:.9rem}.directory-guide p{color:var(--muted);margin:0;font-size:.8rem}.directory-guide .ui-button{flex-shrink:0;font-size:.8rem;text-decoration:none}.rt-Card.directory-empty{text-align:center;background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius-card);padding:32px 24px}.directory-empty>.icon{color:var(--muted);margin:0 auto 12px}.directory-empty p{color:var(--muted);font-size:.9rem}.directory-layout+.home-content{max-width:none;margin-left:228px}.directory-layout+.home-content>section{max-width:76ch}@media (width<=1150px){.tool-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.directory-layout{grid-template-columns:180px minmax(0,1fr);column-gap:24px}.directory-layout+.home-content{margin-left:204px}}@media (width<=760px){.directory-layout{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:20px}.directory-header,.directory-sidebar,.directory-main{grid-area:auto/1}.directory-sidebar{padding-top:0}.directory-sidebar nav{flex-wrap:nowrap;gap:8px;margin-inline:-3px;padding:4px 3px 6px;display:flex;overflow-x:auto}.directory-sidebar .nav-caption,.directory-privacy{display:none}.category-link{white-space:nowrap;border:1px solid var(--line);background:var(--paper);flex:none;margin:0;padding:8px 12px}.directory-intro{padding-bottom:16px}.directory-intro .eyebrow{margin-bottom:8px}.directory-intro h1{font-size:1.65rem}.tool-directory{grid-template-columns:1fr;gap:12px}.rt-Card.tool-card{min-height:200px;padding:20px}.tool-card-top{margin-bottom:14px}.directory-heading{margin-top:0}.rt-Card.directory-guide{flex-direction:column;align-items:flex-start;padding:20px}.directory-guide .ui-button{padding-left:0}.directory-layout+.home-content{margin-left:0}.search-shortcut{display:none}}.advertisement-space{border-top:1px solid var(--line);text-align:center;width:min(1160px,100% - 16px);margin-top:4rem;margin-bottom:3rem;padding-block:1rem}.ad-label{color:var(--muted);margin:0 0 .75rem;font-size:.75rem}.ad-frame{width:300px;max-width:100%;height:250px;margin-inline:auto;overflow:hidden}.manual-ad{width:300px;max-width:100%;height:250px;display:block}.consent-controls{margin-top:1rem}.image-edit-grid{grid-template-columns:280px minmax(0,1fr);gap:20px;display:grid}.image-edit-grid>form,.image-edit-previews{min-width:0}.workspace-navigation{display:none}#image-settings,#image-previews{scroll-margin-top:20px}.output-settings{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.output-settings h3{margin:0 0 12px;font-size:.92rem;font-weight:650}.output-settings:first-child{border-top:0;margin-top:0;padding-top:0}.output-settings .format-notice{margin-bottom:0}.effect-frame{position:relative}.preview-updating{background:var(--paper);border:1px solid var(--line);max-width:calc(100% - 20px);color:var(--green);pointer-events:none;border-radius:20px;padding:6px 10px;font-size:.75rem;position:absolute;top:10px;left:10px;margin:0!important}.image-edit-grid>form{background:var(--surface-container-low);border:0;border-radius:20px;padding:16px}.image-edit-grid .actions,.image-edit-grid label:not(.checkbox-label){margin-top:12px}.image-edit-grid input[type=number]:not(.rt-TextFieldInput){border:1px solid var(--outline);border-radius:var(--radius-control);width:100%;height:44px;color:var(--ink);padding:10px}.field-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.image-edit-grid .ui-color-field{width:100%;height:44px}.image-edit-grid .preview-panel h2{font-size:1rem}#process-image{width:100%}.crop-stage{background:#edf3ef;width:100%;min-width:0;position:relative;overflow:hidden}.crop-stage>img{width:100%;height:100%;display:block}.crop-box{touch-action:none;cursor:move;border:2px solid #fff;outline:1px solid #14634e;position:absolute;box-shadow:0 0 0 10000px #0006}.crop-box:focus-visible{outline:3px solid var(--green-dark);outline-offset:3px}.tool-siblings{flex-wrap:wrap;gap:8px;margin:16px 0 24px;padding:0;list-style:none;display:flex}.tool-siblings a{border:1px solid var(--outline);border-radius:var(--radius-pill);min-height:44px;padding:8px 14px;text-decoration:none;display:inline-flex}.tool-siblings [aria-current=page]{background:var(--mint);font-weight:700}@media (width<=980px){.image-edit-grid{grid-template-columns:260px minmax(0,1fr)}.image-edit-grid .preview-grid{grid-template-columns:1fr}}@media (width>=761px){.image-edit-previews,.comparison-panel{align-self:start;position:sticky;top:20px}}@media (width<=760px){.workspace-navigation{z-index:4;background:var(--paper);gap:8px;margin-bottom:16px;padding-block:4px;display:flex;position:sticky;top:8px}#image-settings,#image-previews{scroll-margin-top:76px}.workspace-navigation .ui-button{flex:1;min-width:0;font-size:.8rem;text-decoration:none}.image-edit-grid{grid-template-columns:1fr}.image-edit-grid[data-has-image=true] .image-edit-previews,.tool-workspace[data-has-image=true] .comparison-panel{order:-1}.image-edit-grid>form{border:0;border-radius:16px;padding:12px}.image-edit-grid[data-has-image=true]>form,.tool-workspace[data-has-image=true] .settings-panel{border:0;padding:12px}.tool-workspace[data-has-image=true] .settings-panel{border:0}.image-edit-grid .preview-panel,.tool-workspace .preview-panel{min-height:0}.image-edit-grid .preview-frame,.tool-workspace .preview-frame{height:220px}.image-edit-grid .file-details,.tool-workspace .file-details{min-height:0;margin-bottom:4px}.image-edit-grid .actions{grid-template-columns:1fr;display:grid}.image-edit-grid .actions>.ui-button{width:100%}.image-edit-previews{padding-bottom:4px}}.image-import{flex-wrap:wrap}.file-drop-feedback{z-index:100;pointer-events:none;border:3px dashed var(--green);color:var(--green);text-align:center;background:#e5f2e9ed;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:1.15rem;font-weight:650;display:flex;position:fixed;inset:20px}.effect-compare{gap:8px;margin-bottom:12px;display:flex}.effect-compare .ui-button{flex:1;min-width:0;padding:10px 8px}.preview-frame canvas{object-fit:contain;max-width:100%;max-height:100%}.preview-frame canvas[hidden]{display:none}.effect-control label{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.effect-control output{font-variant-numeric:tabular-nums;color:var(--green);font-size:.85rem}.image-edit-grid textarea{border:1px solid var(--outline);border-radius:var(--radius-control);width:100%;min-height:88px;font:inherit;resize:vertical;color:var(--ink);background:var(--paper);padding:12px}.image-edit-grid textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}.watermark-positions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.watermark-positions .ui-button{white-space:normal;min-width:0;padding:8px 4px;font-size:.74rem;line-height:1.25}.watermark-positions [aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--green)}.watermark-import{background:#f8fbf9;border:1px dashed #a9c5b5;border-radius:10px;margin-top:12px;padding:12px}.watermark-thumbnail{object-fit:contain;width:100%;height:64px;margin-top:12px;display:block}.import-actions{flex-wrap:wrap;gap:8px;display:flex}.import-actions .ui-button{white-space:nowrap}.batch-panel{min-width:0}.batch-panel h2{font-size:1rem}#batch-status{font-size:.85rem;font-weight:600}.batch-panel progress{width:100%;accent-color:var(--green);margin-bottom:12px}.batch-list{border:1px solid var(--line);border-radius:12px;max-height:260px;margin:12px 0 20px;padding:0;list-style:none;overflow-y:auto}.batch-list:empty{display:none}.batch-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px;align-items:center;padding:4px;display:grid}.batch-list li:last-child{border-bottom:0}.batch-select.ui-button{text-align:start;width:100%;color:var(--ink);justify-content:space-between;gap:12px;min-width:0;padding:8px;font-size:.8rem;display:flex}.batch-path{overflow-wrap:anywhere;min-width:0}.batch-item-status{white-space:nowrap;color:var(--muted);font-size:.73rem}[data-item-status=success] .batch-item-status{color:var(--green)}[data-item-status=error] .batch-item-status{color:var(--danger)}[data-item-status=unmet] .batch-item-status{color:var(--amber)}.batch-remove.ui-button{width:44px;padding:0}.batch-list .field-error{grid-column:1/-1;margin:0;padding:4px 8px}.batch-previews .preview-panel{min-height:0}.batch-previews p{margin-top:10px}.batch-export{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.batch-export p{flex-basis:100%;margin:0}@media (width<=760px){.image-import .import-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.image-import #choose-image{grid-column:1/-1}.image-import .ui-button{padding:10px 8px;font-size:.8rem}.image-import .drop-copy .small{line-height:1.45}.batch-list{max-height:240px}.batch-export .ui-button{width:100%}}.image-tool-tabs{scrollbar-width:thin;background:var(--surface-container);border-radius:var(--radius-pill);border:0;gap:4px;padding:4px;display:flex;overflow-x:auto}.image-tool-tabs a{border-radius:var(--radius-pill);min-height:44px;color:var(--muted);flex-shrink:0;padding:10px 16px;font-weight:600;text-decoration:none}.image-tool-tabs a[aria-current=page]{background:var(--primary-container);color:var(--on-primary-container);box-shadow:none}.image-tool-tabs a:hover{background:var(--surface-container-highest)}.workspace-continuity{color:var(--gray-11);margin:8px 0 18px;font-size:13px}.tool-loading{min-height:180px;color:var(--muted);align-content:center;display:grid}.session-actions{background:var(--gray-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;display:flex}.session-actions>div{flex-wrap:wrap;gap:8px;display:flex}@media (width<=760px){.image-tool-tabs a{padding:9px 12px}.session-actions{background:0 0;padding:8px 0}}.visual-editor{min-width:0}.editor-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:10px;display:flex}.editor-toolbar output{font-variant-numeric:tabular-nums;font-weight:650}.crop-stage{background:var(--line);touch-action:none;border-radius:10px;margin-inline:auto}.crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.1%,#ffffff80 33.1% 33.5%,#0000 33.5% 66.4%,#ffffff80 66.4% 66.8%,#0000 66.8%),linear-gradient(#0000 33.1%,#ffffff80 33.1% 33.5%,#0000 33.5% 66.4%,#ffffff80 66.4% 66.8%,#0000 66.8%);position:absolute;inset:0}button.crop-handle{z-index:2;touch-action:none;background:0 0;border:0;border-radius:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;position:absolute}.crop-handle span,.resize-handle span{border:2px solid var(--green);background:#fff;border-radius:3px;width:14px;height:14px;margin:auto;display:block;box-shadow:0 1px 4px #0003}.crop-handle-nw{cursor:nwse-resize;inset:0 auto auto 0}.crop-handle-ne{cursor:nesw-resize;top:0;bottom:auto;right:0}.crop-handle-sw{cursor:nesw-resize;bottom:0;left:0;right:auto}.crop-handle-se{cursor:nwse-resize;bottom:0;right:0}.crop-handle-n{cursor:ns-resize;inset:0 auto auto calc(50% - 22px)}.crop-handle-s{cursor:ns-resize;bottom:0;left:calc(50% - 22px);right:auto}.crop-handle-w{cursor:ew-resize;inset:calc(50% - 22px) auto auto 0}.crop-handle-e{cursor:ew-resize;top:calc(50% - 22px);bottom:auto;right:0}.resize-stage{background:var(--canvas);border-radius:10px;width:100%;min-width:0;margin:auto;position:relative;overflow:hidden}.resize-frame{border:2px solid var(--green);background-color:#fff;background-image:linear-gradient(45deg,#e6ece9 25%,#0000 25%),linear-gradient(-45deg,#e6ece9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6ece9 75%),linear-gradient(-45deg,#0000 75%,#e6ece9 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-frame canvas{width:100%;height:100%;display:block}button.resize-handle{touch-action:none;background:0 0;border:0;border-radius:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;position:absolute}button.crop-handle:hover,button.resize-handle:hover{background:0 0}button.crop-handle:hover span,button.resize-handle:hover span{background:var(--mint);border-color:var(--green-dark)}button.crop-handle:focus-visible,button.resize-handle:focus-visible{outline:2px solid var(--green-dark);outline-offset:-2px;background:#e9f5efbb}.resize-handle-corner{cursor:nwse-resize;bottom:0;right:0}.resize-handle-width{cursor:ew-resize;top:calc(50% - 22px);right:0}.resize-handle-height{cursor:ns-resize;bottom:0;left:calc(50% - 22px)}.editor-error{position:absolute;inset:15% 8%}.preview-grid[data-visual-editor=true][data-has-result=false]{grid-template-columns:minmax(0,1fr)}@media (width>=761px){.preview-grid[data-visual-editor=true][data-has-result=false] #result-panel{display:none}}.pdf-file-import{border:1px dashed var(--outline);background:var(--surface-container-low);border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.pdf-file-import>svg{width:32px;height:32px;color:var(--green)}.pdf-file-import>div{flex:1;min-width:180px}.pdf-file-import p{margin:5px 0 0}.pdf-document-list{background:var(--surface-container-low);border-radius:20px;max-height:440px;margin:16px 0;padding:4px;list-style:none;overflow:auto}.pdf-document-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 12px;display:flex}.pdf-document-row:last-child{border-bottom:0}.pdf-document-number{background:var(--secondary-container);min-width:36px;height:40px;color:var(--on-secondary-container);font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;font-weight:600;display:grid}.pdf-document-name{flex:1;min-width:0}.pdf-document-name strong,.pdf-document-name span{overflow-wrap:anywhere;display:block}.pdf-row-actions{gap:3px;display:flex}.pdf-row-actions button{min-width:44px;min-height:44px}.pdf-document-selected{overflow-wrap:anywhere;flex-direction:column;gap:5px;padding:12px 0;display:flex}.pdf-document-workspace fieldset{max-width:650px}.pdf-page-select-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.pdf-page-selector{flex-wrap:wrap;gap:8px;max-height:260px;padding:6px 0 14px;display:flex;overflow:auto}.pdf-page-selector button{min-width:44px;min-height:44px}.pdf-document-notice{max-width:850px;color:var(--muted);margin:16px 0}.pdf-export-result{background:var(--primary-container);border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.pdf-export-result p{flex-basis:100%;margin:0}@media (width<=600px){.pdf-file-import{padding:16px}.pdf-document-row{grid-template-columns:36px minmax(0,1fr);gap:6px 12px;display:grid}.pdf-document-number{align-self:start}.pdf-row-actions{grid-column:2;justify-self:end;margin-left:0}.pdf-export-result>a{width:100%}}@media (width<=760px){.breadcrumbs+.image-workspace-intro{padding-block:6px}.image-workspace-intro h1{margin-bottom:8px;font-size:1.25rem;line-height:1.25}.workspace-continuity{margin:6px 0 8px;font-size:12px;line-height:1.5}}.compression-modes{flex-wrap:wrap;margin:0 0 8px}.compression-modes button{white-space:normal;flex:100px;min-width:0}.png-setting{margin-top:14px}.png-setting details{border:0;margin:8px 0 0;padding:0}.png-setting summary{color:var(--muted);font-size:.8rem}.compression-summary{border:1px solid var(--line);overflow-wrap:anywhere;background:#f0f8f2;border-radius:12px;padding:12px;font-size:.875rem}.batch-byte-change{overflow-wrap:anywhere;grid-column:1/-1;margin:0 8px 6px}.batch-export{margin-block:12px}.primary-settings{min-width:0}.primary-settings>:first-child{margin-top:0}details.settings-disclosure{background:var(--surface-container);border:1px solid #0000;border-radius:16px;min-width:0;margin:8px 0;padding:0}.settings-disclosure>summary{min-height:44px;color:var(--ink);overflow-wrap:anywhere;border-radius:15px;align-items:center;gap:8px;padding:10px 12px;font-size:.84rem;font-weight:600;line-height:1.5;list-style:none;display:flex}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure>summary>span:first-child{flex:1;min-width:0}.settings-disclosure-note{max-width:50%;color:var(--muted);text-align:end;font-size:.72rem;font-weight:500}.settings-disclosure>summary>.icon{width:18px;height:18px;color:var(--muted)}.settings-disclosure[open]>summary>.icon{transform:rotate(180deg)}.settings-disclosure>summary:hover{background:var(--surface-container-high)}.settings-disclosure[open]>summary{border-bottom:1px solid var(--line);border-radius:15px 15px 0 0}.settings-disclosure-content{min-width:0;padding:4px 12px 12px}.settings-disclosure-content>:first-child{margin-top:8px}.settings-disclosure-content>:last-child{margin-bottom:0}.settings-disclosure .output-settings{border:0;margin:0;padding:0}.settings-disclosure .format-notice{background:0 0;margin:8px 0 0;padding:0}.settings-disclosure .checkbox-label{margin-block:4px 0}.settings-disclosure .settings-disclosure{background:var(--surface-container-high)}.settings-panel .actions{gap:4px}.settings-panel .status-area{min-height:0;padding:10px}.settings-panel .format-notice{line-height:1.5}.settings-panel .field-pair{gap:8px}.settings-panel :is(.ui-select,input,textarea){max-width:100%}.settings-panel .ui-color-field{border:1px solid var(--outline);border-radius:var(--radius-control);background:var(--paper);padding:4px}.inspection-toolbar .ui-button,.import-actions .ui-button,.effect-compare .ui-button,.pdf-row-actions .ui-button,.watermark-positions .ui-button,.feedback-dismiss.ui-button{min-height:44px}.tool-card-top .rt-Badge{color:var(--muted);background:0 0}.compression-modes{gap:4px}.compression-modes .ui-button{min-height:44px;padding-inline:10px;font-size:.82rem}.compression-modes .ui-button[aria-pressed=true]{background:var(--primary-container);color:var(--on-primary-container);box-shadow:none}.compression-summary{background:var(--surface-container);border-color:#0000;border-radius:16px}.batch-select[aria-pressed=true]{background:var(--primary-container);box-shadow:inset 0 0 0 1px var(--outline)}.workspace-navigation{border-radius:var(--radius-pill)}.image-tool-tabs a:focus-visible{outline-offset:-3px}@media (width<=760px){.image-edit-grid{gap:16px}.settings-disclosure>summary{font-size:.8rem}.settings-disclosure-content{padding-inline:10px}.settings-panel .actions .ui-button{font-size:.85rem}.pdf-document-row{padding-inline:8px}}.image-edit-grid,.tool-workspace{flex-direction:column;gap:12px;display:flex;position:relative}.image-edit-grid>.image-edit-previews,.tool-workspace>.comparison-panel{order:0;width:100%;position:static}.image-edit-grid>.workspace-action-slot,.tool-workspace>.workspace-action-slot{order:1}.image-edit-grid .preview-panel,.tool-workspace .preview-panel{background:var(--surface-container-low);border-radius:24px;min-height:0;padding:16px}.image-edit-grid .preview-frame,.tool-workspace .preview-frame{background-color:var(--surface-container);border:0;height:300px}.image-edit-grid .file-details,.tool-workspace .file-details{min-height:0;margin-block:10px}.image-edit-grid .preview-grid[data-has-result=false],.tool-workspace .preview-grid[data-has-result=false]{grid-template-columns:minmax(0,1fr)}.image-edit-grid .preview-grid[data-has-result=false] #result-panel,.tool-workspace .preview-grid[data-has-result=false] #result-panel{display:none}.workspace-action-slot{min-width:0}.workspace-action-dock{z-index:6;background:var(--surface-container-high);min-width:0;box-shadow:var(--shadow-floating);border-radius:28px;padding:12px 16px;position:sticky;bottom:12px}.workspace-action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workspace-settings-summary{flex:1;min-width:160px}.workspace-settings-summary>span{color:var(--muted);font-size:.7rem;line-height:1.5;display:block}.workspace-settings-summary>strong{overflow-wrap:anywhere;font-size:.83rem;font-weight:600;line-height:1.5;display:block}.workspace-primary-actions.actions{align-items:center;gap:6px;margin:0;display:flex}.workspace-primary-actions :is(#compress,#cancel,#process-image,#reset){width:auto;margin:0}.workspace-primary-actions .ui-button[type=submit],.workspace-primary-actions #pdf-generate{min-width:160px}.workspace-action-feedback{min-width:0}:is(#image-tool[data-image-selected=true] .workspace-action-feedback,#image-workspace[data-image-selected=true] .workspace-action-feedback:has(>.status-area:not([hidden]))){min-height:43px;display:flow-root}.workspace-format-notice{color:var(--muted);margin:8px 0 0;font-size:.73rem;line-height:1.5}.workspace-action-feedback .status-area{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;min-height:0;margin:8px 0 0;padding:8px 0 0}.workspace-action-feedback>p{margin:8px 0 0;font-size:.8rem}.workspace-settings-panel{z-index:15;border:1px solid var(--line);width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 240px);color:var(--ink);background:var(--surface-container-low);box-shadow:var(--shadow-floating);overscroll-behavior:contain;border-radius:28px;margin:0;padding:0;position:fixed;inset:96px max(20px,50vw - 580px) auto auto;overflow:auto}.workspace-settings-header{z-index:1;border-bottom:1px solid var(--line);background:var(--surface-container-low);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.workspace-settings-title{margin:0;font-size:1rem}.workspace-settings-title:focus{outline:none}.workspace-settings-header .ui-button{flex-shrink:0;width:44px;min-width:44px;height:44px;padding:0}.workspace-settings-body{min-width:0;padding:0 16px 16px}.workspace-settings-body .settings-panel{background:0 0;border:0;border-radius:0;margin:0;padding:0}.workspace-settings-body .settings-panel label:not(.checkbox-label){margin-top:12px}.workspace-settings-body .settings-panel .ui-color-field{width:100%;min-height:44px}.workspace-settings-body .settings-panel textarea{border:1px solid var(--outline);width:100%;min-height:88px;font:inherit;resize:vertical;background:var(--paper);color:var(--ink);border-radius:12px;padding:12px}.workspace-settings-body .settings-panel input[type=number]:not(.rt-TextFieldInput){border:1px solid var(--outline);width:100%;min-height:44px;font:inherit;color:var(--ink);background:var(--paper);border-radius:12px;padding:10px}@media (width<=760px){.image-edit-grid[data-has-image=true] .image-edit-previews,.tool-workspace[data-has-image=true] .comparison-panel{order:0}.image-edit-grid .preview-panel,.tool-workspace .preview-panel{padding:12px}.image-edit-grid .preview-frame,.tool-workspace .preview-frame{height:230px}.workspace-action-dock{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-radius:24px;bottom:8px}.workspace-action-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.workspace-settings-summary{order:0;grid-column:1/-1;min-width:0}.workspace-settings-summary>span{display:none}.workspace-settings-summary>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}#workspace-settings-trigger{order:1;grid-column:1;justify-self:start;min-width:0;padding-inline:12px;font-size:.8rem}.workspace-primary-actions.actions{display:contents}.workspace-primary-actions #result-download{order:2;grid-column:1/-1;width:100%}.workspace-primary-actions .ui-button[type=submit],.workspace-primary-actions #pdf-generate{order:2;grid-column:1/-1;width:100%;min-width:0}.workspace-primary-actions :is(#reset,#collage-reset){order:1;grid-column:2;min-width:0;font-size:.8rem}.workspace-primary-actions :is(#cancel,#collage-cancel,#pdf-cancel){order:3;grid-column:1/-1;min-width:0;font-size:.8rem}.workspace-action-feedback #tool-status{font-size:.75rem}.workspace-action-feedback .status-area[data-status=ready]:not(:has(#already-small:not([hidden]))){clip-path:inset(50%);border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.workspace-settings-panel{border-radius:28px 28px 20px 20px;order:1;width:100%;max-width:none;max-height:62dvh;margin:0;scroll-margin-top:12px;position:static;inset:auto}.image-edit-grid>.workspace-action-slot,.tool-workspace>.workspace-action-slot,.collage-tool .collage-edit-grid>.workspace-action-slot{order:2}.workspace-settings-body{padding-inline:14px}}:is(.icon-workspace,.webicon-workspace,.alignment-workspace) .workspace-action-dock{margin-top:12px;position:static}@media (width<=760px){.workspace-primary-actions :is(#icon-reset,#webicon-reset,#alignment-reset){order:1;grid-column:2;min-width:0;font-size:.8rem}:is(.icon-workspace[data-state=ready] .icon-feedback,.webicon-workspace[data-state=ready] .webicon-feedback,.alignment-workspace[data-state=ready] .alignment-feedback)>p{clip-path:inset(50%);border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}}.focus-tool-shell{width:min(1920px,100% - 48px)}body:is([data-page-tool-id=image-layout-simulator],[data-page-tool-id=text-diff]) .site-header{width:min(1920px,100% - 48px);min-height:64px}.device-studio-heading{align-items:center;gap:24px;min-height:64px;padding-block:8px;display:flex}.device-studio-heading h1{letter-spacing:0;margin:0;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:500;line-height:1.4}.device-studio-back{border-radius:var(--radius-pill);flex:none;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:.8125rem;text-decoration:none;display:inline-flex}.device-studio-back .icon{transform:rotate(180deg)}.device-studio-back:hover{background:var(--surface-container)}.tool-guide{border-block:1px solid var(--line);margin:16px 4px 0;padding:0}.tool-guide>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;font-size:.8125rem;list-style:none;display:flex}.tool-guide>summary::-webkit-details-marker{display:none}.tool-guide[open]>summary .icon{transform:rotate(180deg)}.tool-guide .home-content{margin:24px auto;padding:0 12px}@media (width<=760px){.focus-tool-shell{width:calc(100% - 24px)}body:is([data-page-tool-id=image-layout-simulator],[data-page-tool-id=text-diff]) .site-header{width:calc(100% - 24px);padding-block:0}.device-studio-heading{gap:8px;min-height:64px}.device-studio-back{justify-content:center;width:44px;padding:10px}.device-studio-back span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tool-guide{margin-inline:4px}}.tool-guide>summary .icon{width:16px;height:16px}.tool-page-footer{flex-wrap:wrap;align-items:center;gap:4px 24px;margin-top:20px;padding-block:12px 20px;font-size:.75rem;display:flex}.tool-page-footer>p{margin:0}.tool-page-footer .footer-nav{gap:16px;margin:0}.tool-page-footer .footer-nav a{align-items:center;min-height:44px;display:inline-flex}.tool-page-footer .language-controls{flex:1;justify-content:flex-end;gap:0 12px}.tool-page-footer .language-links{gap:4px}.tool-page-footer .language-links a{border:0;border-radius:8px;padding:4px 8px;font-size:.75rem}.tool-page-footer .follow-language{padding:8px;font-size:.75rem}@media (width<=760px){.tool-page-footer{gap:0 16px;margin-top:16px}.tool-page-footer .language-controls{flex-basis:100%;justify-content:flex-start}.tool-page-footer .language-links{gap:0}}.tool-page-shell,.focus-tool-shell{width:min(1920px,100% - 40px)}body[data-page-type=tool] .site-header{width:min(1920px,100% - 40px);min-height:64px}body:has(.tool-page-shell) .site-header{width:min(1920px,100% - 40px);min-height:64px}.tool-page-shell .device-studio-heading{gap:16px;min-height:64px;padding-block:6px}.tool-category-link{flex-shrink:0;align-items:center;min-height:44px;margin-left:auto;padding:8px 12px;font-size:.8125rem;text-decoration:none;display:inline-flex}.tool-page-shell .tool{padding:16px}.image-tool-tabs{z-index:8;background:0 0;border-radius:0;margin:0 0 12px;padding:0;display:block;position:relative;overflow:visible}.image-tool-picker{border:0;margin:0;padding:0}.image-tool-picker>summary{border:1px solid var(--line);background:var(--surface-container);cursor:pointer;border-radius:24px;align-items:center;gap:12px;min-height:52px;padding:4px 14px;list-style:none;display:flex}.image-tool-picker>summary::-webkit-details-marker{display:none}.image-tool-picker>summary>span:first-of-type{flex-wrap:wrap;flex:1;align-items:baseline;column-gap:16px;min-width:0;display:flex}.image-tool-picker small{color:var(--muted);font-size:.75rem}.image-tool-picker strong{color:var(--ink);font-size:.875rem;font-weight:600}.image-tool-switch{color:var(--green);font-size:.8125rem}.image-tool-picker[open]>summary>.icon:last-child{transform:rotate(180deg)}.image-tool-menu{border:1px solid var(--line);background:var(--paper);width:min(900px,100%);max-height:min(640px,75dvh);box-shadow:var(--shadow-floating);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.image-tool-menu h2{color:var(--muted);margin:4px 10px 8px;font-size:.75rem;font-weight:500}.image-tool-menu section{min-width:0}.image-tool-tabs .image-tool-menu a{white-space:normal;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:.8125rem;text-decoration:none;display:flex}.image-tool-tabs .image-tool-menu a[aria-current=page]{background:var(--primary-container);color:var(--on-primary-container)}.image-tool-tabs .image-tool-menu a:hover{background:var(--surface-container)}.image-edit-grid .preview-grid,.tool-workspace .preview-grid{grid-template-columns:minmax(0,1fr)}.preview-tabs{gap:4px;margin-bottom:8px;display:flex}.image-edit-grid .preview-panel,.tool-workspace .preview-panel{padding:12px}.image-edit-grid .preview-panel>h2,.tool-workspace .preview-panel>h3{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.image-inspection .inspection-viewport,.image-edit-grid .preview-frame,.tool-workspace .preview-frame{height:clamp(360px,100dvh - 280px,1100px)}.image-inspection .inspection-viewport{padding:12px;display:flex}.image-inspection .inspection-picture,.image-inspection:not([data-inspection-zoom=fit]) .inspection-picture{margin:auto}.image-inspection .inspection-expand{margin-left:auto}.effect-compare{flex-wrap:wrap}.effect-compare .ui-button{flex:0 auto}.image-inspection[data-expanded=true] .inspection-viewport{height:calc(100dvh - 120px)}.image-inspection:fullscreen{background:var(--canvas);flex-direction:column;padding:16px;display:flex;overflow:auto}.image-inspection:fullscreen .inspection-viewport{flex:1;height:auto;min-height:0}.image-inspection:fullscreen .inspection-toolbar{flex:none}.image-workspace[data-image-selected=true]>.local-note,.tool[data-image-selected=true]>.local-note{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.image-workspace>.session-actions,.tool>.session-actions{margin-block:8px}.image-edit-grid .file-details,.tool-workspace .file-details{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:4px 12px;min-height:0}.workspace-settings-panel{border-radius:24px;flex-direction:column;width:min(480px,42vw);max-width:calc(100vw - 32px);max-height:none;display:flex;position:fixed;inset:16px 16px 16px auto;overflow:hidden}.workspace-settings-panel:not([open]){display:none}.workspace-settings-header,.workspace-settings-footer{flex:none}.workspace-settings-header{padding:12px 20px}.workspace-settings-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:0 20px 20px;overflow:auto}.workspace-settings-footer{border-top:1px solid var(--line);background:var(--surface-container-low);padding:12px 20px}.workspace-settings-footer .ui-button{width:100%;min-height:44px}.numbered-editor{resize:vertical;border:1px solid var(--outline);background:var(--paper);border-radius:14px;grid-template-columns:4.25em minmax(0,1fr);min-width:0;height:clamp(340px,100dvh - 310px,1000px);min-height:160px;display:grid;position:relative;overflow:hidden}.numbered-editor:focus-within{outline:2px solid var(--green);outline-offset:2px}.numbered-editor:has([aria-invalid=true]){border-color:var(--danger)}.editor-gutter{-webkit-user-select:none;user-select:none;min-height:0;color:var(--muted);background:var(--surface-container);text-align:right;border-right:1px solid var(--line);font-variant-numeric:tabular-nums;font:14px/22px ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;position:relative;overflow:hidden}.editor-gutter>div{padding:12px 10px}.editor-gutter>div>div{height:22px}.tool .numbered-editor>textarea,.tool .numbered-editor>textarea.json-editor{box-sizing:border-box;resize:none;width:100%;height:100%;min-height:0;color:var(--ink);tab-size:4;white-space:pre;overflow-wrap:normal;word-break:normal;background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:12px;font:14px/22px ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;display:block}@media (width<=760px){.tool-page-shell,.focus-tool-shell{width:calc(100% - 24px)}body:has(.tool-page-shell) .site-header{width:calc(100% - 24px);padding-block:0}.tool-page-shell .tool{padding:12px}.tool-page-shell .device-studio-heading{gap:8px}.tool-category-link{display:none}.image-tool-picker>summary{gap:8px;padding-inline:10px}.image-tool-picker>summary>span:first-of-type{display:block}.image-tool-picker small,.image-tool-switch{display:none}.image-tool-menu{grid-template-columns:1fr;gap:12px;width:100%;max-height:70dvh}.image-tool-menu section{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.image-tool-menu h2{grid-column:1/-1}.image-edit-grid .file-details,.tool-workspace .file-details{grid-template-columns:auto minmax(0,1fr)}.image-inspection .inspection-viewport,.image-edit-grid .preview-frame,.tool-workspace .preview-frame{height:clamp(320px,55dvh,680px)}.inspection-toolbar{gap:4px}.inspection-toolbar .ui-button{padding-inline:10px;font-size:.75rem}.workspace-settings-panel{order:1;width:100%;max-width:none;height:auto;min-height:0;max-height:80dvh;position:static;inset:auto}.workspace-settings-body{flex:auto;padding-inline:16px}.workspace-settings-header,.workspace-settings-footer{padding:10px 16px}.numbered-editor{grid-template-columns:3.5em minmax(0,1fr);height:clamp(240px,45dvh,600px)}.diff-inputs .numbered-editor{height:clamp(220px,34dvh,500px)}}.icon-customization{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.icon-source-modes{flex-wrap:wrap;gap:8px;display:flex}.icon-source-modes .ui-button{min-height:44px}.icon-source-hint{max-width:90ch;margin:8px 0 12px}.icon-quick-settings{background:var(--surface-container-low);border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 16px;display:flex}.icon-scale-control{flex:1;min-width:min(240px,100%);max-width:640px}.tool .icon-scale-control label{justify-content:space-between;margin:0;display:flex}.icon-scale-control output{font-variant-numeric:tabular-nums;color:var(--green)}.icon-scale-control input{width:100%;min-height:44px;accent-color:var(--green);display:block}.icon-scale-presets{gap:4px;display:flex}.icon-scale-presets .ui-button{min-height:44px;font-size:.8125rem}.tool .icon-quick-color{align-items:center;gap:12px;display:flex}.tool .icon-quick-color label{margin:0;font-size:.8125rem}.tool .icon-quick-color .ui-color-field{border:1px solid var(--outline);border-radius:8px;width:64px;min-height:44px;padding:4px}.icon-advanced>summary{cursor:pointer;align-content:center;min-height:48px;font-size:.875rem;font-weight:600}.tool .icon-preview-grid>canvas,.tool .webicon-preview-grid>canvas{cursor:default;touch-action:auto;width:min(100%,clamp(320px,100dvh - 320px,850px))}.tool .icon-preview-grid>canvas[data-editable=true],.tool .webicon-preview-grid>canvas[data-editable=true]{cursor:move;touch-action:none}.tool .icon-preview-grid,.tool .webicon-preview-grid{background:var(--surface-container-low);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(180px,280px);padding:20px}.tool .icon-masks,.tool .webicon-masks{max-width:280px}@media (width<=760px){.icon-quick-settings{gap:4px 12px;padding:12px}.icon-scale-control{flex-basis:100%;min-width:0}.icon-scale-presets{flex:1}.tool .icon-quick-color{gap:8px}.tool .icon-quick-color label{max-width:90px}.tool .icon-preview-grid,.tool .webicon-preview-grid{grid-template-columns:minmax(0,1fr);padding:12px}.tool .icon-masks,.tool .webicon-masks{max-width:none}}:root{--workspace-canvas-height:clamp(360px, calc(100dvh - 280px), 1100px)}.tool-page-shell .crop-stage,.tool-page-shell .resize-stage{margin-inline:auto}.tool-page-shell .collage-frame{height:var(--workspace-canvas-height)}.tool-page-shell .pdf-preview{min-height:var(--workspace-canvas-height)}.tool-page-shell .pdf-sheet{max-width:min(100%,680px);max-height:calc(var(--workspace-canvas-height) - 100px)}.tool-page-shell .text-workspace .text-editor{height:clamp(340px,100dvh - 300px,1000px)}.tool-page-shell .zip-workspace .zip-files,.tool-page-shell .pdf-document-list{max-height:clamp(340px,100dvh - 320px,900px)}.tool-page-shell .local-image-view{height:var(--workspace-canvas-height);max-height:none}.tool-page-shell .local-image-view>img,.tool-page-shell .local-image-view canvas{max-height:calc(var(--workspace-canvas-height) - 24px)}.tool-page-shell .local-image-view[data-zoom="100"]>img,.tool-page-shell .local-image-view[data-zoom="200"]>img,.tool-page-shell .local-image-view[data-zoom="100"] canvas,.tool-page-shell .local-image-view[data-zoom="200"] canvas{max-height:none}.local-image-view[data-pannable=true]{cursor:grab;touch-action:none}.local-image-view[data-pannable=true]:active{cursor:grabbing}.tool-page-shell .alignment-preview canvas{max-height:var(--workspace-canvas-height)}@media (width<=760px){:root{--workspace-canvas-height:clamp(320px, 55dvh, 680px)}.tool-page-shell .text-workspace .text-editor{height:clamp(260px,48dvh,600px)}}.tool-page-shell .device-studio-heading{min-height:56px}.image-tool-picker>summary{min-height:44px}.image-import.has-image{border-radius:16px;gap:12px;padding:6px 12px}.image-import.has-image .upload-icon,.image-import.has-image #image-paste-hint{display:none}.image-import.has-image .drop-copy strong{font-size:.8125rem}.image-import.has-image .drop-copy>p{margin:0;font-size:.6875rem}.import-more{border:0;margin:0;padding:0;position:relative}.import-more>summary{cursor:pointer;min-height:44px;color:var(--green);border-radius:24px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;list-style:none;display:flex}.import-more>summary::-webkit-details-marker{display:none}.import-more>div{z-index:9;background:var(--paper);min-width:200px;box-shadow:var(--shadow-floating);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;inset:calc(100% + 4px) 0 auto auto}.image-edit-grid>.workspace-action-slot,.tool-workspace>.workspace-action-slot{position:static}.workspace-action-feedback .status-area[data-status=ready]:not(:has(#already-small:not([hidden]))){clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.icon-workspace,.webicon-workspace{grid-template-columns:minmax(0,1fr) minmax(160px,260px);gap:12px;display:grid}.icon-workspace>:not(.icon-import):not(.icon-platform),.webicon-workspace>*{grid-column:1/-1}.tool .icon-import,.tool .webicon-import{gap:8px 16px}.tool .icon-import>p.small,.tool .webicon-import>p.small{flex-basis:auto;font-size:.6875rem}.tool .icon-import>p:not(.small),.tool .webicon-import>p:not(.small){display:none}.tool .icon-platform{align-items:center;gap:8px;max-width:none;margin:0;display:flex}.tool .icon-platform label{flex:none;margin:0}.tool .icon-platform p{display:none}.tool .icon-customization{border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 24px;margin:0;padding:0;display:grid}.icon-customization .icon-source-modes{grid-area:1/1}.icon-customization .icon-quick-settings{grid-area:1/2;gap:8px 16px;padding:8px 12px}.icon-customization .icon-source-hint{grid-area:2/1/auto/-1;margin:4px 0 0}.tool .icon-view,.tool .webicon-view{margin-top:0}.tool .icon-preview-grid>canvas,.tool .webicon-preview-grid>canvas{width:min(100%,clamp(300px,100dvh - 440px,1000px))}@media (width<=760px){.image-import.has-image{flex-wrap:nowrap;gap:8px;display:flex}.image-import.has-image .drop-copy{display:none}.image-import.has-image .import-actions{flex-wrap:nowrap;gap:6px;width:100%;display:flex}.image-import.has-image #choose-image{flex:1;width:auto;min-width:0;padding-inline:10px}.import-more>summary>span{font-size:.75rem}.import-more>div .ui-button{width:100%}.tool .icon-workspace,.tool .webicon-workspace{display:block}.icon-workspace,.webicon-workspace{flex-direction:column;gap:10px;display:flex}.tool .icon-platform{max-width:none}.tool .icon-platform .ui-select{flex:1;min-width:0}.tool .icon-customization{flex-direction:column;align-items:stretch;gap:4px;display:flex}.icon-customization .icon-quick-settings{padding:8px 12px}.icon-customization .icon-source-hint{margin:0;font-size:.6875rem}.icon-quick-settings .icon-scale-control{flex:100%}.icon-quick-settings .icon-scale-presets{flex:1}}@media (width>=761px){.workspace-settings-panel{top:var(--workspace-panel-top,16px);height:auto;max-height:var(--workspace-panel-height,calc(100dvh - 144px));bottom:auto}.workspace-settings-panel[data-outside-workspace=true]{visibility:hidden}.image-edit-grid>.workspace-action-slot,.tool-workspace>.workspace-action-slot{z-index:16;position:sticky;bottom:12px}.workspace-action-slot .workspace-action-dock{position:static}.image-edit-grid :is(.crop-stage,.resize-stage,.redact-stage){scroll-margin-block:22px calc(var(--workspace-action-height,0px) + 34px)}}.tool-page-shell{--workspace-empty-height:clamp(220px,calc(100dvh - 420px),380px)}.canvas-import.ui-button{min-height:var(--workspace-empty-height,280px);background:var(--surface-container-low);border-radius:14px;gap:10px;padding:24px}.tool-workspace:not([data-has-image=true]) .preview-frame,.image-edit-grid:not([data-has-image=true]) .preview-frame{height:var(--workspace-empty-height,280px)}.preview-frame:has(>.canvas-import){height:var(--workspace-empty-height,280px)}.collage-frame:has(>.canvas-import){height:var(--workspace-empty-height,280px)}.tool-workspace:not([data-has-image=true]) .preview-panel,.image-edit-grid:not([data-has-image=true]) .preview-panel{background:0 0;padding:0}.preview-frame:has(>.canvas-import){background:0 0;padding:0}.image-import:not(.has-image){background:0 0;border:0;align-items:center;gap:8px;padding:0}.image-import:not(.has-image) .upload-icon,.image-import:not(.has-image) .drop-copy strong{display:none}.image-import:not(.has-image) .drop-copy{flex:1;min-width:0}.image-import:not(.has-image) .drop-copy p{margin:0;font-size:.75rem}.image-import:not(.has-image) .import-actions{flex-wrap:nowrap;flex:none;width:auto;display:flex}:is(.image-workspace:has(.canvas-import)>.local-note,.collage-tool:has(.canvas-import)>.local-note){margin:8px 0 12px}:is(.tool-workspace:has(.canvas-import)>.workspace-action-slot,.image-edit-grid:has(.canvas-import)>.workspace-action-slot){position:static}:is(.tool-workspace:has(.canvas-import) .workspace-action-dock,.image-edit-grid:has(.canvas-import) .workspace-action-dock){box-shadow:none;border:1px solid var(--line);background:0 0;border-radius:16px}.pdf-empty>.canvas-import{min-height:var(--workspace-empty-height,280px)}.tool:has(>.canvas-import)>.canvas-import{margin-block:12px}.local-image-import:has(>button[hidden])>p:not(.small):not([role=alert]):not([role=status]){display:none}.qr-reader-import:has(button[hidden])>p:not(.small){display:none}:is(.icon-workspace:has(.canvas-import) .icon-customization,.webicon-workspace:has(.canvas-import) .icon-customization),:is(.icon-workspace:has(.canvas-import) .icon-intent-hint,.webicon-workspace:has(.canvas-import) .icon-intent-hint){display:none}.tool-page-shell :is(.time-workspace,.unit-workspace,.base-workspace,.timestamp-converter,.password-workspace,.qr-generator){width:100%;max-width:960px;margin-inline:auto}.tool-page-shell .password-workspace{max-width:800px}@media (width<=760px){.tool-page-shell{--workspace-empty-height:240px}.image-import:not(.has-image){flex-wrap:nowrap}.image-import:not(.has-image) .drop-copy{flex-basis:auto}.image-import:not(.has-image) .import-more>summary{gap:4px;padding-inline:0;font-size:.75rem}}.tool-workspace:has(.canvas-import) .panel-heading{display:none}:is(.tool-workspace:has(.canvas-import) .workspace-action-feedback:has([data-status=idle]),.image-edit-grid:has(.canvas-import) .workspace-action-feedback:has([data-status=idle])){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(.tool-workspace:has(.canvas-import:enabled) .workspace-primary-actions>.ui-button:disabled,.image-edit-grid:has(.canvas-import:enabled) .workspace-primary-actions>.ui-button:disabled){display:none}:is(.local-image-workspace,.icon-workspace,.webicon-workspace):has(.canvas-import) .workspace-action-dock{box-shadow:none;border:1px solid var(--line);background:0 0;border-radius:16px}:is(.local-image-workspace,.icon-workspace,.webicon-workspace)[data-state=idle]:has(.canvas-import:enabled) .workspace-primary-actions{display:none}.local-image-import [data-quiet=true]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(.icon-workspace,.webicon-workspace)[data-state=idle]:has(.canvas-import) .workspace-action-feedback{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}