@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--dos-black: #000000;--dos-blue: #0000AA;--dos-green: #00AA00;--dos-cyan: #00AAAA;--dos-red: #AA0000;--dos-magenta: #AA00AA;--dos-brown: #AA5500;--dos-light-gray: #AAAAAA;--dos-dark-gray: #555555;--dos-light-blue: #5555FF;--dos-light-green: #55FF55;--dos-light-cyan: #55FFFF;--dos-light-red: #FF5555;--dos-light-magenta: #FF55FF;--dos-yellow: #FFFF55;--dos-white: #FFFFFF;--dos-workspace: #0000AA;--dos-editor-bg: #00AAAA;--dos-menu-bar-bg: #AAAAAA;--dos-menu-bar-text: #000000;--dos-dialog-bg: #AAAAAA;--dos-dialog-border: #000000;--dos-dialog-title-bg: #0000AA;--dos-dialog-title-text: #FFFFFF;--dos-dialog-text: #000000;--dos-status-bg: #AAAAAA;--dos-status-text: #000000;--dos-highlight-bg: #0000AA;--dos-highlight-text: #FFFFFF;--dos-button-bg: #AAAAAA;--dos-button-text: #000000;--dos-button-focus-bg: #0000AA;--dos-button-focus-text: #FFFFFF;--dos-input-bg: #FFFFFF;--dos-input-text: #000000;--dos-font-size: 20px;--dos-line-height: 1.2;--dos-padding: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:VT323,monospace;font-size:var(--dos-font-size);line-height:var(--dos-line-height);background-color:var(--dos-workspace);color:var(--dos-white);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;flex:1;min-height:0}.title-bar{height:32px;background:var(--dos-dialog-title-bg);color:var(--dos-dialog-title-text);display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:2px;border-bottom:2px solid var(--dos-black);font-family:inherit;font-size:var(--dos-font-size);flex-shrink:0}.title-bar-text{text-transform:uppercase}.menu-bar{height:32px;background:var(--dos-menu-bar-bg);color:var(--dos-menu-bar-text);display:flex;align-items:center;position:relative;z-index:100;border-bottom:2px solid var(--dos-black);padding:0 4px;flex-shrink:0}.status-bar{height:32px;background:var(--dos-status-bg);color:var(--dos-status-text);display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-top:2px solid var(--dos-black);font-size:var(--dos-font-size);font-family:inherit;flex-shrink:0}.status-content{display:flex;gap:40px;width:100%}.status-item{white-space:nowrap}.dialog{background:var(--dos-dialog-bg);color:var(--dos-dialog-text);border:2px solid;border-color:var(--dos-white) var(--dos-black) var(--dos-black) var(--dos-white);position:absolute;z-index:500;box-shadow:4px 4px 0 var(--dos-black);font-family:inherit;font-size:var(--dos-font-size)}.dialog-title{background:var(--dos-dialog-title-bg);color:var(--dos-dialog-title-text);text-align:center;padding:4px 12px;font-weight:700;margin:-2px -2px 12px}.dialog-content{padding:12px}.dialog-buttons{display:flex;justify-content:center;gap:24px;padding:12px;border-top:1px solid var(--dos-black);margin-top:12px}.dos-button{background:var(--dos-button-bg);color:var(--dos-button-text);border:2px solid;border-color:var(--dos-white) var(--dos-black) var(--dos-black) var(--dos-white);padding:4px 24px;font-family:inherit;font-size:var(--dos-font-size);cursor:pointer;min-width:120px}.dos-button:hover,.dos-button:focus{background:var(--dos-button-focus-bg);color:var(--dos-button-focus-text);outline:none}.dos-button:active{border-color:var(--dos-black) var(--dos-white) var(--dos-white) var(--dos-black)}.dos-input{background:var(--dos-input-bg);color:var(--dos-input-text);border:2px solid var(--dos-black);padding:4px 8px;font-family:inherit;font-size:var(--dos-font-size)}.dos-input:focus{outline:none;background:var(--dos-light-cyan)}.dos-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer}.dos-checkbox-box{width:20px;height:20px;border:2px solid var(--dos-black);background:var(--dos-white);display:flex;align-items:center;justify-content:center}.dos-checkbox-box:before{content:"";width:12px;height:12px;display:none}.dos-checkbox input:checked+.dos-checkbox-box:before{content:"X";color:var(--dos-black)}.dos-checkbox input{display:none}.dos-radio{display:flex;align-items:center;gap:12px;cursor:pointer}.dos-radio-circle{width:20px;height:20px;border:2px solid var(--dos-black);border-radius:50%;background:var(--dos-white);display:flex;align-items:center;justify-content:center}.dos-radio-circle:before{content:"";width:10px;height:10px;border-radius:50%;display:none}.dos-radio input:checked+.dos-radio-circle:before{display:block;background:var(--dos-black)}.dos-radio input{display:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--dos-black) 60%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:var(--dos-dialog-bg);color:var(--dos-dialog-text);border:2px solid;border-color:var(--dos-white) var(--dos-black) var(--dos-black) var(--dos-white);box-shadow:4px 4px 0 var(--dos-black);min-width:360px;max-width:400px}.modal-title{background:var(--dos-dialog-title-bg);color:var(--dos-dialog-title-text);text-align:center;padding:4px 12px;font-weight:700;font-size:var(--dos-font-size);letter-spacing:1px;margin:-2px -2px 0}.modal-content{padding:16px}.modal-body{text-align:center}.modal-logo{font-size:var(--dos-font-size);font-weight:700;letter-spacing:3px;color:var(--dos-dialog-title-bg);margin-bottom:4px}.modal-version{font-size:var(--dos-font-size);color:var(--dos-dark-gray);margin-bottom:4px}.modal-subtitle{font-size:var(--dos-font-size);font-weight:700;color:var(--dos-black);margin-bottom:12px}.modal-separator{color:var(--dos-dark-gray);margin:8px 0;font-size:var(--dos-font-size);letter-spacing:1px}.modal-description{font-size:var(--dos-font-size);color:var(--dos-black);line-height:1.4;text-align:left;margin:8px 0}.modal-details{font-size:var(--dos-font-size);color:var(--dos-dark-gray);line-height:1.5;text-align:center;margin:8px 0}.modal-buttons{display:flex;justify-content:center;padding:12px 0 4px}.modal-buttons .dos-button{min-width:100px}.box-tl:before{content:"┌"}.box-tr:before{content:"┐"}.box-bl:before{content:"└"}.box-br:before{content:"┘"}.box-h:before{content:"─"}.box-v:before{content:"│"}.box-t:before{content:"┬"}.box-b:before{content:"┴"}.box-l:before{content:"├"}.box-r:before{content:"┤"}.box-x:before{content:"┼"}.box-double-h:before{content:"═"}.box-double-v:before{content:"║"}.box-double-tl:before{content:"╔"}.box-double-tr:before{content:"╗"}.box-double-bl:before{content:"╚"}.box-double-br:before{content:"╝"}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus{outline:none}:focus-visible{background:var(--dos-highlight-bg);color:var(--dos-highlight-text)}::selection{background:var(--dos-highlight-bg);color:var(--dos-highlight-text)}.menu-bar{display:flex;height:32px;background:var(--dos-menu-bar-bg);color:var(--dos-menu-bar-text);position:relative;z-index:100;font-size:var(--dos-font-size);font-family:inherit}.menu-item{display:flex;align-items:center;padding:0 12px;height:100%;cursor:pointer;position:relative}.menu-item:hover,.menu-item.active,.menu-item:focus{background:var(--dos-highlight-bg);color:var(--dos-highlight-text)}.menu-label{display:flex;align-items:center;gap:8px;white-space:nowrap;color:inherit}.menu-hotkey{text-decoration:underline;text-underline-offset:2px}.menu-dropdown{position:absolute;top:100%;left:0;min-width:280px;background:var(--dos-menu-bar-bg);color:var(--dos-menu-bar-text);border:2px solid;border-color:var(--dos-white) var(--dos-black) var(--dos-black) var(--dos-white);z-index:200;padding:4px;box-shadow:4px 4px 0 var(--dos-black)}.menu-divider{height:2px;background:var(--dos-black);margin:4px 8px;border-top:2px solid var(--dos-white)}.menu-option{display:flex;align-items:center;padding:4px 8px;cursor:pointer;position:relative;white-space:nowrap;height:28px;gap:16px}.menu-option:hover,.menu-option:focus,.menu-option.active{background:var(--dos-highlight-bg);color:var(--dos-highlight-text)}.menu-option:focus-visible{outline:none}.menu-option .option-shortcut{margin-left:auto;color:var(--dos-dark-gray);white-space:nowrap}.menu-option .option-arrow{position:absolute;right:12px;font-size:var(--dos-font-size)}.menu-option.disabled{color:var(--dos-dark-gray);pointer-events:none}.menu-option .option-check{position:absolute;left:8px;width:20px;text-align:center}.menu-option .option-check:before{content:"✓";display:none}.menu-option.checked .option-check:before{display:inline}.submenu{position:absolute;top:0;left:100%;margin-left:-2px;min-width:280px;background:var(--dos-menu-bar-bg);color:var(--dos-menu-bar-text);border:2px solid;border-color:var(--dos-white) var(--dos-black) var(--dos-black) var(--dos-white);box-shadow:4px 4px 0 var(--dos-black);z-index:300;padding:4px}.menu-bar-hint{position:absolute;right:8px;top:4px;color:var(--dos-dark-gray)}#menu-container{position:fixed;z-index:200}.menu-title{background:var(--dos-dialog-title-bg);color:var(--dos-dialog-title-text);text-align:center;padding:4px 12px;font-weight:700;margin:-4px -4px 8px}.welcome-screen{flex:1;display:flex;flex-direction:column;padding:12px;overflow:auto;background:var(--dos-editor-bg);font-family:inherit}.welcome-container{background:var(--dos-dialog-bg);color:var(--dos-dialog-text);border:2px solid;border-color:var(--dos-white) var(--dos-black) var(--dos-black) var(--dos-white);padding:0;max-width:600px;width:100%;margin:auto;position:relative;box-shadow:4px 4px 0 var(--dos-black)}.welcome-title{background:var(--dos-dialog-title-bg);color:var(--dos-dialog-title-text);text-align:center;padding:4px 12px;font-weight:700;font-size:var(--dos-font-size);letter-spacing:2px;margin:-2px -2px 12px}.welcome-version{text-align:center;margin:0 12px 16px;color:var(--dos-black)}.welcome-section{margin:0 12px 16px}.welcome-section-title{font-size:var(--dos-font-size);font-weight:700;margin-bottom:12px;color:var(--dos-black);display:flex;align-items:center;gap:8px;text-transform:uppercase}.welcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.welcome-btn{background:var(--dos-button-bg);color:var(--dos-button-text);border:2px solid;border-color:var(--dos-white) var(--dos-black) var(--dos-black) var(--dos-white);padding:12px;font-family:inherit;font-size:var(--dos-font-size);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:70px}.welcome-btn:hover,.welcome-btn:focus{background:var(--dos-button-focus-bg);color:var(--dos-button-focus-text)}.welcome-btn:focus-visible{outline:none}.welcome-btn:active{border-color:var(--dos-black) var(--dos-white) var(--dos-white) var(--dos-black)}.welcome-btn-icon{font-size:var(--dos-font-size)}.welcome-btn-label{text-align:center;line-height:1.2}.welcome-info{margin:0 12px 12px;padding:12px;background:var(--dos-white);border:2px solid var(--dos-black);color:var(--dos-black)}.welcome-info-item{display:flex;align-items:center;gap:8px;margin-bottom:4px}.welcome-info-icon{width:20px;text-align:center}.welcome-recent{margin:0 12px 12px}.welcome-recent-title{font-size:var(--dos-font-size);font-weight:700;margin-bottom:8px;color:var(--dos-black);text-transform:uppercase}.welcome-recent-list{margin-top:8px;border:2px solid var(--dos-black);background:var(--dos-white)}.welcome-recent-item{display:flex;align-items:center;padding:4px 8px;cursor:pointer;height:28px}.welcome-recent-item:hover,.welcome-recent-item:focus{background:var(--dos-highlight-bg);color:var(--dos-highlight-text)}.welcome-recent-item:focus-visible{outline:none}.welcome-recent-icon{width:20px;margin-right:8px;text-align:center}.welcome-recent-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-recent-date{color:var(--dos-dark-gray);margin-left:8px}.welcome-buttons{display:flex;justify-content:center;gap:16px;padding:12px;border-top:2px solid var(--dos-black);margin-top:12px}.welcome-help{color:var(--dos-dark-gray);text-align:center;margin-top:12px}.workspace{flex:1;background:var(--dos-workspace);color:var(--dos-white);display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--dos-black);margin:2px;min-height:0}.ide-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--dos-editor-bg)}.ide-status-line{background:var(--dos-dialog-title-bg);color:var(--dos-dialog-title-text);padding:2px 8px;display:flex;justify-content:space-between;font-size:var(--dos-font-size);font-family:inherit;border-bottom:2px solid var(--dos-black);flex-shrink:0;letter-spacing:1px}.editor-tabs{display:flex;background:var(--dos-dialog-bg);color:var(--dos-black);border-bottom:2px solid var(--dos-black);overflow-x:auto;overflow-y:hidden;flex-shrink:0;min-height:32px;font-family:inherit;font-size:var(--dos-font-size)}.editor-tab{display:flex;align-items:center;padding:4px 12px;background:var(--dos-dialog-bg);color:var(--dos-black);border-right:2px solid var(--dos-black);cursor:pointer;white-space:nowrap;gap:8px;height:32px}.editor-tab:hover{background:var(--dos-light-gray)}.editor-tab.active{background:var(--dos-editor-bg);color:var(--dos-white);font-weight:700;border-top:2px solid var(--dos-yellow)}.editor-tab-name{pointer-events:none}.editor-tab-modified{color:var(--dos-yellow);pointer-events:none}.editor-tab-close{margin-left:4px;padding:0 4px;color:var(--dos-black);font-weight:700;pointer-events:auto}.editor-tab.active .editor-tab-close{color:var(--dos-yellow)}.editor-tab-close:hover{background:var(--dos-red);color:var(--dos-white)}.editor-body{flex:1;display:flex;overflow:hidden;min-height:0;background:var(--dos-editor-bg);position:relative}.editor-gutter{background:var(--dos-blue);color:var(--dos-light-cyan);padding:4px 8px;text-align:right;font-family:inherit;font-size:var(--dos-font-size);line-height:var(--dos-line-height);-webkit-user-select:none;user-select:none;overflow:hidden;white-space:pre;border-right:2px solid var(--dos-black);flex-shrink:0;min-width:48px;font-weight:700}.editor-textarea{flex:1;background:var(--dos-editor-bg);color:var(--dos-white);border:none;outline:none;padding:4px 8px;font-family:inherit;font-size:var(--dos-font-size);line-height:var(--dos-line-height);resize:none;overflow:auto;white-space:pre;-moz-tab-size:2;tab-size:2;caret-color:var(--dos-yellow)}.editor-textarea::selection{background:var(--dos-highlight-bg);color:var(--dos-white)}.editor-resizer{height:4px;background:var(--dos-dialog-title-bg);cursor:ns-resize;flex-shrink:0;border-top:1px solid var(--dos-black);border-bottom:1px solid var(--dos-black)}.preview-pane{background:var(--dos-workspace);border-top:2px solid var(--dos-light-gray);display:flex;flex-direction:column;flex-shrink:0;height:320px;font-family:inherit;font-size:var(--dos-font-size)}.preview-header{flex-shrink:0}.app-preview-frame{flex:1;width:100%;border:none;background:var(--dos-workspace)}.output-pane{background:var(--dos-black);color:var(--dos-light-gray);border-top:2px solid var(--dos-light-gray);display:flex;flex-direction:column;flex-shrink:0;height:180px;font-family:inherit;font-size:var(--dos-font-size)}.output-header{background:var(--dos-light-gray);color:var(--dos-black);padding:2px 8px;display:flex;justify-content:space-between;align-items:center;font-weight:700;letter-spacing:1px;flex-shrink:0;border-bottom:2px solid var(--dos-black)}.output-title{pointer-events:none;flex:1}.output-download{background:var(--dos-green);color:var(--dos-white);border:1px solid var(--dos-black);padding:0 6px;cursor:pointer;font-family:inherit;font-size:var(--dos-font-size);margin-right:6px}.output-download.hidden{display:none}.output-download:hover{background:var(--dos-light-green);color:var(--dos-black)}.output-close{background:var(--dos-red);color:var(--dos-white);border:1px solid var(--dos-black);padding:0 6px;cursor:pointer;font-family:inherit;font-size:var(--dos-font-size)}.output-close:hover{background:var(--dos-light-red)}.output-content{flex:1;overflow:auto;padding:4px 8px;white-space:pre-wrap;word-wrap:break-word;margin:0;line-height:var(--dos-line-height);background:var(--dos-black);color:var(--dos-light-gray)}.output-line-error{color:var(--dos-light-red)}.output-line-success{color:var(--dos-light-green)}.output-line-info{color:var(--dos-light-cyan)}.form-row{margin:8px 0;display:flex;align-items:center;gap:8px}.form-label{color:var(--dos-black);font-weight:700;min-width:120px;font-size:var(--dos-font-size)}.dos-input{flex:1;background:var(--dos-white);color:var(--dos-black);border:2px solid var(--dos-black);padding:4px 8px;font-family:inherit;font-size:var(--dos-font-size);outline:none}.dos-input:focus{background:var(--dos-light-cyan)}.template-list{border:2px solid var(--dos-black);background:var(--dos-white);margin:4px 0}.template-option{display:flex;align-items:center;gap:12px;padding:4px 8px;cursor:pointer;color:var(--dos-black);height:32px}.template-option:hover{background:var(--dos-light-gray)}.template-option.active{background:var(--dos-highlight-bg);color:var(--dos-highlight-text)}.template-icon{font-weight:700}.file-list{background:var(--dos-white);color:var(--dos-black);border:2px solid var(--dos-black);min-height:120px;max-height:240px;overflow-y:auto;font-family:inherit;font-size:var(--dos-font-size)}.file-list-item{padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:8px;height:28px}.file-list-item:hover{background:var(--dos-light-gray)}.file-list-item.active{background:var(--dos-highlight-bg);color:var(--dos-highlight-text)}.file-list-empty{padding:12px 8px;color:var(--dos-dark-gray);text-align:center}#new-project-modal .modal-dialog,#save-as-modal .modal-dialog,#open-project-modal .modal-dialog,#find-modal .modal-dialog,#go-to-modal .modal-dialog{min-width:400px;max-width:480px}.modal-buttons .dos-button[disabled]{color:var(--dos-dark-gray);background:var(--dos-light-gray);cursor:not-allowed}@keyframes modified-blink{0%,to{opacity:1}50%{opacity:.4}}.editor-tab-modified{animation:modified-blink 1.2s infinite}.editor-textarea::-webkit-scrollbar,.output-content::-webkit-scrollbar,.editor-tabs::-webkit-scrollbar,.file-list::-webkit-scrollbar{width:16px;height:16px;background:var(--dos-black)}.editor-textarea::-webkit-scrollbar-thumb,.output-content::-webkit-scrollbar-thumb,.editor-tabs::-webkit-scrollbar-thumb,.file-list::-webkit-scrollbar-thumb{background:var(--dos-light-gray);border:1px solid var(--dos-black)}.editor-textarea::-webkit-scrollbar-thumb:hover,.output-content::-webkit-scrollbar-thumb:hover,.editor-tabs::-webkit-scrollbar-thumb:hover,.file-list::-webkit-scrollbar-thumb:hover{background:var(--dos-dialog-title-bg)}