*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;flex-shrink:0;gap:12px}.toolbar-left{display:flex;align-items:center;gap:10px}.app-logo{font-size:16px;font-weight:600;color:#1d2939;white-space:nowrap}.badge-saved{font-size:11px;color:#059669;background:#d1fae5;border-radius:10px;padding:2px 8px;font-weight:500}.inline-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding-left:10px;border-left:1px solid #e5e7eb;margin-left:2px}.inline-status--loading,.inline-status--saving{color:#1d4ed8}.inline-status--success{color:#059669}.inline-status--error{color:#dc2626}.toolbar-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .15s,opacity .15s;white-space:nowrap;line-height:1.4}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#475569;color:#fff;border-color:#475569}.btn-secondary:hover:not(:disabled){background:#334155}.btn-outline{background:#fff;color:#374151;border-color:#d1d5db}.btn-outline:hover:not(:disabled){background:#f9fafb}.spinner{display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-container{flex:1;overflow:hidden;position:relative;background:#fff}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#ffffffe6;z-index:100}.loading-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay p{font-size:14px;color:#6b7280}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}