@font-face{font-family:Courier Prime;src:url(/../fonts/bundled/CourierPrime-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Courier Prime;src:url(../fonts/bundled/CourierPrime-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Source Code Pro;src:url(../fonts/bundled/SourceCodePro-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Source Code Pro;src:url(../fonts/bundled/SourceCodePro-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Fira Code;src:url(../fonts/bundled/FiraCode-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Fira Code;src:url(../fonts/bundled/FiraCode-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(../fonts/bundled/JetBrainsMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(../fonts/bundled/JetBrainsMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"MS Sans Serif",MS Shell Dlg,sans-serif;font-size:11px;background:silver;color:#000;margin:0;padding:0;height:100vh;overflow:hidden;image-rendering:pixelated;image-rendering:crisp-edges}.desktop{width:100%;height:100vh;background:silver;position:relative;overflow:hidden}.window{position:absolute;background:silver;border:2px outset #C0C0C0;box-shadow:2px 2px 4px #0000004d;display:flex;flex-direction:column;min-width:300px;min-height:200px;resize:none}.window-resize-handle{position:absolute;background:transparent;z-index:1000}.window-resize-handle.n{top:18px;left:0;right:0;height:4px;cursor:n-resize}.window-resize-handle.s{bottom:0;left:0;right:0;height:4px;cursor:s-resize}.window-resize-handle.e{top:18px;right:0;bottom:0;width:4px;cursor:e-resize}.window-resize-handle.w{top:18px;left:0;bottom:0;width:4px;cursor:w-resize}.window-resize-handle.ne{top:18px;right:0;width:8px;height:8px;cursor:ne-resize}.window-resize-handle.nw{top:18px;left:0;width:8px;height:8px;cursor:nw-resize}.window-resize-handle.se{bottom:0;right:0;width:8px;height:8px;cursor:se-resize}.window-resize-handle.sw{bottom:0;left:0;width:8px;height:8px;cursor:sw-resize}.title-bar{height:18px;background:#039;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2px;cursor:move;font-weight:700;font-size:11px;user-select:none;border-bottom:1px solid #000000}.inactive-window .title-bar{background:gray;color:silver}.inactive-window .window-btn{background:silver;border:1px outset #C0C0C0;color:gray}.inactive-window .window-btn:hover{background:#d4d0c8;color:#000}.title-text{flex:1;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-bar-actions{display:flex;align-items:center;margin-right:4px}.settings-btn{width:18px;height:16px;background:transparent;border:none;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0 2px;line-height:1;transition:opacity .2s}.settings-btn:hover{opacity:.8}.settings-btn:active{opacity:.6}.title-bar-actions{display:flex;gap:2px}.inactive-window .settings-btn{color:silver}.window-controls{display:flex;gap:0}.window-btn{width:16px;height:14px;background:silver;border:1px outset #C0C0C0;color:#000;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;line-height:1;font-family:"MS Sans Serif",sans-serif;flex-shrink:0}.window-btn.minimize{font-size:14px;padding-bottom:2px}.window-btn.maximize{font-size:10px;line-height:.8}.window-btn.close{font-size:14px;line-height:.9}.window-btn:hover{background:#d4d0c8}.window-btn:active{border:1px inset #C0C0C0}.window-btn.close{margin-left:1px}.window-content{background:#fff;flex:1;overflow:auto;border:1px inset #C0C0C0;display:flex;flex-direction:column}.window-body{padding:8px;background:#fff;flex:1;overflow-y:auto}.tab-bar{display:flex;background:silver;border-bottom:1px solid #808080;padding:2px 2px 0;gap:2px}.tab{padding:2px 8px;background:silver;color:#000;border:1px outset #C0C0C0;border-bottom:none;cursor:pointer;font-size:11px;min-width:60px;text-align:center}.tab.selected{background:#fff;color:#000;border:1px inset #C0C0C0;border-bottom:1px solid #FFFFFF;position:relative;top:1px}.tab.disabled{color:gray;cursor:default}.tab.normal:hover:not(.disabled){background:#d4d0c8}.tab-content{display:block}.tab-content.hidden{display:none}.win-button{background:silver;border:2px outset #C0C0C0;color:#000;padding:2px 12px;font-size:11px;font-family:"MS Sans Serif",sans-serif;cursor:pointer;min-height:21px;min-width:75px;margin:2px}.win-button:hover{background:#d4d0c8}.win-button:active{border:2px inset #C0C0C0;background:silver}.win-button:disabled{color:gray;cursor:default}.file-controls{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #C0C0C0}.settings,.export-settings{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0}.settings label,.export-settings label{display:flex;align-items:center;gap:6px;color:#000;font-size:11px}.win-input{background:#fff;border:1px inset #808080;color:#000;padding:2px 4px;font-size:11px;font-family:"MS Sans Serif",sans-serif;min-width:80px;height:19px}.win-input:focus{outline:1px dotted #000000;outline-offset:-1px}.win-select{background:#fff;border:1px inset #808080;color:#000;padding:2px 4px;font-size:11px;font-family:"MS Sans Serif",sans-serif;min-width:120px;height:19px;cursor:pointer}.win-select:focus{outline:1px dotted #000000;outline-offset:-1px}.settings select{background:#fff;border:1px inset #808080;color:#000;padding:2px 4px;font-size:11px;font-family:"MS Sans Serif",sans-serif;min-width:120px;height:19px;cursor:pointer}input[type=range]{width:150px;height:19px;background:silver;border:1px inset #808080;cursor:pointer;-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:19px;background:silver;border:1px outset #C0C0C0;cursor:pointer}input[type=range]::-moz-range-thumb{width:11px;height:19px;background:silver;border:1px outset #C0C0C0;cursor:pointer}input[type=checkbox]{width:13px;height:13px;background:#fff;border:1px inset #808080;cursor:pointer;-webkit-appearance:none;appearance:none;margin:0 4px 0 0}input[type=checkbox]:checked{background:#fff;position:relative}input[type=checkbox]:checked:after{content:"\2713";position:absolute;top:-2px;left:2px;color:#000;font-size:12px;font-weight:700}input[type=checkbox]:disabled{background:silver;cursor:default}.color-picker-group{display:flex;align-items:center;gap:6px;width:100%}.color-picker-group label{flex:0 0 auto;margin:0}.win-color-input{width:60px;height:19px;border:1px inset #808080;cursor:pointer;padding:0;background:#fff;-webkit-appearance:none;appearance:none;flex-shrink:0}.win-color-input::-webkit-color-swatch-wrapper{padding:0}.win-color-input::-webkit-color-swatch{border:none;border:1px inset #808080}.win-color-input::-moz-color-swatch{border:1px inset #808080}.color-opacity-slider{flex:1;min-width:80px;height:19px;background:silver;border:1px inset #808080;cursor:pointer;-webkit-appearance:none;appearance:none}.color-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:19px;background:silver;border:1px outset #C0C0C0;cursor:pointer}.color-opacity-slider::-moz-range-thumb{width:11px;height:19px;background:silver;border:1px outset #C0C0C0;cursor:pointer}.opacity-value{flex:0 0 auto;min-width:40px;font-size:11px;color:#000;text-align:right}.viewer-container{position:relative;background:#fff;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto}.viewer-container.transparent-bg{background-image:linear-gradient(45deg,#C0C0C0 25%,transparent 25%),linear-gradient(-45deg,#C0C0C0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#C0C0C0 75%),linear-gradient(-45deg,transparent 75%,#C0C0C0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#fff}.window-content::-webkit-scrollbar{width:16px;height:16px}.window-content::-webkit-scrollbar-track{background:silver;border:1px inset #C0C0C0}.window-content::-webkit-scrollbar-thumb{background:silver;border:1px outset #C0C0C0}.window-content::-webkit-scrollbar-button{background:silver;border:1px outset #C0C0C0;width:16px;height:16px}.window-content::-webkit-scrollbar-button:vertical:decrement{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><polygon points="0,3 2,1 4,3" fill="black"/></svg>');background-repeat:no-repeat;background-position:center}.window-content::-webkit-scrollbar-button:vertical:increment{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><polygon points="0,1 2,3 4,1" fill="black"/></svg>');background-repeat:no-repeat;background-position:center}#asciiCanvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;max-height:100%;width:auto;height:auto;background:transparent;margin:auto}.video-controls{position:absolute;bottom:0;left:0;right:0;background:silver;border-top:2px outset #C0C0C0;padding:4px 8px;z-index:100;display:flex;flex-direction:column;gap:4px}.video-filename-display{font-size:10px;color:#000;font-family:"MS Sans Serif",sans-serif;padding:2px 4px;background:#e0e0e0;border:1px inset #808080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.video-controls.hidden{display:none}.video-controls-bar{display:flex;align-items:center;gap:8px;width:100%}.video-control-btn{background:silver;border:2px outset #C0C0C0;color:#000;padding:2px 8px;font-size:11px;font-family:"MS Sans Serif",sans-serif;cursor:pointer;min-width:24px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-control-btn:hover{background:#d4d0c8}.video-control-btn:active{border:2px inset #C0C0C0;background:silver}.video-time-display{display:flex;align-items:center;gap:2px;font-size:11px;color:#000;font-family:"MS Sans Serif",sans-serif;min-width:80px;flex-shrink:0}.video-time-separator{margin:0 2px}.video-seek-bar{flex:1;height:19px;background:silver;border:1px inset #808080;cursor:pointer;-webkit-appearance:none;appearance:none;min-width:100px}.video-seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:19px;background:silver;border:1px outset #C0C0C0;cursor:pointer}.video-seek-bar::-moz-range-thumb{width:11px;height:19px;background:silver;border:1px outset #C0C0C0;cursor:pointer}.video-volume-control{display:flex;align-items:center;gap:4px;flex-shrink:0}.video-volume-slider{width:60px;height:19px;background:silver;border:1px inset #808080;cursor:pointer;-webkit-appearance:none;appearance:none}.video-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:19px;background:silver;border:1px outset #C0C0C0;cursor:pointer}.video-volume-slider::-moz-range-thumb{width:11px;height:19px;background:silver;border:1px outset #C0C0C0;cursor:pointer}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:11px;font-weight:700;background:#fff;padding:8px 12px;border:2px inset #808080;z-index:1000;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:2px 2px 4px #0000004d}.export-control-btn{margin-left:8px;padding:2px 12px;font-size:11px;background:silver;border:2px outset #C0C0C0;color:#000;cursor:pointer;font-family:"MS Sans Serif",MS Shell Dlg,sans-serif;min-height:21px;min-width:60px}.export-control-btn:active{border:2px inset #C0C0C0;background:silver}.export-control-btn:hover{background:#d4d0c8}.export-control-btn:disabled{color:gray;cursor:default}.export-progress-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;background:beige;border:2px outset #C0C0C0;box-shadow:2px 2px 8px #0006;min-width:400px;padding:0;font-family:"MS Sans Serif",MS Shell Dlg,sans-serif;font-size:11px}.export-progress-dialog.hidden{display:none}.progress-dialog-content{padding:12px;background:beige}.progress-filename{font-weight:700;color:#000;margin-bottom:4px;word-break:break-word}.progress-location{font-size:10px;color:#555;margin-bottom:12px}.progress-bar-container{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-bar{flex:1;height:20px;background:#e0e0e0;border:1px inset #808080;position:relative;overflow:hidden}.progress-bar-fill{height:100%;width:0%;display:flex;align-items:stretch;overflow:visible}.progress-bar-block{height:100%;background:repeating-linear-gradient(90deg,navy 0px 4px,#0000a0 4px 8px);background-size:8px 100%;flex-shrink:0;box-sizing:border-box;border-right:1px solid #C0C0C0}.progress-bar-block:last-child{border-right:none}.progress-cancel-btn{padding:4px 16px;font-size:11px;background:silver;border:2px outset #C0C0C0;color:#000;cursor:pointer;font-family:"MS Sans Serif",MS Shell Dlg,sans-serif;min-width:70px;min-height:21px}.progress-cancel-btn:hover{background:#d4d0c8}.progress-cancel-btn:active{border:2px inset #C0C0C0;background:silver}.progress-time{font-size:10px;color:#555;text-align:center;margin-top:4px}.dark-mode.web-shell,.dark-mode .app-shell{background:#2b2b2b}body.dark-mode.web-shell .menubar,body.dark-mode.web-shell .statusbar,body.dark-mode.web-shell .app-ad-footer{background:#3a3a3a;color:#e0e0e0;border-color:#1a1a1a}body.dark-mode.web-shell .menubar-brand,body.dark-mode.web-shell .menubar-font,body.dark-mode.web-shell .statusbar span,body.dark-mode.web-shell .statusbar .status-privacy{color:#e0e0e0}body.dark-mode.web-shell .menubar-actions a.win-button,body.dark-mode.web-shell .menubar-actions a.win-button:visited,body.dark-mode.web-shell .menubar-actions a.win-button:link{color:#e0e0e0!important;background:#404040;border:2px outset #505050;box-shadow:inset -1px -1px gray}body.dark-mode.web-shell .menubar-actions a.win-button:active{border-style:inset;background:#303030;box-shadow:inset 1px 1px gray}body.dark-mode.web-shell fieldset.win-fieldset{border-color:#555;color:#e0e0e0}body.dark-mode.web-shell fieldset.win-fieldset legend,body.dark-mode.web-shell legend{color:#f0f0f0;background-color:#1a1a1a;padding:0 6px;font-weight:700;font-size:11px}.dark-mode .menubar,.dark-mode .statusbar,.dark-mode .app-ad-footer{background:#3a3a3a;color:#e0e0e0;border-color:#1a1a1a}.dark-mode .menubar-brand,.dark-mode .menubar-font,.dark-mode .statusbar span{color:#e0e0e0}.dark-mode .menubar-actions a.win-button,.dark-mode .menubar-actions a.win-button:visited{color:#e0e0e0;background:#404040;border-color:#505050}.dark-mode fieldset.win-fieldset{border-color:#555;color:#e0e0e0}.dark-mode fieldset.win-fieldset legend,.dark-mode legend{color:#e0e0e0;background-color:#1a1a1a}body.dark-mode{background:#1a1a1a;color:#e0e0e0}.dark-mode .desktop{background:#1a1a1a}.dark-mode .window{background:#2a2a2a;border-color:#404040;box-shadow:2px 2px 4px #0009}.dark-mode .title-bar{background:#1a3a5a;color:#e0e0e0}.dark-mode .title-bar .title-text{color:#e0e0e0}.dark-mode .window-content{background:#1a1a1a;border-color:#404040}.dark-mode .window-body{background:#1a1a1a;color:#e0e0e0}.dark-mode .tab-bar{background:#2a2a2a;border-bottom-color:#404040}.dark-mode .tab{background:#2a2a2a;color:#e0e0e0;border-color:#404040}.dark-mode .tab.selected{background:#1a1a1a;color:#e0e0e0;border-color:#404040;border-bottom-color:#1a1a1a}.dark-mode .win-button{background:#404040;border-color:#505050;color:#e0e0e0}.dark-mode .win-button:hover{background:#505050}.dark-mode .win-button:active{border-color:#303030;background:#303030}.dark-mode .win-button:disabled{background:#2a2a2a;color:#606060;border-color:#303030}.dark-mode label,.dark-mode .settings{color:#e0e0e0}.dark-mode .viewer-container{background:#0a0a0a;border-color:#404040}.dark-mode .loading,.dark-mode .error{background:#2a2a2a;color:#e0e0e0;border-color:#505050}.dark-mode .export-progress-dialog{background:#2a2a2a;border-color:#505050}.dark-mode .progress-dialog-content{background:#2a2a2a}.dark-mode .progress-filename{color:#e0e0e0}.dark-mode .progress-location{color:#b0b0b0}.dark-mode .progress-bar{background:#2a2a2a;border-color:#505050}.dark-mode .progress-bar-block{background:repeating-linear-gradient(90deg,#4a6fa5 0px 4px,#5a7fb5 4px 8px);background-size:8px 100%;border-right-color:#404040}.dark-mode .progress-time{color:#b0b0b0}.dark-mode .video-filename-display{background:#1a1a1a;border-color:#505050;color:#e0e0e0}.dark-mode .progress-cancel-btn{background:#404040;border-color:#505050;color:#e0e0e0}.dark-mode .progress-cancel-btn:hover{background:#505050}.dark-mode .inactive-window .title-bar{background:#404040;color:gray}.dark-mode .win-select{background:#2a2a2a;color:#e0e0e0;border-color:#505050}.dark-mode .win-select:hover{background:#303030}.dark-mode input[type=range]{background:#2a2a2a}.dark-mode input[type=checkbox]{background:#2a2a2a;border-color:#505050}.dark-mode input[type=checkbox]:checked{background:#1a3a5a;border-color:#2a5a7a}.dark-mode .video-controls{background:#1a1a1ae6;border-color:#404040}.dark-mode .video-control-btn{background:#404040;border-color:#505050;color:#e0e0e0}.dark-mode .video-control-btn:hover{background:#505050}.dark-mode .notification{background:#2a2a2a;color:#e0e0e0;border-color:#505050}.dark-mode .notification-success{background:#1a3a1a;color:#90ee90;border-color:#2a5a2a}.dark-mode .tooltip{background:#2a2a2a;color:#e0e0e0;border-color:#505050}.dark-mode .tooltip-arrow{border-top-color:#2a2a2a}.dark-mode .settings-btn{color:#e0e0e0}.dark-mode .settings-btn:hover{background:#ffffff1a}.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:11px;padding:8px;background:#fff;border:2px inset #808080;text-align:center;max-width:300px;z-index:10000}.notification-success{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:11px;padding:8px;background:#c0ffc0;border:2px inset #00AA00;text-align:center;max-width:300px;z-index:10000}.hidden{display:none}#controlsWindow{top:20px;left:20px;width:500px;height:400px;z-index:2}#viewerWindow{top:60px;left:550px;width:600px;height:500px;z-index:1}.window.active-window{z-index:10}.window:not(.active-window){z-index:1}@media (max-width: 1200px){#viewerWindow{left:20px;top:440px}}.tooltip-trigger{display:inline-block;cursor:help;margin-left:4px;margin-right:2px;font-size:10px;color:navy;text-decoration:none;position:relative;vertical-align:middle;font-weight:400}.tooltip-trigger:hover{text-decoration:underline}.tooltip{position:fixed;padding:6px 8px;background:#ffffe1;border:1px solid #000000;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #808080;border-bottom:1px solid #808080;box-shadow:1px 1px 2px #0000004d;color:#000;font-size:10px;white-space:normal;width:200px;text-align:left;z-index:100000;pointer-events:none;line-height:1.3;display:none}.tooltip.show{display:block}.tooltip-arrow{position:fixed;width:0;height:0;border:4px solid transparent;border-top-color:#000;z-index:100001;pointer-events:none;display:none}.tooltip-arrow.show{display:block}#fontSelectionWindow{top:100px;left:100px;width:500px;height:600px;z-index:100}.font-selection-container{display:flex;flex-direction:column;gap:12px;padding:8px}.font-category{border:1px inset #C0C0C0;padding:8px;background:#f0f0f0}.font-category-header{font-weight:700;font-size:11px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.font-list{display:flex;flex-direction:column;gap:2px;max-height:120px;overflow-y:auto}.font-item{padding:4px 6px;background:#fff;border:1px outset #C0C0C0;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:space-between}.font-item:hover{background:#d4d0c8}.font-item.unavailable{opacity:.45;cursor:not-allowed}.font-item.unavailable:hover{background:#fff}.font-item.selected{background:#316ac5;color:#fff;border:1px inset #C0C0C0}.font-item-name{flex:1}.font-item-type{font-size:9px;color:#666;margin-left:8px}.font-item.selected .font-item-type{color:#ccc}.font-preview-section{border:1px inset #C0C0C0;padding:8px;background:#f0f0f0}.font-preview-header{font-weight:700;font-size:11px;margin-bottom:6px}.font-preview{background:#fff;border:1px inset #808080;padding:8px;min-height:120px;font-size:12px;line-height:1.4}.font-preview-text{margin-bottom:4px}.font-preview-ascii{margin-top:8px;font-size:14px;letter-spacing:2px}.font-selection-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid #C0C0C0}.dark-mode .font-category{background:#2a2a2a;border-color:#404040}.dark-mode .font-category-header{color:#e0e0e0}.dark-mode .font-list{background:#1a1a1a}.dark-mode .font-item{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.dark-mode .font-item:hover{background:#3a3a3a;border-color:#505050}.dark-mode .font-item.selected{background:#316ac5;color:#fff;border-color:#4a7bc5}.dark-mode .font-item-type{color:#a0a0a0}.dark-mode .font-item.selected .font-item-type{color:#ccc}.dark-mode .font-preview-section{background:#2a2a2a;border-color:#404040}.dark-mode .font-preview-header{color:#e0e0e0}.dark-mode .font-preview{background:#1a1a1a;border-color:#404040;color:#e0e0e0}.dark-mode .font-selection-actions{border-top-color:#404040}@media (max-width: 768px){.settings,.export-settings{flex-direction:column;align-items:flex-start}.settings label,.export-settings label{width:100%}#controlsWindow,#viewerWindow{width:calc(100% - 40px);left:20px}#viewerWindow{top:440px}.tooltip{width:180px;font-size:9px}#fontSelectionWindow,#adjustmentsWindow{width:calc(100% - 40px);left:20px;height:calc(100vh - 40px)}}#adjustmentsWindow{top:150px;left:150px;width:450px;height:650px;z-index:100}.adjustments-container{display:flex;flex-direction:column;gap:12px;padding:8px}.adjustment-section{border:1px inset #C0C0C0;padding:8px;background:#f0f0f0}.adjustment-header{font-weight:700;font-size:11px;margin-bottom:8px;color:#000}.adjustment-preview-section{border:1px inset #C0C0C0;padding:8px;background:#f0f0f0}.adjustment-preview-header{font-weight:700;font-size:11px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.adjustment-preview{background:#fff;border:1px inset #808080;padding:8px;min-height:200px;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;resize:vertical}.adjustment-preview canvas{width:auto;height:auto;image-rendering:auto;object-fit:contain}.adjustment-preview canvas.zoomable{max-width:none;max-height:none}.adjustment-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid #C0C0C0}.adjustment-control{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:8px;min-width:0;flex-shrink:0;flex-wrap:wrap}.adjustment-control:last-child{margin-bottom:0}.adjustment-label{display:flex;align-items:center;gap:4px;font-size:11px;color:#000;margin:0;min-width:80px;flex-shrink:0}.adjustment-input-group{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:150px;max-width:300px;flex-wrap:nowrap}.adjustment-input-group input[type=range]{flex:1 1 auto;min-width:100px}.adjustment-input-group span{min-width:40px;text-align:right;font-size:11px;flex-shrink:0}.curves-editor-container{display:flex;flex-direction:column;gap:6px}#curvesEditorCanvas{border:1px inset #808080;background:#fff;cursor:crosshair;width:400px;height:200px;min-width:300px;max-width:100%;image-rendering:pixelated;object-fit:contain}.curves-controls{display:flex;align-items:center;gap:8px;justify-content:flex-end}.dark-mode .adjustment-label{color:#e0e0e0}.dark-mode #curvesEditorCanvas{background:#1a1a1a;border-color:#404040}.dark-mode .adjustment-section{background:#2a2a2a;border-color:#404040}.dark-mode .adjustment-header{color:#e0e0e0}.dark-mode .adjustment-preview-section{background:#2a2a2a;border-color:#404040}.dark-mode .adjustment-preview-header{color:#e0e0e0}.dark-mode .adjustment-preview{background:#1a1a1a;border-color:#404040}.dark-mode .adjustment-actions{border-top-color:#404040}.window-toolbar{border-top:1px solid #808080;background:silver;padding:4px 8px;display:flex;align-items:center;gap:4px;min-height:28px;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:silver;border:1px outset #C0C0C0;color:#000;font-size:11px;font-family:"MS Sans Serif",sans-serif;cursor:pointer;height:22px;white-space:nowrap}.toolbar-btn:hover{background:#d4d0c8}.toolbar-btn:active{border:1px inset #C0C0C0;background:#a0a0a0}.toolbar-btn.active{background:#316ac5;color:#fff;border:1px inset #316AC5}.toolbar-btn.active:hover{background:#4a7bc5}.toolbar-btn-icon{font-size:12px;line-height:1;display:inline-block}.toolbar-btn-icon.algorithm-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px}.toolbar-btn-icon.algorithm-icon svg{width:100%;height:100%}.toolbar-btn-text{line-height:1}.dark-mode .window-toolbar{background:#2a2a2a;border-top-color:#404040}.dark-mode .toolbar-btn{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.dark-mode .toolbar-btn:hover{background:#3a3a3a}.dark-mode .toolbar-btn:active{background:#1a1a1a;border-color:#505050}.dark-mode .toolbar-btn.active{background:#316ac5;color:#fff;border-color:#4a7bc5}.algorithm-container{display:flex;flex-direction:column;gap:12px;padding:12px}.algorithm-section{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px inset #808080;background:#f0f0f0}.dark-mode .algorithm-section{background:#2a2a2a;border-color:#404040}.algorithm-header{font-weight:700;font-size:12px;margin-bottom:4px;color:#000}.dark-mode .algorithm-header{color:#e0e0e0}.algorithm-control{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:8px;min-width:0;flex-shrink:0;flex-wrap:wrap}.algorithm-label{flex-shrink:0;min-width:100px;text-align:right;font-size:11px}.algorithm-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid #808080;margin-top:8px}.dark-mode .toolbar-btn.active:hover{background:#4a7bc5}.codec-banner{background:#fff3cd;color:#664d03;padding:6px 12px;font-size:11px;text-align:center;border-bottom:1px solid #ffecb5}.web-settings-modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000}.web-settings-modal.hidden{display:none}.web-settings-panel{background:silver;border:2px outset #C0C0C0;padding:12px;min-width:320px;max-width:90vw}.web-settings-panel h2{margin-bottom:8px;font-size:13px}.web-settings-buttons{display:flex;gap:6px;justify-content:flex-end;align-items:center;margin-top:10px;flex-wrap:wrap}.web-settings-buttons .web-settings-spacer{flex:1;min-width:8px}body.dark-mode .web-settings-panel{background:#2a2a2a;color:#e0e0e0;border-color:#404040}.export-progress-dialog .progress-bar-fill{height:100%;background:navy;width:0%;transition:width .2s}@media (max-width: 900px){.window{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:100%!important;margin-bottom:8px}.desktop{display:flex;flex-direction:column;padding:8px}#viewerWindow{min-height:50vh}}