.image-workspace-page .iw-toolbar{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-block:1px solid var(--color-border)}.image-workspace-page .iw-toolbar h2{flex:1 1 140px;margin:0;font-size:15px}.image-workspace-page .iw-actions,.image-workspace-page .iw-file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.image-workspace-page .iw-file-actions{padding-left:8px;border-left:1px solid var(--color-border)}.image-workspace-page.tools-workbench .btn{min-height:36px;gap:6px;font-size:12px;box-shadow:none;transform:none}.image-workspace-page.tools-workbench .btn .wb-icon{width:16px;height:16px}.image-workspace-page .btn span{overflow-wrap:anywhere}.image-workspace-page :is(select,input[type=number],input[type=text]){max-width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text);font:inherit;font-size:13px}.image-workspace-page :is(input,select,button,a):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.image-workspace-page :is(input[type=range],input[type=checkbox],input[type=radio]){accent-color:var(--color-primary)}.image-workspace-page input[type=range]{width:100%}.image-workspace-page .control-group{margin-bottom:22px}.image-workspace-page .control-group:last-child{margin-bottom:0}.image-workspace-page .control-label{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--color-heading)}.image-workspace-page :is(.control-row,.compact-option-row,.inline-options,.watermark-row,.coordinate-row){display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px}.image-workspace-page :is(.control-row,.compact-option-row,.inline-options) label{display:inline-flex;align-items:center;gap:5px}.image-workspace-page :is(.panel-heading,.editor-panel-heading){padding:0 0 12px;margin-bottom:18px;border-bottom:1px solid var(--color-border);font-size:15px;font-weight:600;color:var(--color-heading)}.image-workspace-page .editor-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-workspace-page .compact-title{margin:0;font-size:15px}.image-workspace-page :is(.settings-panel,.preview-panel,.editor-panel,.controls-panel,.right-panel){min-width:0}.image-workspace-page.tools-workbench .drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:32px 24px;gap:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.image-workspace-page.tools-workbench .drop-zone:hover,.image-workspace-page.tools-workbench .drop-zone.dragover{border-color:var(--color-primary);background:var(--color-primary-bg)}.image-workspace-page.tools-workbench .drop-icon{margin:0 0 18px;line-height:1;color:var(--color-primary);opacity:1}.image-workspace-page.tools-workbench .drop-icon .wb-icon{width:36px;height:36px}.image-workspace-page.tools-workbench .drop-text{font-size:15px;line-height:1.6;margin:0 0 8px}.image-workspace-page.tools-workbench .drop-hint{font-size:12px;color:var(--color-text-muted)}.image-workspace-page.tools-workbench .drop-zone .btn{margin-top:22px;min-height:40px}.image-workspace-page .converter-container{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:24px;align-items:start}.image-workspace-page .settings-panel{padding-right:24px;border-right:1px solid var(--color-border)}.image-workspace-page .preview-panel{position:relative}.image-workspace-page .control-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.image-workspace-page .control-line select{flex:1;min-width:100px}.image-workspace-page .check-label{display:inline-flex;align-items:center;gap:6px;font-size:12px}.image-workspace-page .stacked-control{margin-top:12px}.image-workspace-page .nested-control{margin-top:10px}.image-workspace-page .number-row,.image-workspace-page .split-row{display:flex;align-items:center;gap:8px;font-size:12px}.image-workspace-page .number-row input{width:110px;min-width:0}.image-workspace-page .split-row{justify-content:space-between;margin-top:12px}.image-workspace-page .range-spaced{margin-top:8px}.image-workspace-page .control-help{margin-top:8px;font-size:11px;color:var(--color-text-muted);line-height:1.7}.image-workspace-page .download-action{display:none}.image-workspace-page .compare-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.image-workspace-page .preview-card{min-width:0}.image-workspace-page .preview-card>.control-label{min-height:21px;color:var(--color-text-muted);font-size:12px}.image-workspace-page .preview-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;background:var(--color-bg)}.image-workspace-page .preview-img{max-width:100%;max-height:360px;width:100%;height:100%;object-fit:contain;background:repeating-conic-gradient(var(--color-border-light) 0% 25%,var(--color-card) 0% 50%) 50% / 16px 16px}.image-workspace-page .iw-result-empty{color:var(--color-text-muted);font-size:12px;padding:16px;text-align:center}.image-workspace-page .preview-frame:has(img[src]:not([src=""])) .iw-result-empty{display:none}.image-workspace-page .result-label-text,.image-workspace-page .result-info{display:none}.image-workspace-page .file-info{margin-top:12px;color:var(--color-text-secondary);font-size:12px;overflow-wrap:anywhere}.image-workspace-page .result-info{padding:14px 0;margin-top:16px;border-top:1px solid var(--color-border);font-size:13px;color:var(--color-success);overflow-wrap:anywhere}.image-workspace-page .processing-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;z-index:2;align-items:center;justify-content:center}.image-workspace-page .processing-overlay.visible{display:flex}.image-workspace-page .editor-container{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.85fr);gap:24px;align-items:start}.image-workspace-page .right-panel{border-left:1px solid var(--color-border);padding-left:24px}.image-workspace-page .button-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.image-workspace-page .button-strip-tight{padding-bottom:14px;margin-bottom:0}.image-workspace-page .move-controls{display:none;flex-wrap:wrap;gap:6px}.image-workspace-page #btn-move-left .wb-icon{transform:rotate(180deg)}.image-workspace-page .frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));align-content:start;gap:8px;max-height:460px;overflow-y:auto;padding:10px;background:var(--color-bg);scrollbar-width:thin}.image-workspace-page .frame-item{position:relative;cursor:pointer;border:2px solid transparent;border-radius:4px;overflow:hidden;background:var(--color-card)}.image-workspace-page .frame-item:hover{border-color:var(--color-primary-border)}.image-workspace-page .frame-item.selected{border-color:var(--color-primary)}.image-workspace-page .frame-item img{display:block;width:100%;height:100px;object-fit:contain}.image-workspace-page .frame-number,.image-workspace-page .frame-delay{position:absolute;padding:2px 5px;border-radius:3px;color:var(--color-card);background:var(--color-heading);font:10px/1.4 var(--font-mono);pointer-events:none}.image-workspace-page .frame-number{top:3px;left:3px}.image-workspace-page .frame-delay{right:3px;bottom:3px}.image-workspace-page .frame-check{position:absolute;top:3px;right:3px;width:18px;height:18px;cursor:pointer;z-index:1}.image-workspace-page .frame-reduce{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.image-workspace-page .compact-option-row{margin-bottom:10px}.image-workspace-page .preview-area{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--color-bg);min-width:0}.image-workspace-page #gif-preview{max-width:100%;height:auto;max-height:320px;object-fit:contain}.image-workspace-page .preview-caption,.image-workspace-page .selected-frame-caption{margin-top:10px;color:var(--color-text-muted);font-size:12px}.image-workspace-page .selected-frame-view{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);text-align:center}.image-workspace-page .selected-frame-img{display:block;margin-inline:auto;max-width:100%;max-height:180px;object-fit:contain}.image-workspace-page .spaced-control{margin-top:22px}.image-workspace-page .inline-options{margin-bottom:12px}.image-workspace-page .watermark-input{width:100%}.image-workspace-page .watermark-row{margin-top:10px}.image-workspace-page .watermark-position{min-width:0}.image-workspace-page .coordinate-row{gap:5px}.image-workspace-page .coordinate-input{width:65px;min-width:0}.image-workspace-page .workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.image-workspace-page .workspace-card{min-width:0}.image-workspace-page .workspace-card:last-child{border-left:1px solid var(--color-border);padding-left:24px}.image-workspace-page .card-heading{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.image-workspace-page .card-heading h2{font-size:15px;margin-bottom:6px}.image-workspace-page .card-heading p{color:var(--color-text-muted);font-size:12px}.image-workspace-page .preview-dropzone{position:relative;height:360px;overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.image-workspace-page .preview-dropzone:hover,.image-workspace-page .preview-dropzone.dragover{border-color:var(--color-primary)}.image-workspace-page .preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.image-workspace-page .preview-empty .icon{margin-bottom:18px;color:var(--color-primary)}.image-workspace-page .preview-empty .wb-icon{width:36px;height:36px}.image-workspace-page .preview-empty strong{font-size:15px;margin-bottom:8px}.image-workspace-page .preview-empty p{max-width:260px;font-size:12px;color:var(--color-text-muted)}.image-workspace-page .preview-image{display:none;width:100%;height:100%;object-fit:contain;background:var(--color-card)}.image-workspace-page .preview-dropzone.is-loaded .preview-image{display:block}.image-workspace-page .preview-dropzone.is-loaded .preview-empty{display:none}.image-workspace-page .overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.image-workspace-page .overlay-box{position:absolute;border:2px solid var(--color-primary);border-radius:3px}.image-workspace-page .overlay-label{position:absolute;top:-12px;left:-2px;padding:2px 6px;border-radius:3px;background:var(--color-primary);color:var(--color-card);font-size:11px;font-weight:600}.image-workspace-page .preview-file-pill,.image-workspace-page .preview-count-pill{position:absolute;z-index:2;display:none;max-width:calc(100% - 20px);padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-card);color:var(--color-text-secondary);font-size:11px;pointer-events:none}.image-workspace-page .preview-file-pill{left:10px;bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-workspace-page .preview-count-pill{right:10px;top:10px}.image-workspace-page .preview-dropzone.is-loaded .preview-file-pill,.image-workspace-page .preview-dropzone.has-detections .preview-count-pill{display:block}.image-workspace-page .paste-note,.image-workspace-page .faq-note{margin-top:12px;font-size:11px;line-height:1.7;color:var(--color-text-muted)}.image-workspace-page .result-status{display:inline-flex;padding:4px 8px;border-radius:4px;background:var(--color-bg);color:var(--color-text-muted);font-size:11px;font-weight:600}.image-workspace-page .result-status.is-warning{background:var(--color-warning-bg);color:var(--color-warning)}.image-workspace-page .result-status.is-success{background:var(--color-success-bg);color:var(--color-success)}.image-workspace-page .result-empty{padding:20px 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:13px}.image-workspace-page .results-list{display:none;flex-direction:column;gap:20px}.image-workspace-page .result-card{padding:0 0 20px;border-bottom:1px solid var(--color-border);min-width:0}.image-workspace-page .result-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.image-workspace-page .result-card-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.image-workspace-page .result-index{color:var(--color-primary);font-size:12px;font-weight:600}.image-workspace-page .decoded-block{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-heading);font:12px/1.7 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}.image-workspace-page .decoded-link{display:inline-block;margin-top:8px;font-size:12px;overflow-wrap:anywhere}@media(max-width:1100px){.image-workspace-page .converter-container,.image-workspace-page .editor-container{grid-template-columns:minmax(0,1fr)}.image-workspace-page .settings-panel{padding:0;border:0}.image-workspace-page .settings-panel .panel-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.image-workspace-page .right-panel{padding:0;border:0}}@media(max-width:1000px){.image-workspace-page .workspace-grid{grid-template-columns:minmax(0,1fr)}.image-workspace-page .workspace-card:last-child{padding:0;border:0}}@media(max-width:760px){.image-workspace-page.tools-workbench .btn{min-height:44px}.image-workspace-page .iw-toolbar h2{flex-basis:100%}.image-workspace-page .iw-file-actions{padding:0;border:0}.image-workspace-page .settings-panel .panel-body{grid-template-columns:minmax(0,1fr);gap:0}.image-workspace-page .preview-dropzone{height:300px}.image-workspace-page .frame-check{width:22px;height:22px}.image-workspace-page.tools-workbench .drop-zone{min-height:280px;padding:24px 16px}}@media(max-width:480px){.image-workspace-page .compare-container{grid-template-columns:minmax(0,1fr)}.image-workspace-page .preview-frame{aspect-ratio:4 / 3}}