html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.editor-shell{flex-direction:column;height:100%;display:flex}.editor-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.editor-toolbar .editor-toolbar-spacer{flex:1}.editor-toolbar input{border:1px solid #e1e1e1;border-radius:8px;flex:0 260px;padding:7px 10px;font-size:14px}.editor-toolbar input:focus{border-color:#4f46e5;outline:none}.subject-field{flex:auto;align-items:center;gap:8px;max-width:520px;display:flex}.subject-field label{color:#6b6b6b;white-space:nowrap;font-size:12px;font-weight:600}.editor-toolbar input.subject-input{flex:auto;max-width:none}.editor-toolbar>button:not(.btn-icon):not(.btn-save):not(.btn-icon-primary){color:#4a4a4a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:7px 16px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s}.editor-toolbar>button:not(.btn-icon):not(.btn-save):not(.btn-icon-primary):hover:not(:disabled){background:#f8f8f8;border-color:#c5c5c5}.editor-toolbar>button:not(.btn-icon):not(.btn-save):not(.btn-icon-primary):disabled{color:#c7c7cc;cursor:default}.btn-icon{color:#4a4a4a;cursor:pointer;background:#fff;border:1px solid #e1e1e1;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;line-height:1;transition:background-color .15s,border-color .15s;display:flex}.btn-icon:hover:not(:disabled){background:#f8f8f8;border-color:#c5c5c5}.btn-icon:disabled{color:#c7c7cc;cursor:default}.btn-save{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:background-color .15s,transform .1s,box-shadow .15s;box-shadow:0 1px 2px #00000014}.btn-save:hover:not(:disabled){background:#4338ca;box-shadow:0 2px 6px #4f46e559}.btn-save:active:not(:disabled){transform:translateY(1px)}.btn-save:disabled{cursor:default;box-shadow:none;background:#c7c7cc}.btn-icon-primary{color:#fff;cursor:pointer;background:#24b744;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #00000014}.btn-icon-primary:hover:not(:disabled){background:#1e9c3a;box-shadow:0 2px 6px #24b74459}.btn-icon-primary:active:not(:disabled){transform:translateY(1px)}.btn-icon-primary:disabled{cursor:default;box-shadow:none;background:#c7c7cc}.editor-container{flex:1;min-height:0}.state-message{text-align:center;color:#444;padding:24px}.state-message--error{color:#b00020}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:520px;max-width:90vw;padding:20px 24px 24px;box-shadow:0 8px 32px #0003}.modal h2{color:#1a1a1a;margin:0 0 6px;font-size:17px}.modal-hint{color:#6b6b6b;margin:0 0 12px;font-size:13px}.modal textarea{resize:vertical;box-sizing:border-box;border:1px solid #e1e1e1;border-radius:8px;width:100%;height:180px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.modal textarea:focus{border-color:#4f46e5;outline:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-actions>button:not(.btn-save){color:#4a4a4a;cursor:pointer;background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:7px 16px;font-size:14px;font-weight:600}.modal-actions>button:not(.btn-save):hover:not(:disabled){background:#f8f8f8;border-color:#c5c5c5}