@font-face{font-family:C64ProMono;src:url(/fonts/C64_Pro_Mono-STYLE.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:CbmShift;src:url(/fonts/CbmShift-STYLE.woff2)format("woff2");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}:root{--cell-size:16px;--cell-w:16px;--cell-h:16px}body{color:#0f0;background:#111;padding:20px;font-family:monospace}h1{margin-bottom:20px}.controls{border:1px solid #333;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;display:flex}.controls label{align-items:center;gap:5px;display:flex}.controls input,.controls select{color:#0f0;background:#222;border:1px solid #444;padding:5px}.controls button{color:#000;cursor:pointer;background:#0f0;border:none;padding:8px 15px}.controls button:hover{background:#0a0}#screen-container{flex-wrap:wrap;gap:20px;display:flex}#toolbar{background:#1a1a1a;border:1px solid #333;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;padding:8px 12px;display:flex}#toolbar label{align-items:center;gap:5px;font-size:13px;display:flex}#toolbar select,#toolbar input[type=number]{color:#0f0;background:#222;border:1px solid #444;padding:3px 4px}#toolbar button{color:#0f0;cursor:pointer;background:#333;border:1px solid #444;padding:4px 8px;font-size:14px}#toolbar button:hover{background:#444}#toolbar button.active{color:#000;background:#0f0;border-color:#0f0}#charset-picker-wrap{flex:1;align-items:center;gap:5px;min-width:0;font-size:13px;display:flex;position:relative}#charset-btn{color:#0f0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#222;border:1px solid #444;flex:1;min-width:0;padding:3px 8px;font-family:monospace;font-size:13px;overflow:hidden}#charset-btn:hover{background:#333}#charset-dropdown{z-index:200;background:#1a1a1a;border:1px solid #444;min-width:200px;max-height:260px;display:none;position:absolute;top:calc(100% + 2px);left:0;overflow-y:auto}.charset-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:4px 10px;font-size:12px;overflow:hidden}.charset-item:hover{background:#333}.charset-dir{color:#5af}.charset-file{color:#ccc;font-family:monospace}.charset-item.selected{color:#0f0;background:#040}#screen-column{flex-direction:column;gap:6px;display:flex}#screen-border{background:#0f0;flex-shrink:0;justify-content:center;align-items:center;padding:32px;display:flex;position:relative}#audio-toolbar{background:#111;border:1px solid #333;flex-direction:column;gap:0;margin-top:4px;display:flex}.audio-toolbar-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:6px 10px;display:flex}.audio-toolbar-label{color:#555;font-size:11px}#sid-picker-wrap{align-items:center;gap:5px;font-size:13px;display:flex;position:relative}#sid-btn{color:#0f0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#222;border:1px solid #444;max-width:180px;padding:3px 8px;font-family:monospace;font-size:12px;overflow:hidden}#sid-btn:hover{background:#333}#sid-dropdown{z-index:200;background:#1a1a1a;border:1px solid #444;min-width:220px;max-height:260px;position:absolute;top:calc(100% + 2px);left:0;overflow-y:auto}.sid-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:4px 10px;font-size:12px;overflow:hidden}.sid-item:hover{background:#333}.sid-dir{color:#5af}.sid-file{color:#ccc;font-family:monospace}.sid-item.selected{color:#0f0;background:#040}#btn-sid-play,#btn-sid-stop,#btn-sid-prev,#btn-sid-next{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;padding:3px 9px;font-family:monospace;font-size:14px}#btn-sid-play:hover,#btn-sid-stop:hover,#btn-sid-prev:hover,#btn-sid-next:hover{color:#fff;background:#333}#btn-sid-play:disabled,#btn-sid-stop:disabled,#btn-sid-prev:disabled,#btn-sid-next:disabled{opacity:.35;cursor:default}#sid-info{border-top:1px solid #222;justify-content:center;gap:10px;padding:2px 10px 6px;font-family:monospace;font-size:11px;display:flex;overflow:hidden}#sid-title{color:#0f0;white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}#sid-author{color:#888;white-space:nowrap}#screen-toolbar{background:#111;border:1px solid #333;flex-direction:column;gap:0;margin-top:4px;display:flex}.screen-toolbar-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:6px 10px;display:flex}.toolbar-group{align-items:center;gap:3px;display:flex}.screen-toolbar-label{color:#555;margin-right:2px;font-size:11px}#btn-shift-up,#btn-shift-down,#btn-shift-left,#btn-shift-right,#btn-flip-h,#btn-flip-v,#btn-undo,#btn-redo,#btn-fill,#btn-fill-tile,#btn-fill-color,#btn-clear,#btn-anim-toggle,#btn-qr,#btn-gradient,#btn-font,#btn-scan-lines,#btn-raster,#btn-image-display,#btn-export,#btn-import,#btn-save-mmm,#btn-load-mmm{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;justify-content:center;align-items:center;padding:4px 6px;font-family:monospace;font-size:14px;display:inline-flex}#btn-shift-up:hover,#btn-shift-down:hover,#btn-shift-left:hover,#btn-shift-right:hover,#btn-flip-h:hover,#btn-flip-v:hover,#btn-undo:hover,#btn-redo:hover,#btn-fill:hover,#btn-fill-tile:hover,#btn-fill-color:hover,#btn-clear:hover,#btn-anim-toggle:hover,#btn-qr:hover,#btn-gradient:hover,#btn-font:hover,#btn-scan-lines:hover,#btn-raster:hover,#btn-image-display:hover,#btn-export:hover,#btn-import:hover,#btn-save-mmm:hover,#btn-load-mmm:hover{color:#fff;background:#333}.btn-sel-mode{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;justify-content:center;align-items:center;padding:4px 6px;font-family:monospace;font-size:14px;display:inline-flex}.btn-sel-mode:hover{color:#fff;background:#333}.btn-sel-mode.active{color:#0f0;background:#1a2a1a;border-color:#0f0}#btn-scan-lines.active{color:#0f0;background:repeating-linear-gradient(#0a1a0a 0 1px,#162e16 1px 2px);border-color:#0f0}#btn-scan-lines.active:hover{color:#3f3;background:repeating-linear-gradient(#122212 0 1px,#1e3a1e 1px 2px)}#color-palette{grid-template-rows:repeat(8,25px);grid-template-columns:repeat(2,25px);grid-auto-flow:column;margin-left:5px;display:grid}.color-picker-swatch{cursor:pointer;box-sizing:border-box;border:2px solid #666;width:20px;height:20px}.color-picker-swatch:hover{border-color:#fff}.color-picker-popup{z-index:500;background:#111;border:1px solid #555;grid-template-columns:repeat(8,18px);gap:2px;padding:4px;display:grid;position:absolute;top:calc(100% + 2px);left:0}.color-picker-option{cursor:pointer;box-sizing:border-box;border:1px solid #333;width:18px;height:18px}.color-picker-option:hover{border-color:#fff}.color-picker-option.selected{border:2px solid #fff}.color-swatch{cursor:pointer;border:1px solid #333;width:25px;height:25px}.color-swatch.active{border-color:#fff;outline:1px solid #fff}#scan-lines{pointer-events:none;z-index:2;background-image:linear-gradient(#0000 75%,#0000004d 75%);background-size:100% var(--scan-size,2px);width:100%;height:100%;display:none;position:absolute;top:0;left:0}#tile-display{grid-template-columns:repeat(40, var(--cell-w));grid-template-rows:repeat(25, var(--cell-h));z-index:1;font-size:var(--cell-w);line-height:var(--cell-h);background:#000;flex-shrink:0;display:grid;position:relative}.tile{width:var(--cell-w);height:var(--cell-h);overflow:hidden}#player{width:calc(var(--cell-w) + 4px);height:calc(var(--cell-h) + 4px);z-index:10;pointer-events:none;background:0 0;border:2px solid #ff0;position:absolute}#text-layer{pointer-events:none;font-size:var(--cell-w);line-height:var(--cell-h);width:100%;height:100%;position:absolute;top:0;left:0}#text-layer span{position:absolute}#info-panel{background:#1a1a1a;border:1px solid #333;margin-bottom:6px;padding:8px 12px}#info-panel-fields{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}#info-panel-fields>label:first-child{flex:1;min-width:120px}#info-panel-status{color:#666;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:11px;display:flex}#events-log{background:#1a1a1a;max-height:200px;margin-top:5px;padding:15px;overflow-y:auto}#events-log .event{margin-bottom:5px;font-size:12px}#char-palette-panel{flex-direction:column;gap:4px;display:flex}.char-palette-label{color:#888;margin-bottom:2px;font-size:10px}.char-palette-canvas-wrap{margin:2px;display:inline-block;position:relative}.char-palette-canvas{cursor:crosshair;image-rendering:pixelated;border:1px solid #333;display:block}.char-palette-cursor{pointer-events:none;z-index:2;border:2px solid #ff0;position:absolute}#char-editor-canvas{cursor:crosshair;image-rendering:pixelated;border:1px solid #444;flex-shrink:0;width:200px;height:200px;display:block}#char-palette-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;padding:4px 2px;display:flex}#char-editor-toolbar{background:#111;border:1px solid #333;flex-direction:column;gap:0;width:100%;margin-top:4px;display:flex}.ce-toolbar-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:4px 8px;display:flex}.ce-toolbar-row+.ce-toolbar-row{border-top:1px solid #222}.ce-btn{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;padding:3px 9px;font-family:monospace;font-size:14px}.ce-btn:hover{color:#fff;background:#333}#anim-btn-row{gap:4px;margin-top:4px;display:flex}#btn-animate{color:#0f0;cursor:pointer;background:#1a1a2e;border:1px solid #444;flex:1;padding:3px 6px;font-family:monospace;font-size:12px}#btn-animate:hover{background:#2a2a4e;border-color:#0f0}#btn-animate.has-anim{background:#020;border-color:#0f0}#btn-anim-list{color:#0f0;cursor:pointer;background:#1a1a2e;border:1px solid #444;padding:3px 7px;font-family:monospace;font-size:14px}#btn-anim-list:hover{background:#2a2a4e;border-color:#0f0}#anim-list-dropdown{z-index:300;background:#1a1a1a;border:1px solid #444;min-width:200px;max-height:220px;position:absolute;bottom:calc(100% + 2px);left:0;overflow-y:auto}.anim-list-item{cursor:pointer;color:#0f0;white-space:nowrap;align-items:center;padding:4px 10px;font-family:monospace;font-size:12px;display:flex}.anim-list-item:hover{background:#333}#gradient-modal{z-index:1200;background:#111;border:1px solid #0f0;width:440px;font-family:monospace;display:none;position:fixed;top:100px;left:calc(50vw - 220px);box-shadow:0 4px 24px #000c}#gradient-modal.open{display:block}#gradient-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}#gradient-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#gradient-close:hover{color:#fff}#gradient-modal-body{padding:14px 14px 12px}#qr-modal{z-index:1200;background:#111;border:1px solid #0f0;width:360px;font-family:monospace;display:none;position:fixed;top:120px;left:calc(50vw - 180px);box-shadow:0 4px 24px #000c}#qr-modal.open{display:block}#qr-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}#qr-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#qr-close:hover{color:#fff}#qr-modal-body{padding:14px 14px 12px}#font-modal{z-index:1200;background:#111;border:1px solid #0f0;width:360px;font-family:monospace;display:none;position:fixed;top:110px;left:calc(50vw - 180px);box-shadow:0 4px 24px #000c}#font-modal.open{display:block}#font-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}#font-modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#font-modal-close:hover{color:#fff}#font-modal-body{padding:14px 14px 12px}#export-modal{z-index:1200;background:#111;border:1px solid #0f0;width:400px;font-family:monospace;display:none;position:fixed;top:80px;left:calc(50vw - 200px);box-shadow:0 4px 24px #000c}#export-modal.open{display:block}#export-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}#export-modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#export-modal-close:hover{color:#fff}#export-modal-body{padding:14px 14px 12px}#import-modal{z-index:1200;background:#111;border:1px solid #0f0;width:360px;font-family:monospace;display:none;position:fixed;top:80px;left:calc(50vw - 180px);box-shadow:0 4px 24px #000c}#import-modal.open{display:block}#import-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}#import-modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#import-modal-close:hover{color:#fff}#import-modal-body{padding:14px 14px 12px}#find-replace-modal{z-index:1200;background:#111;border:1px solid #0f0;width:280px;font-family:monospace;display:none;position:fixed;top:80px;left:calc(50vw - 140px);box-shadow:0 4px 24px #000c}#find-replace-modal.open{display:block}#find-replace-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}#find-replace-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#find-replace-close:hover{color:#fff}#find-replace-modal-body{padding:12px}.fr-field-row{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #2a2a2a;align-items:center;gap:8px;margin-bottom:3px;padding:5px 7px;display:flex}.fr-field-row:hover{border-color:#444}.fr-field-row.active{background:#1a1a00;border-color:#ff0}.fr-field-label{color:#666;flex-shrink:0;width:36px;font-size:11px}.fr-field-value{color:#ccc;flex:1;font-size:11px}#anim-modal{z-index:1100;resize:both;background:#111;border:1px solid #0f0;flex-direction:column;width:460px;min-width:380px;min-height:280px;font-family:monospace;display:none;position:fixed;top:80px;left:calc(50vw - 230px);overflow:hidden;box-shadow:0 4px 24px #000c}#anim-modal.open{display:flex}#anim-modal-inner{flex-direction:column;flex:1;min-height:0;display:flex}#anim-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}#anim-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#anim-close:hover{color:#fff}#anim-controls{border-bottom:1px solid #222;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}#anim-controls label,#anim-controls span{color:#aaa;align-items:center;gap:5px;display:flex}#anim-controls input[type=number]{color:#0f0;background:#222;border:1px solid #444;width:60px;padding:2px 4px;font-family:monospace;font-size:12px}.anim-radio-group{gap:8px;display:flex}#anim-frames-header{color:#888;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}#anim-body{flex:1;min-height:0;display:flex;overflow:hidden}#anim-preview-panel{border-right:1px solid #222;flex-direction:column;align-items:center;gap:6px;min-width:84px;padding:8px;display:flex}#anim-preview-canvas{image-rendering:pixelated;border:1px solid #333}#anim-frames-hint{color:#555;font-size:10px}#anim-add-frame{color:#0f0;cursor:pointer;background:#222;border:1px solid #444;padding:2px 8px;font-family:monospace;font-size:12px}#anim-add-frame:hover{background:#333}#anim-frames-list{flex-direction:column;flex:1;gap:4px;min-height:80px;padding:6px 12px;display:flex;overflow-y:auto}.anim-frame-row{cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:3px 4px;font-size:12px;display:flex}.anim-frame-row:hover{background:#161616}.anim-frame-row.anim-row-active{cursor:default;background:#001a00;border-color:#0f0}.anim-frame-num{color:#555;min-width:50px}.anim-frame-row label{color:#888;align-items:center;gap:4px;display:flex}.anim-char-preview{image-rendering:pixelated;vertical-align:middle;border:1px solid #333}.anim-char-code{color:#666;white-space:nowrap;font-family:monospace;font-size:10px}.anim-cc-keep{color:#555;cursor:pointer;padding:1px 3px;font-size:10px}#char-code-tooltip,#tile-cursor-hint,#raster-range-hint{color:#0f0;pointer-events:none;z-index:600;white-space:nowrap;background:#1a1a1a;border:1px solid #444;padding:2px 6px;font-family:monospace;font-size:10px;display:none;position:fixed}body.play-mode #tile-cursor-hint,body.play-mode #raster-range-hint{display:none!important}.anim-ftype{color:#aaa;background:#222;border:1px solid #444;min-width:44px;padding:2px 4px;font-family:monospace;font-size:11px}.anim-op{color:#0f0;background:#222;border:1px solid #444;padding:2px 4px;font-family:monospace;font-size:12px}.anim-frame-del{color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.anim-frame-del:hover{color:#f44}.anim-frame-row .anim-frame-swatch{vertical-align:middle;border:1px solid #555;width:12px;height:12px;margin-left:2px;display:inline-block}#anim-action-row{border-top:1px solid #333;gap:8px;padding:8px 12px;display:flex}#anim-save{color:#000;cursor:pointer;background:#0f0;border:none;padding:5px 16px;font-family:monospace;font-size:13px;font-weight:700}#anim-save:hover{background:#0a0}#anim-start{color:#0f0;cursor:pointer;background:#040;border:1px solid #0f0;padding:5px 12px;font-family:monospace;font-size:13px}#anim-start:hover{background:#060}#anim-stop{color:#fa0;cursor:pointer;background:#333;border:1px solid #fa0;padding:5px 12px;font-family:monospace;font-size:13px}#anim-stop:hover{background:#530}#anim-delete{color:#f44;cursor:pointer;background:#333;border:1px solid #555;padding:5px 12px;font-family:monospace;font-size:13px}#anim-delete:hover{color:#fff;background:#500;border-color:#f44}#toast{color:#fff;pointer-events:none;opacity:0;z-index:9999;background:#c00;border-radius:4px;padding:10px 20px;font-size:14px;transition:opacity .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#btn-messages{color:#0f0;cursor:pointer;background:#1a1a2e;border:1px solid #0f0;padding:4px 10px;font-size:13px;position:relative}#btn-messages:hover{background:#2a2a4e}#btn-messages.has-unread{background:#040;border-color:#0f0;font-weight:700}#msg-modal{z-index:1000;resize:both;background:#111;border:1px solid #0f0;flex-direction:column;width:520px;min-width:360px;min-height:300px;font-family:monospace;display:none;position:fixed;top:60px;right:20px;overflow:hidden;box-shadow:0 4px 24px #000c}#msg-modal.open{display:flex}#msg-modal-inner{flex-direction:column;flex:1;min-height:0;display:flex}#msg-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:flex}#msg-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#msg-close:hover{color:#fff}#msg-popout{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#msg-popout:hover{color:#0f0}#msg-identity-row{border-bottom:1px solid #222;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}#msg-identity-row label{color:#888;align-items:center;gap:4px;display:flex}#msg-identity-row input{color:#0f0;background:#222;border:1px solid #444;padding:3px 6px;font-family:monospace;font-size:12px}#msg-player-name{width:120px}#msg-groups-input{width:160px}#msg-save-identity{color:#0f0;cursor:pointer;background:#333;border:1px solid #444;padding:3px 8px;font-size:12px}#msg-save-identity:hover{color:#000;background:#0f0}#msg-scope-row{border-bottom:1px solid #222;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 12px;display:flex}.msg-scope-btn{color:#888;cursor:pointer;background:#222;border:1px solid #333;padding:3px 10px;font-family:monospace;font-size:12px}.msg-scope-btn:hover{color:#0f0;background:#333}.msg-scope-btn.active{color:#0f0;background:#040;border-color:#0f0}#msg-group-select{color:#0f0;background:#222;border:1px solid #444;margin-left:4px;padding:3px 6px;font-size:12px}#msg-list{flex-direction:column;flex:1;gap:8px;min-height:200px;max-height:380px;padding:10px 12px;display:flex;overflow-y:auto}.msg-item{flex-direction:column;gap:2px;width:100%;display:flex}.msg-item.msg-mine{align-items:flex-end}.msg-bubble{color:#ddd;word-break:break-word;background:#1a1a1a;border:1px solid #333;max-width:80%;padding:5px 8px;font-size:12px}.msg-item.msg-mine .msg-bubble{background:#040;border-color:#0a0}.msg-meta{color:#555;gap:6px;font-size:10px;display:flex}.msg-item.msg-mine .msg-meta{color:#464}.msg-author{color:#0f0}#msg-send-row{border-top:1px solid #333;gap:6px;padding:8px 12px;display:flex}#msg-input{color:#0f0;background:#222;border:1px solid #444;flex:1;padding:5px 8px;font-family:monospace;font-size:13px}#msg-send{color:#000;cursor:pointer;background:#0f0;border:none;padding:5px 14px;font-family:monospace;font-size:13px;font-weight:700}#msg-send:hover{background:#0a0}#msg-send:disabled{color:#666;cursor:not-allowed;background:#444}#msg-dm-panel{border-bottom:1px solid #222;flex-direction:column;gap:5px;padding:6px 12px;display:flex}#msg-dm-conversations{flex-wrap:wrap;gap:4px;min-height:18px;display:flex}.msg-dm-item{color:#888;cursor:pointer;background:#222;border:1px solid #333;padding:3px 10px;font-family:monospace;font-size:12px}.msg-dm-item:hover{color:#0f0;background:#333}.msg-dm-item.active{color:#0f0;background:#040;border-color:#0f0}.msg-dm-item.dm-unread{color:#0f0;border-color:#0f0}#msg-dm-new-row{gap:6px;display:flex}#msg-dm-target{color:#0f0;background:#222;border:1px solid #444;flex:1;padding:3px 6px;font-family:monospace;font-size:12px}#msg-dm-start{color:#0f0;cursor:pointer;background:#333;border:1px solid #444;padding:3px 8px;font-family:monospace;font-size:12px}#msg-dm-start:hover{color:#000;background:#0f0}.anim-frame-row-label{color:#888;align-items:center;gap:4px;font-size:12px;display:flex}#raster-modal{z-index:1200;resize:both;background:#111;border:1px solid #0f0;flex-direction:column;width:440px;min-width:340px;min-height:280px;font-family:monospace;display:none;position:fixed;top:90px;left:calc(50vw - 220px);overflow:hidden;box-shadow:0 4px 24px #000c}#raster-modal.open{display:flex}#raster-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:flex}#raster-modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#raster-modal-close:hover{color:#fff}#raster-modal-body{flex:1;padding:12px;overflow-y:auto}#image-modal{z-index:1200;resize:both;background:#111;border:1px solid #0f0;flex-direction:column;width:340px;min-width:280px;font-family:monospace;display:none;position:fixed;top:90px;left:calc(50vw + 40px);overflow:hidden;box-shadow:0 4px 24px #000c}#image-modal.open{display:flex}#image-modal-header{color:#0f0;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:flex}#image-modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}#image-modal-close:hover{color:#fff}#image-modal-body{flex:1;padding:12px;overflow-y:auto}#screen-border{cursor:crosshair}#screen-border.drop-active{outline-offset:-3px;background:#00ff0014;outline:3px dashed #0f0}