*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app-container{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.app-header{background:silver;border-bottom:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;padding:.5rem 1.5rem}.header-content{align-items:center;display:flex;margin:0 auto;width:100%}.app-header h1{color:#000;font-family:VT323,monospace;font-size:1rem;font-weight:530;letter-spacing:.05em;margin:0}.logo-container{align-items:center;background:#fff;border:1px solid grey;border-radius:0;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;display:flex;height:30px;justify-content:center;margin-right:10px;overflow:hidden;padding:2px;width:30px}.logo{height:100%;object-fit:cover;width:100%}.app-main{display:flex;flex:1 1;flex-direction:column}.template-selector-minimal{display:none}.app-content{grid-gap:1rem;box-sizing:border-box;display:grid;flex:1 1;gap:1rem;grid-template-columns:275px 1fr;margin:0 auto;padding:1rem;width:100%}.left-panel,.right-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 150px);overflow:hidden}.website-preview-container{display:flex;flex-direction:column;height:100%}.preview-controls{align-items:center;background:#f0f0f0;border-bottom:1px solid grey;display:flex;justify-content:space-between;padding:8px 12px}.preview-label{color:#333;font-family:VT323,monospace;font-size:14px;font-weight:500}.preview-actions{align-items:center;display:flex;gap:12px}.preview-toggle{align-items:center;color:#333;display:flex;font-family:VT323,monospace;font-size:12px;gap:8px}.preview-toggle input[type=checkbox]{background:#fff;border:1px solid grey;box-shadow:inset 1px 1px grey,inset -1px -1px #fff;cursor:pointer;height:16px;margin:0;width:16px}.preview-reset-button{background:#371414;border:1px solid #521f1f;box-shadow:inset 1px 1px #702a2a,inset -1px -1px #200a0a;color:#f33;cursor:pointer;font-family:VT323,monospace;font-size:12px;padding:4px 8px;text-shadow:0 0 2px #f33;transition:all .1s ease}.preview-reset-button:hover{background:#421a1a;box-shadow:inset 1px 1px #702a2a,inset -1px -1px #200a0a,0 0 5px #ff33334d;text-shadow:0 0 4px #f33}.preview-reset-button:active{background:#290f0f;box-shadow:inset 1px 1px #200a0a,inset -1px -1px #702a2a;text-shadow:0 0 4px #f33}.preview-reset-button:disabled{background:#371414;box-shadow:none;cursor:not-allowed;opacity:.6;text-shadow:none}.preview-content{background:#fff;box-shadow:inset 1px 1px grey,inset -1px -1px #fff;flex:1 1;overflow:auto}.preview-iframe{background:#fff;border:none;height:100%;width:100%}.deploy-button-container{background:#fff;border-top:1px solid #eaeaea;padding:1rem}.app-footer{background:silver;border-top:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;font-family:VT323,monospace;font-size:.875rem;padding:.75rem 1.5rem;text-align:center}@media (max-width:1200px){.app-content{gap:1rem;grid-template-columns:275px 1fr;padding:1rem}}@media (max-width:768px){.app-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.left-panel,.right-panel{display:none;height:auto;min-height:400px}.left-panel.active,.right-panel.active{display:flex}}.chat-container{background:#f0f0f0;display:flex;flex-direction:column;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;height:100%}.chat-navigation{background:#e0e0e0;border-bottom:1px solid silver;padding:8px 12px}.chat-navigation,.nav-button{align-items:center;display:flex}.nav-button{background:#d0d0d0;border:1px solid grey;border-radius:3px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff;color:#000;cursor:pointer;font-size:12px;gap:4px;margin-right:8px;padding:4px 8px;transition:background-color .2s ease}.nav-button:hover{background:silver}.nav-button:active{box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff}.chat-messages{background:#fff;flex:1 1;overflow-y:auto;padding:12px}.chat-message{display:flex;font-size:13px;margin-bottom:8px;max-width:100%}.message-content{background:#fff;border:1px solid #d0d0d0;border-radius:8px;box-shadow:1px 1px 0 #0000001a;max-width:100%;overflow-wrap:break-word;padding:8px 12px;word-break:break-word}.message-content p{overflow:hidden;text-overflow:ellipsis;white-space:normal}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.user-message .message-content{background-color:#e8f0fe;border-radius:8px 8px 0 8px;margin-right:8px}.bot-message .message-content{background-color:#fff;border-radius:8px 8px 8px 0;margin-left:8px}.message-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.option-button{background:#e0e0e0;border:1px solid silver;border-radius:3px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff;color:#000;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.option-button:hover:not(.disabled-button){background:#d0d0d0}.option-button:active:not(.disabled-button){box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff}.disabled-button{box-shadow:none;cursor:not-allowed;opacity:.6}.bot-avatar,.user-avatar{align-items:center;background:#e0e0e0;border:1px solid silver;border-radius:50%;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.message-timestamp{color:grey;font-size:10px;margin-top:2px;text-align:right}.website-preview{border:1px solid #ddd;border-radius:5px;flex:1 1;margin-bottom:1rem;overflow:auto}.preview-header{background-color:#f5f5f5;border-bottom:1px solid #ddd;padding:.5rem 1rem}.preview-section{margin-bottom:1.5rem}.deploy-container{padding:1rem;text-align:center}.deploy-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 2rem;transition:background-color .3s}.deploy-button:hover{background-color:#45a049}.deploy-button:disabled{background-color:#ccc;cursor:not-allowed}.deploy-status{background-color:#f9f9f9;border-radius:5px;margin-top:1rem;padding:.8rem}.preview-container{border-top:none;box-shadow:inset 1px 1px grey,inset -1px -1px #fff;flex:1 1}.command-guide{background-color:#f5f7fa;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:12px 15px}.guide-label{color:#555;font-size:.9rem;font-weight:600;margin-bottom:8px}.guide-options{display:flex;flex-wrap:wrap;gap:8px}.guide-option{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:.85rem;padding:4px 8px}.guide-option.clickable{cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s;-webkit-user-select:none;user-select:none}.guide-option.clickable:hover{background-color:#f0f8ff;border-color:#4a90e2;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.guide-option.clickable:active{box-shadow:none;transform:translateY(1px)}.guide-hint{color:#666;font-size:.8rem;font-style:italic;margin-top:8px}.validation-error{background-color:#ffebee;border-left:3px solid #d32f2f;border-radius:4px;color:#d32f2f;font-size:.85rem;margin-top:8px;padding:4px 8px}.chat-submit-button.invalid{background-color:#d32f2f}.error-message .message-content{background-color:#ffebee;border-left:3px solid #d32f2f;color:#d32f2f}.icon-picker{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:400px}.icon-search{border-bottom:1px solid #eee;padding:10px}.icon-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.icon-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);max-height:300px;overflow-y:auto;padding:15px}.icon-item{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s}.icon-item:hover{background-color:#f0f8ff;border-color:#4a90e2;transform:scale(1.05)}.icon-item i{color:#333!important;display:inline-block!important;font-size:18px!important;height:auto!important;line-height:1!important;text-align:center!important;width:auto!important}.icon-picker-container{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;left:50%;min-width:300px;padding:2px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.icon-picker-header{align-items:center;background:navy;color:#fff;display:flex;font-family:VT323,monospace;justify-content:space-between;padding:6px 8px}.icon-picker-header h4{font-size:14px;font-weight:400;margin:0}.close-icon-picker{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:14px;padding:2px 6px}.close-icon-picker:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;padding:3px 5px 1px 7px}.icon-hint{align-items:center;background-color:#f0f8ff;border-left:3px solid #4a90e2;color:#333;display:flex;font-size:14px;margin-top:8px;padding:8px 12px}.icon-hint i{color:#4a90e2;margin-right:8px}.color-picker{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:400px}.color-search{border-bottom:1px solid #eee;padding:10px}.color-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);max-height:300px;overflow-y:auto;padding:15px}.color-item{align-items:center;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:8px;transition:all .2s}.color-item:hover{box-shadow:0 2px 5px #0000001a;transform:scale(1.05)}.color-swatch{border:1px solid #ddd;border-radius:50%;height:30px;margin-bottom:5px;width:30px}.color-name{font-size:12px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.custom-color-section{border-top:1px solid #eee;padding:15px}.custom-color-section h4{font-size:14px;font-weight:600;margin:0 0 10px}.custom-color-input{align-items:center;display:flex;gap:10px}.color-input{border:1px solid #ddd;cursor:pointer;height:40px;padding:0;width:40px}.color-text-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px}.color-select-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.color-select-button:hover{background-color:#3a80d2}.color-picker-container{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;left:50%;min-width:300px;padding:2px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.color-picker-header{align-items:center;background:navy;color:#fff;display:flex;font-family:VT323,monospace;justify-content:space-between;padding:6px 8px}.color-picker-header h4{font-size:14px;font-weight:400;margin:0}.close-color-picker{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:14px;padding:2px 6px}.close-color-picker:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;padding:3px 5px 1px 7px}.mobile-tabs{border-bottom:1px solid grey;display:none;padding:4px}.mobile-tabs,.tab-button{background:silver;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040}.tab-button{border:1px solid grey;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:12px;margin-right:8px;padding:6px 12px}.tab-button:last-child{margin-right:0}.tab-button.active{background:silver;box-shadow:inset 1px 1px #404040,inset -1px -1px #fff}.tab-button:hover:not(.active){background:#d0d0d0}@media (max-width:768px){.mobile-tabs{display:flex;justify-content:center}.app-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.left-panel,.right-panel{display:none;height:auto;min-height:400px}.left-panel.active,.right-panel.active{display:flex}}.color-hint{align-items:center;background-color:#f0f8ff;border-left:3px solid #4a90e2;color:#333;display:flex;font-size:14px;margin-top:8px;padding:8px 12px}.color-hint i{color:#4a90e2;margin-right:8px}.image-uploader-container{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;left:50%;min-width:300px;padding:2px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.image-uploader{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:400px}.image-uploader-header{align-items:center;background:navy;color:#fff;display:flex;font-family:VT323,monospace;justify-content:space-between;padding:6px 8px}.image-uploader-header h4{font-size:14px;font-weight:400;margin:0}.close-image-uploader{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:14px;padding:2px 6px}.close-image-uploader:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;padding:3px 5px 1px 7px}.image-uploader-content{background:silver;border:1px solid grey;margin:2px;max-height:400px;overflow-y:auto;padding:12px}.image-preview{background-color:#f9f9f9;border:1px dashed #ddd;border-radius:4px;margin-bottom:15px;padding:10px;text-align:center}.image-preview img{border-radius:4px;max-height:200px;max-width:100%}.image-preview-empty{align-items:center;color:#888;display:flex;font-size:14px;height:150px;justify-content:center}.file-input-container{margin-bottom:15px}.file-input-label{background-color:#f0f0f0;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;transition:background-color .2s}.file-input-label:hover{background-color:#e0e0e0}.file-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.file-name{color:#555;font-size:14px;margin-left:10px}.error-message{background-color:#ffebee;border-left:3px solid #d32f2f;border-radius:4px;color:#d32f2f;font-size:14px;margin-bottom:15px;padding:8px 12px}.image-uploader-actions{display:flex;justify-content:space-between;margin-top:15px}.upload-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.upload-button:hover{background-color:#3a80d2}.upload-button:disabled{background-color:#a5c7fe;cursor:not-allowed}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.cancel-button:hover{background-color:#e5e5e5}.upload-progress{background-color:#e0e0e0;border-radius:2px;height:4px;margin-bottom:15px;overflow:hidden}.upload-progress-bar{background-color:#4a90e2;height:100%;transition:width .3s ease}.drag-drop-area{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:4px;margin-bottom:15px;padding:20px;text-align:center;transition:all .2s}.drag-drop-area.active{background-color:#f0f8ff;border-color:#4a90e2}.drag-drop-text{color:#666;font-size:14px;margin-bottom:10px}.drag-drop-icon{color:#888;font-size:24px;margin-bottom:10px}.image-hint{align-items:center;background-color:#f0f8ff;border-left:3px solid #4a90e2;color:#333;display:flex;font-size:14px;margin-top:8px;padding:8px 12px}.image-hint i{color:#4a90e2;margin-right:8px}.image-gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:15px}.gallery-image{border:1px solid #ddd;border-radius:4px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.gallery-image:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.gallery-image img{display:block;height:80px;object-fit:cover;width:100%}.gallery-image.selected{border:2px solid #4a90e2}.gallery-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:15px}.gallery-tab{border-bottom:2px solid #0000;cursor:pointer;font-size:14px;padding:8px 16px}.gallery-tab.active{border-bottom-color:#4a90e2;color:#4a90e2}.input-container{margin-right:10px;position:relative}.input-tools{display:flex;gap:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.tool-button{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:all .2s;width:30px}.tool-button:hover{background-color:#f0f0f0;color:#4a90e2}.tool-button.active{background-color:#e3f2fd;color:#4a90e2}.hint-action-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:4px 8px}.hint-action-button:hover{background-color:#3a7bc8}.toggle-container{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;left:50%;min-width:300px;padding:2px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.toggle-header{align-items:center;background:navy;color:#fff;display:flex;font-family:VT323,monospace;justify-content:space-between;padding:6px 8px}.toggle-header h4{font-size:14px;font-weight:400;margin:0}.close-toggle{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:14px;padding:2px 6px}.close-toggle:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;padding:3px 5px 1px 7px}.toggle-content{background:silver;border:1px solid grey;margin:2px;padding:12px}.toggle-buttons{display:flex;gap:8px;justify-content:center;margin-top:8px;padding:8px}.toggle-button{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:12px;min-width:60px;padding:4px 12px}.toggle-button:hover:not(.active){background:#d0d0d0}.toggle-button.active,.toggle-button:active:not(.active){box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;padding:5px 11px 3px 13px}.toggle-button.active{background:silver}.toggle-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.deploy-button-minimal{background:#143714;border:1px solid #1f521f;box-shadow:inset 1px 1px #2a702a,inset -1px -1px #0a200a;color:#3f3;cursor:pointer;font-family:VT323,monospace;font-size:12px;padding:4px 12px;text-shadow:0 0 2px #3f3;transition:all .1s ease;white-space:nowrap}.deploy-button-minimal:hover{background:#1a421a;box-shadow:inset 1px 1px #2a702a,inset -1px -1px #0a200a,0 0 5px #33ff334d;text-shadow:0 0 4px #3f3}.deploy-button-minimal:active{background:#0f290f;box-shadow:inset 1px 1px #0a200a,inset -1px -1px #2a702a;text-shadow:0 0 4px #3f3}.deploy-button-minimal:disabled{background:#143714;box-shadow:none;cursor:not-allowed;opacity:.6;text-shadow:none}.deploy-status{background:#143714;border:1px solid #1f521f;color:#3f3;font-family:VT323,monospace;margin-bottom:16px;padding:12px;text-shadow:0 0 2px #3f3}.deploy-status.deploy-error{background:#3f1414;border-color:#521f1f;color:#f33;text-shadow:0 0 2px #f33}.deploy-url{background:#143714;border:1px solid #1f521f;font-family:VT323,monospace;padding:12px}.deploy-url,.retro-link{color:#3f3;text-shadow:0 0 2px #3f3}.retro-link{border-bottom:1px solid #3f3;text-decoration:none}.retro-link:hover{border-bottom-color:#6f6;color:#6f6;text-shadow:0 0 4px #3f3}.deploy-note{color:#2a702a;font-size:12px;margin-top:8px;text-shadow:none}.preview-toolbar{align-items:center;background:silver;border-bottom:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;display:flex;justify-content:space-between;padding:8px 12px}.toolbar-group{align-items:center;display:flex;gap:8px}.toolbar-label{color:#000}.template-select,.toolbar-label{font-family:VT323,monospace;font-size:12px}.template-select{background:#e0e0e0;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px grey;cursor:pointer;min-width:150px;padding:4px 8px}.template-select:focus{border-color:navy;outline:none}.retro-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;font-family:VT323,monospace;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.retro-modal{background:#1a1a1a;border:1px solid #3f3;box-shadow:0 0 20px #3f33;max-width:500px;width:90%}.retro-modal-header{align-items:center;background:#143714;border-bottom:1px solid #1f521f;color:#3f3;display:flex;justify-content:space-between;padding:8px 12px;text-shadow:0 0 2px #3f3}.retro-modal-header h3{font-size:16px;font-weight:400;margin:0}.retro-close-button{background:none;border:none;color:#3f3;cursor:pointer;font-size:24px;padding:0 4px;text-shadow:0 0 2px #3f3}.retro-close-button:hover{color:#6f6;text-shadow:0 0 4px #3f3}.retro-modal-content{background:#1a1a1a;border:none;color:#3f3;margin:0;padding:16px}.retro-modal-footer{border-top:1px solid #333;display:flex;gap:8px;justify-content:flex-end;padding:12px}.retro-button{background:#143714;border:1px solid #1f521f;box-shadow:inset 1px 1px #2a702a,inset -1px -1px #0a200a;color:#3f3;cursor:pointer;font-family:VT323,monospace;font-size:14px;padding:6px 12px;text-decoration:none;text-shadow:0 0 2px #3f3;transition:all .1s ease}.retro-button:hover{background:#1a421a;box-shadow:inset 1px 1px #2a702a,inset -1px -1px #0a200a,0 0 5px #33ff334d;text-shadow:0 0 4px #3f3}.retro-button:active{background:#0f290f;box-shadow:inset 1px 1px #0a200a,inset -1px -1px #2a702a}.chat-input-form{background:silver;border-top:1px solid grey;display:flex;gap:8px;padding:8px}.input-container{flex:1 1}.input-container input[type=text]{background:#fff;border:1px solid grey;box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;color:#000;font-family:VT323,monospace;font-size:12px;padding:6px 8px;width:100%}.input-container input[type=text]:focus{border-color:navy;outline:none}.chat-submit-button{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:12px;font-weight:700;min-width:70px;padding:6px 12px}.chat-submit-button:hover:not(:disabled){background:#d0d0d0}.chat-submit-button:active:not(:disabled){box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;padding:7px 11px 5px 13px}.chat-submit-button:disabled{cursor:not-allowed;opacity:.6}.color-picker-container,.icon-picker-container,.image-uploader-container{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;left:50%;min-width:300px;padding:2px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.color-picker-header,.icon-picker-header,.image-uploader-header{align-items:center;background:navy;color:#fff;display:flex;font-family:VT323,monospace;justify-content:space-between;padding:6px 8px}.color-picker-header h4,.icon-picker-header h4,.image-uploader-header h4{font-size:14px;font-weight:400;margin:0}.close-color-picker,.close-icon-picker,.close-image-uploader{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:14px;padding:2px 6px}.close-color-picker:active,.close-icon-picker:active,.close-image-uploader:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;padding:3px 5px 1px 7px}.color-picker-content,.icon-picker-content,.image-uploader-content{background:silver;border:1px solid grey;margin:2px;max-height:400px;overflow-y:auto;padding:12px}.color-picker-content::-webkit-scrollbar,.icon-picker-content::-webkit-scrollbar,.image-uploader-content::-webkit-scrollbar{width:16px}.color-picker-content::-webkit-scrollbar-track,.icon-picker-content::-webkit-scrollbar-track,.image-uploader-content::-webkit-scrollbar-track{background:silver;box-shadow:inset 1px 1px #404040,inset -1px -1px #fff}.color-picker-content::-webkit-scrollbar-thumb,.icon-picker-content::-webkit-scrollbar-thumb,.image-uploader-content::-webkit-scrollbar-thumb{background:silver;border:1px solid grey;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040}.picker-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.viewport-controls{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;gap:2px;margin-right:12px;padding:2px}.viewport-button,.viewport-controls{align-items:center;background:silver;border:1px solid grey;display:flex}.viewport-button{box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:12px;height:32px;justify-content:center;padding:6px;position:relative;width:32px}.viewport-button i{font-size:16px;text-align:center}.viewport-button:hover:not(.active){background:#d0d0d0}.viewport-button.active{background:silver;box-shadow:inset 1px 1px #404040,inset -1px -1px #fff;padding:7px 5px 5px 7px}.viewport-button.active i{transform:translateY(1px)}.viewport-button:after{background:#ffc;border:1px solid #000;bottom:-24px;content:attr(title);font-size:11px;left:50%;opacity:0;padding:2px 6px;position:absolute;transform:translateX(-50%);transition:opacity .2s;visibility:hidden;white-space:nowrap;z-index:1000}.viewport-button:hover:after{opacity:1;visibility:visible}.preview-content.mobile-view{background:grey;display:flex;justify-content:center;overflow:auto;padding:20px}.preview-content.mobile-view .preview-iframe{background:#404040;border:12px solid #404040;border-radius:24px;box-shadow:0 0 10px #0000004d;position:relative;transition:width .3s ease}.preview-content.mobile-view .preview-iframe:before{top:-8px;width:60px}.preview-content.mobile-view .preview-iframe:after,.preview-content.mobile-view .preview-iframe:before{background:#303030;border-radius:2px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%)}.preview-content.mobile-view .preview-iframe:after{bottom:-10px;width:40px}.preview-container{background:#fff;overflow:auto}.retro-input{background:#0a0a0a;border:1px solid #1f521f;box-shadow:inset 1px 1px #0a200a,inset -1px -1px #2a702a;color:#3f3;font-family:VT323,monospace;font-size:14px;margin-top:10px;padding:8px 10px;text-shadow:0 0 2px #3f3;width:100%}.retro-input:focus{border-color:#3f3;box-shadow:inset 1px 1px #0a200a,inset -1px -1px #2a702a,0 0 5px #33ff334d;outline:none}.retro-input::placeholder{color:#1f521f;text-shadow:none}.email-form{background:#1a1a1a;border:1px solid #333;margin-bottom:16px;padding:16px;text-align:left}.email-form p{color:#3f3;margin-bottom:10px;text-shadow:0 0 2px #3f3}.email-form p,.error-details{font-family:VT323,monospace;font-size:14px}.error-details{background:#3f1414;border:1px solid #521f1f;color:#f33;margin-top:10px;padding:8px;text-shadow:0 0 2px #f33}.truncated-url{background-color:#f0f0f0;border-radius:3px;cursor:help;display:inline-block;font-family:monospace;font-size:.9em;max-width:200px;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}
/*# sourceMappingURL=main.46d80fe1.css.map*/