:root{--primary: #0078d4;--bg: #f3f2f1;--surface: #ffffff;--border: #e1dfdd;--text: #323130;--placeholder: #605e5c}body{margin:0;font-family:Segoe UI,"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background-color:var(--bg);color:var(--text);display:flex;justify-content:center;align-items:center;height:100vh}.outlook-window{background:var(--surface);width:900px;height:650px;box-shadow:0 0 20px #00000026;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.window-header{background:var(--primary);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px}.brand{display:flex;align-items:center;gap:10px}.toolbar{padding:10px 20px;background:#faf9f8;border-bottom:1px solid var(--border);display:flex;gap:15px}.tool-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--text);cursor:pointer;padding:6px 12px;border-radius:4px}.tool-btn:hover{background:#edebe9}.tool-btn.send{background:var(--primary);color:#fff;padding:6px 20px}.tool-btn.send:hover{background:#005a9e}.composer{padding:20px 40px;flex:1;display:flex;flex-direction:column;gap:15px}.field-group{display:flex;align-items:center;border-bottom:1px solid var(--border);padding-bottom:5px}.field-label{width:60px;color:#666;font-size:14px}.field-input{flex:1;border:none;outline:none;font-size:14px;font-family:inherit;padding:5px}.editor{flex:1;margin-top:20px;border:none;outline:none;font-size:15px;resize:none;font-family:inherit}.attachments-area{border-top:1px solid var(--border);padding:15px 20px;background:#fcfcfc}.drop-zone{border:2px dashed #c7e0f4;border-radius:6px;padding:20px;text-align:center;color:var(--primary);cursor:pointer;transition:all .2s}.drop-zone:hover{background:#eff6fc}.file-preview{display:flex;align-items:center;gap:10px;background:#e1dfdd;padding:8px 12px;border-radius:4px;width:fit-content;margin-top:10px;font-size:13px}.status-bar{padding:10px;text-align:center;font-size:13px}.success{background:#dff6dd;color:#107c10}.error{background:#fde7e9;color:#a80000}.loading{background:#fce100;color:#333}