:root{--win95-bg: #c0c0c0;--win95-light: #ffffff;--win95-dark: #808080;--win95-darker: #404040;--win95-blue: #000080;--win95-text: #000000;--win95-button-face: #c0c0c0;--win95-font: "MS Sans Serif", "Segoe UI", Tahoma, sans-serif;--win95-desktop: #018281}body{background-color:var(--win95-desktop);font-family:var(--win95-font);margin:0;padding:0;color:var(--win95-text);display:flex;place-items:center;min-width:320px;min-height:100vh}#app{width:90%;max-width:800px;margin:20px auto;border:2px solid;border-top-color:var(--win95-light);border-left-color:var(--win95-light);border-right-color:var(--win95-darker);border-bottom-color:var(--win95-darker);padding:2px;background-color:var(--win95-bg);box-sizing:border-box}.title-bar{background-color:var(--win95-blue);color:#fff;padding:2px 4px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.title-text{padding:3px;font-size:12px}.title-bar-controls{display:flex}.title-bar-button{width:16px;height:14px;margin-left:2px;border:1px solid var(--win95-light);border-right-color:var(--win95-darker);border-bottom-color:var(--win95-darker);background-color:var(--win95-button-face);display:flex;justify-content:center;align-items:center;font-size:9px;-webkit-user-select:none;user-select:none;color:var(--win95-text)}.window-content{padding:16px}.form-group{margin-bottom:10px;width:100%;box-sizing:border-box}label{display:block;margin-bottom:3px;width:100%;box-sizing:border-box}input,select,textarea{width:100%;padding:5px;border:1px solid;border-top-color:var(--win95-darker);border-left-color:var(--win95-darker);border-right-color:var(--win95-light);border-bottom-color:var(--win95-light);background-color:#fff;font-family:var(--win95-font);box-sizing:border-box;margin-bottom:5px}button{border:2px solid;border-top-color:var(--win95-light);border-left-color:var(--win95-light);border-right-color:var(--win95-darker);border-bottom-color:var(--win95-darker);background-color:var(--win95-button-face);padding:3px 10px;font-family:var(--win95-font);margin-right:6px;margin-bottom:6px;position:relative;outline:1px solid var(--win95-dark)}button:active{border-top-color:var(--win95-darker);border-left-color:var(--win95-darker);border-right-color:var(--win95-light);border-bottom-color:var(--win95-light);padding:4px 9px 2px 11px}#message-container{background-color:var(--win95-bg);border:1px solid;border-top-color:var(--win95-darker);border-left-color:var(--win95-darker);border-right-color:var(--win95-light);border-bottom-color:var(--win95-light);padding:8px;margin:10px 0;min-height:20px;box-sizing:border-box;width:100%}#output{width:100%;height:120px;border:1px solid;border-top-color:var(--win95-darker);border-left-color:var(--win95-darker);border-right-color:var(--win95-light);border-bottom-color:var(--win95-light);background-color:#fff;resize:vertical;font-family:Courier New,monospace;box-sizing:border-box}.status-bar{border:1px solid;border-top-color:var(--win95-darker);border-left-color:var(--win95-darker);border-right-color:var(--win95-light);border-bottom-color:var(--win95-light);display:flex;padding:2px 4px;font-size:12px;margin:10px -16px -16px;background-color:var(--win95-button-face);justify-content:flex-end}.status-section{border-left:1px solid var(--win95-dark);padding-left:8px;margin-left:8px}